@charset "utf-8";
/* CSS Document */
body{font-family:PoppinsLatin-ExtraLight,Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #222;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none; height: auto; vertical-align: bottom; max-width: 100%; max-height: 100%; }
a{color: #222;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#004098;}
a:focus,input:focus,select:focus,textarea:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }
@font-face {
  font-family: 'Outfit-SemiBold';
  src: url('fonts/Outfit-SemiBold.otf');
  src: local('☺'), url('fonts/Outfit-SemiBold.woff') format('woff'), url('../fonts/outfit-semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'impact';
  src: url('../fonts/impact.eot');
  src: local('☺'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsLatin-Bold';
  src: url('fonts/PoppinsLatin-Bold.otf');
  src: local('☺'), url('fonts/PoppinsLatin-Bold.woff') format('woff'), url('../fonts/poppinslatin-bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsLatin-ExtraLight';
  src: url('fonts/PoppinsLatin-ExtraLight.otf');
  src: local('☺'), url('fonts/PoppinsLatin-ExtraLight.woff') format('woff'), url('../fonts/poppinslatin-extralight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsLatin-Light';
  src: url('fonts/PoppinsLatin-Light.otf');
  src: local('☺'), url('fonts/PoppinsLatin-Light.woff') format('woff'), url('../fonts/poppinslatin-light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsLatin-Regular';
  src: url('fonts/PoppinsLatin-Regular.otf');
  src: local('☺'), url('fonts/PoppinsLatin-Regular.woff') format('woff'), url('../fonts/poppinslatin-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsLatin-SemiBold';
  src: url('fonts/PoppinsLatin-SemiBold.otf');
  src: local('☺'), url('fonts/PoppinsLatin-SemiBold.woff') format('woff'), url('../fonts/poppinslatin-semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "iconfont"; /* Project id 5074792 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-duihao:before {
  content: "\e617";
}

.icon-nursing:before {
  content: "\e7a3";
}

.icon-zhuanyegaoxiao:before {
  content: "\e752";
}

.icon-gaoxiao1:before {
  content: "\e61b";
}

.icon-chengxin1:before {
  content: "\e67f";
}

.icon-charulianjie:before {
  content: "\ec7f";
}

.icon-xiayibu:before {
  content: "\e651";
}

.icon-liebiao_o:before {
  content: "\eb7c";
}

.icon-bofang1:before {
  content: "\e615";
}

.icon-yingyong:before {
  content: "\e679";
}

.icon-youjian:before {
  content: "\e656";
}

.icon-ren:before {
  content: "\e643";
}

.icon-fanhuidingbu3:before {
  content: "\e64a";
}

.icon-666666-copy:before {
  content: "\ec8d";
}

.icon-duihua1:before {
  content: "\e72a";
}

.icon-liuyan:before {
  content: "\e600";
}

.icon-whatsapp1:before {
  content: "\e8ec";
}

.icon-WhatsappMessage:before {
  content: "\e841";
}

.icon-weixinguanli:before {
  content: "\e7cf";
}

.icon-yuyan:before {
  content: "\e85f";
}

.icon-Mail:before {
  content: "\e71f";
}

.icon-youxiang2:before {
  content: "\e68b";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-whatapp:before {
  content: "\e623";
}

.icon-fasong1:before {
  content: "\e762";
}

.icon-vk:before {
  content: "\ec2c";
}

.icon-chahao:before {
  content: "\e68c";
}

.icon-duoyuyan:before {
  content: "\e602";
}

.icon-home-fill:before {
  content: "\e687";
}

.icon-tuite:before {
  content: "\e621";
}

.icon-jiantou1-copy:before {
  content: "\ec8e";
}

.icon-duihua:before {
  content: "\e60d";
}

.icon-jiantou:before {
  content: "\e668";
}

.icon-twitter:before {
  content: "\e89d";
}

.icon-youtube1:before {
  content: "\e8d7";
}

.icon-liuyan1:before {
  content: "\e744";
}

.icon-xiazai19:before {
  content: "\e613";
}

.icon-zhuye:before {
  content: "\e6c5";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-wechat1:before {
  content: "\e650";
}

.icon-zixun:before {
  content: "\e661";
}

.icon-zixun1:before {
  content: "\e663";
}

.icon-rili:before {
  content: "\e659";
}

.icon-bofang:before {
  content: "\e61a";
}

.icon-youjiantou:before {
  content: "\e60b";
}

.icon-diqiu:before {
  content: "\e7b9";
}

.icon-jian:before {
  content: "\e611";
}

.icon-jiantou-left:before {
  content: "\e609";
}

.icon-youtube:before {
  content: "\e6ab";
}

.icon-youxiang1:before {
  content: "\e607";
}

.icon-dianhua1:before {
  content: "\e61e";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-liaotian:before {
  content: "\e6a5";
}

.icon-youxiang:before {
  content: "\e908";
}

.icon-skype1:before {
  content: "\e87d";
}

.icon-instagram-fill1:before {
  content: "\e88f";
}

.icon-fangdajing:before {
  content: "\e605";
}

.icon-dianhua:before {
  content: "\e606";
}

.icon-shouqianzixun:before {
  content: "\e62c";
}

.icon-dayinchuanzhen:before {
  content: "\e627";
}

.icon-zixunfuwu:before {
  content: "\e655";
}

.icon-shoujilianxi:before {
  content: "\e620";
}

.icon-dizhi:before {
  content: "\e619";
}

.icon-skype:before {
  content: "\e707";
}

.icon-chuanzhen:before {
  content: "\e616";
}

.icon-pinterest1:before {
  content: "\e907";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-jiantou1:before {
  content: "\e666";
}

.icon-pinterest:before {
  content: "\e7a8";
}

.icon-dianhua4:before {
  content: "\e610";
}

.icon-dianhua5:before {
  content: "\e6ee";
}

.icon-jia:before {
  content: "\e711";
}

.icon-dianhua6:before {
  content: "\e791";
}

.icon-jurassic_message:before {
  content: "\e69d";
}

.icon-ins:before {
  content: "\e664";
}

.icon-instagram-fill:before {
  content: "\e763";
}

.icon-fasong:before {
  content: "\e65e";
}

.icon-shubiao:before {
  content: "\e667";
}

.icon-shouji:before {
  content: "\e612";
}

.icon-dianhua3:before {
  content: "\e618";
}

.icon-youtube2:before {
  content: "\ea07";
}

.icon-dianhua2:before {
  content: "\e60a";
}

.icon-chuangxinfuwu1:before {
  content: "\e6a0";
}

.icon-quanqiufuwu2:before {
  content: "\e60c";
}

.icon-zhiliangrenzheng:before {
  content: "\e646";
}

.icon-kechixu:before {
  content: "\e6bf";
}

.icon-zhuanye:before {
  content: "\e665";
}

.icon-a-gongchang1:before {
  content: "\e604";
}

.icon-shengchanxian:before {
  content: "\e608";
}

.icon-shengchannengli:before {
  content: "\e753";
}

.icon-chanpinzhengce:before {
  content: "\e691";
}

.icon-gaoxiao:before {
  content: "\e662";
}

.icon-nianchanneng:before {
  content: "\e614";
}

.icon-chengxin:before {
  content: "\e633";
}

.icon--yuangong:before {
  content: "\e603";
}

.icon-chuangxinfuwu:before {
  content: "\e66f";
}



input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f7faff; overflow: hidden;  }
.warper{ width:1500px; margin:0 auto; position: relative;}
.backToTop{width:42px; height:42px; z-index: 666; border-radius: 42px; background:#004098 url(../images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:16px; text-indent:9999px; bottom:80px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ width: 100%; height: 90px; background:#fff; z-index: 999; position: fixed; top: 0; left: 0; }

#nav:after{  content: '';  display: block;  clear: both;}

.logo{ position: absolute; left:0; top: 22px; }
.logo a{ display: flex; align-items: center;  }
.logo img{ width: auto; }
.logo span{ font-size: 24px; display: inline-block; margin-left: 12px; color: #fff; font-family: Outfit-SemiBold; }
.dis{ display: block; }
.nodis{ display: none; }

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #e10103; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 152px; }
nav li{ float: left; position: relative; margin: 0 44px; }
nav li:last-child{ margin-right: 0; }
nav li:before{ content: ""; background:#004098; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; transition: all 0.3s; height: 3px;}
nav li>a{ line-height: 90px; font-family: PoppinsLatin-Regular; font-size: 20px; text-transform: capitalize; display: block; text-align: center; }
nav li.on a,nav li:hover a{ color: #004098; }
nav li.on:before,nav li:hover:before{ width: 100%; }
.sub_menu{
  width: 100%;
  position: fixed;
  top: 90px;
  left: 0;
  z-index: 998;
  padding: 0 24px 16px;
  display: block;
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid #e5ebf3;
  border-bottom: 1px solid #e6edf6;
  box-shadow: 0 18px 42px rgba(17, 35, 64, 0.09);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
  overflow: hidden;
}
.sub_menu:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #004098 0%, #2d6ee8 50%, #004098 100%);
}
nav li:hover > .sub_menu,
nav li:focus-within > .sub_menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.subdl{
  max-width: 1480px;
  margin: 0 auto;
  padding: 16px 0 14px;
  display: block;
}
.subdl dd{
  margin: 0;
  width: 100%;
  padding: 0;
  border-right: none;
  border-left: none;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px 18px;
  align-items: start;
}
.subdl dd p{
  position: relative;
  margin: 0;
  padding: 0 0 0 16px;
  font-size: 15px;
  transition: transform 0.2s ease;
}
.subdl dd p:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #004098;
  box-shadow: 0 0 0 4px rgba(0, 64, 152, 0.08);
}
.subdl dd p a{
  min-height: 0;
  padding: 10px 0 11px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #243447;
  display: block;
  align-items: center;
  white-space: normal;
  line-height: 1.38;
  position: relative;
  font-weight: 500;
}
.subdl dd p a:hover{
  color: #004098;
  text-decoration: none;
}
.subdl dd p a:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 0;
  height: 2px;
  background: #004098;
  transition: width 0.22s ease;
}
.subdl dd p a:hover:after{ width: 100%; }
.subdl dd p:hover{ transform: translateX(2px); }
.subdl dd > div,
.subdl dd > ul,
.subdl dd > ol,
.subdl dd .subchild{ display: none !important; }

.head_rcon{ position: absolute; top: 0; right: 0; font-family: PoppinsLatin-Regular; padding: 0 30px; background: #004098; display: flex; align-items: center; height: 90px;} 
.head_rcon a{ font-size: 20px; color: #fff;}
.head_rcon a:hover{ text-decoration: underline;}

@media screen and (min-width: 1025px){
  header .warper{ height: 90px; }
  nav{ float: none; margin-left: 180px; margin-right: clamp(210px, 18vw, 330px); display: flex; justify-content: flex-end; min-width: 0; }
  nav ul{ display: flex; align-items: center; justify-content: flex-end; min-width: 0; }
  nav li{ float: none; margin: 0 clamp(8px, 1vw, 22px); min-width: 0; }
  nav li>a{ max-width: clamp(82px, 8vw, 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(15px, 1vw, 19px); }
  .head_rcon{ max-width: min(300px, 18vw); padding: 0 clamp(14px, 1.4vw, 28px); }
  .head_rcon a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(14px, .95vw, 18px); }
  .subdl{ padding-left: 6px; padding-right: 6px; }
  .subdl dd p{ padding-left: 16px; }
  .subdl dd p a{
    font-size: 15px;
    font-family: PoppinsLatin-Regular;
    transition: color .18s ease, transform .18s ease;
  }
  .subdl dd p a:hover{ transform: translateX(2px); }
}

.position{ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);  }
.sumouse{ position: absolute; left: 50%; bottom: 12px; cursor: pointer; color: #fff; transform: translateX(-50%); }
.sumouse i{ font-size: 20px;}


.searchform{ width: 136px; position: relative; padding-right: 38px; }
.searchform input{ width: 100%; height: 36px; color: #fff; font-size: 18px; border-bottom: 1px solid #fff; background: transparent; }
.searchform button{ position: absolute; cursor: pointer; border: none; top: 0; right: 0; width: 36px; height: 36px; background: transparent; color: #fff; }
.searchform button i{ font-size: 22px; }
.hnaiv{ cursor: pointer; }
.hnaiv i{ color: #fff; font-size: 26px; }


.language{ width: 28px; margin-top: 8px; font-size: 16px; float: left; position: relative; cursor: pointer; text-align: center; }
.language i{ font-size: 20px; color: #004098; }
.language-main { width: 120px; position: absolute; display: none; z-index: 99; left: -52px; top: 24px;
    background: url("../images/ffggg.png") no-repeat center 4px;  }
.language:hover .language-main {display: block;}
.language-cont { width: 120px; padding: 0 16px; margin-top: 10px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); border-top: 3px solid #004098; background: #ffffff;  padding-bottom: 10px;}
.language-cont a { width: 100% !important; position: relative; font-size: 16px !important; padding: 0 !important; padding-left: 15px !important;color: #888 !important; background: #fff !important; height: auto !important; border: none !important; line-height: 28px !important; text-align: left; display: block !important;}
.language-post { padding-top: 10px;}
.language-cont a:after{ position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #004098; content: ''; }
.language-cont a:hover { color: #004098 !important;}


footer{ padding-top: 130px; background: url(../images/conbug.jpg) top center no-repeat; background-size: cover; position: relative; }
#ba_top{ position: absolute; left: 50%; top: 12px; cursor: pointer; color: #004098; transform: translateX(-50%);}
#ba_top i{ font-size: 42px;}
footer h2{ font-size: 32px; text-align: center; font-family: PoppinsLatin-Regular; font-weight: normal; color: #fff; }
.fo_mfoul{ width: 100%; margin-top: 28px; display: flex; justify-content: space-between; }
.fo_mfoul li{ width: calc(100% - 214px); position: relative; background: #fff; border-radius: 4px; padding: 0 0; }
.fo_mfoul li:nth-of-type(2){ width: 204px; padding: 0; background: transparent; }
.fomdl{ display: flex; }
.fomdl dd{ width: 28%; position: relative; padding: 0 18px; /*border-right: 1px solid #d0cece; */}
.fomdl dd:after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; transform: translateY(-50%); height: 32px; background: #d0cece; }
.fomdl dd:last-child{ width: 44%; }
.fomdl dd:last-child:after{ display: none; }
.fomdl input[type="text"],.fomdl input[type="email"]{ width: 100%; padding: 0 10px 0 34px; color: #333; font-size: 16px; font-family: PoppinsLatin-ExtraLight; background: #fff; height: 66px; }
.fomdl textarea{ box-shadow: 0 0 54px rgba(215, 215, 215, 0.27); width: 100%; resize: none; height: 154px; background: #fff; padding: 20px; color: #333; font-size: 16px; font-family: PoppinsLatin-ExtraLight; }
.fomdl input::-webkit-input-placeholder,.fomdl textarea::-webkit-input-placeholder { color: #999;}
.fomdl input:-moz-placeholder,.fomdl textarea:-moz-placeholder {color: #999;}
.fomdl dd i{ position: absolute; top: 22px; left: 22px; font-size: 24px; }
.fomdl dd:last-child{ border-right: none; }
.fo_mfoul li button{ transition: all 0.3s; border: none; background: #fff; border-radius: 4px; text-transform: capitalize; width: 100%; cursor: pointer; height: 66px; font-family: PoppinsLatin-ExtraLight; font-size: 18px; text-align: center; color: #333; }
.fo_mfoul li button:hover{ color: #fff; background: #004098; }
.fonaivs{ margin-top: 36px; display: flex; justify-content: space-between; }
.f_item1{ width: 10%; }
.f_item2{ width: 12%;  }
.f_item3{ width: 18%; }
.f_item4{ width: 28%; }
.f_item5{ width: 21%; }
.fonaivs h4{ color: #fff; font-size: 22px; font-family: PoppinsLatin-Regular; font-weight: normal; margin-bottom: 18px; }
.f_link li{ transition: all 0.3s; margin-bottom: 16px; font-size: 16px; }
.f_link li a{ color: #d8dfea; }
.f_link li:hover a{ color: #fff; text-decoration: underline; display: inline-block;}
.foxlus{ }
.foxlus li{ margin-bottom: 16px; color: #d8dfea; font-size: 16px; position: relative; padding-left: 28px; }
.foxlus li i{ position: absolute; font-size: 20px; top: 0; left: 0; color: #fff; }
.foxlus li:last-child{ margin-bottom: 0; }
.foxlus li a{ margin-right: 22px; color: #d8dfea; }
.foxlus li a:hover{ color: #fff; text-decoration: underline; }
.media a{ width: 34px; height: 34px; background: rgba(255, 255, 255, 0.2); line-height: 34px; font-size: 15px; border-radius: 34px; margin-right: 12px; text-align: center; display: inline-block; color: #fff; }
.media a:hover{ background: #fff; color: #004098; }
.fiform{ margin-top: 38px; padding: 13px 20px; border-radius: 6px; border: 1px solid #fff; }
.fiform form{ position: relative; }
.fiform form input{ width: 100%; padding-right: 60px; color: #fff; background: transparent; height: 38px; line-height: 38px; font-size: 18px; font-family: PoppinsLatin-ExtraLight; }
.fiform form input::-webkit-input-placeholder{ color: #fff;}
.fiform form input:-moz-placeholder{color: #fff;}
.fiform form button{ position: absolute; border: none; cursor: pointer; background: transparent; top: 3px; right: 0; color: #fff; }
.fiform form button i{ font-size: 28px; }
.copyright{ margin-top: 35px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 18px 0 20px 0; font-size: 16px; text-align: center; }
.copyright a{ color:#fff; }
.copyright a:hover{ color:#fff; }


.sider-contact { background: #fff; border-radius: 10px 0 0 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); position: fixed; right: 0; top: 50%; transform: translateY(-50%); transition: all .5s ease; z-index: 999;}
.sider-contact.hide { transform: translate(100%,-50%);}
.sider-contact.hide #sider-contact-switcher i { transform: rotate(180deg);}
.right-nav { align-items: center; display: flex; padding: 16px 14px; flex-flow: column; font-size: 1.2rem; line-height: 1.4rem;}
.right-nav .btn-tit { transform: scale(.9)}
.right-nav li { height: 62px; border-bottom: 1px solid #f0f0f0; position: relative; width: 56px;}
.right-nav li:last-child{ border-bottom: none; }
.right-nav li a { align-items: center; color: #1f1a17; display: flex; flex-flow: column; height: 100%; justify-content: center; transition: all .3s ease; width: 100%}
.right-nav li a:hover { transform: translateX(5px); }
.right-nav li:hover .right_hide { opacity: 1; transform: translate(-110%,-50%); visibility: visible}
.right_hide{ background-color: #fff; border-radius: 10px; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); color: #3d3d3d; font-size: 14px; left: -10px; line-height: 1.6rem; opacity: 0; padding: 1rem; position: absolute; top: 50%; transform: translate(-130%,-50%); transition: all .5s ease; visibility: hidden; white-space: nowrap}
.right_hide:before { border-bottom: 6px solid transparent; border-left: 8px solid #fff; border-top: 6px solid transparent; content: ""; position: absolute; right: -8px; top: calc(50% - 4px)}
.right_hide img { display: block; max-width: 10rem}
#sider-contact-switcher { align-items: center; color: #1f1a17; cursor: pointer; display: flex; height: 44px; justify-content: flex-end; left: 0; margin: 0; overflow: hidden; position: absolute; top: 50%; transform: translate(-100%,-50%); width: 44px; z-index: -1}
#sider-contact-switcher i { font-size: 12px; font-weight: bold; transition: all .3s ease}
#sider-contact-switcher:after { background: #fff; box-shadow: 0 0 1rem -2px rgba(61,61,61,.15); border-radius: 5px; content: ""; display: block; height: 44px; left: 69%; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transform-origin: center; width: 44px; z-index: -1}


.banner img{ width: 100%; display: block; }
#banner_home{ position: relative; margin-top: 90px;}
.banner{ position: relative; }
.banner .item{ position: relative;  }


.changpic{ width: 100%; overflow: hidden; }
.changpic img{ object-fit: cover; height: 100%; max-width: 100%; max-height: 100%; width: 100%; transition: all 0.3s; }

.cl{ clear: both; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

/*首页*/
.inphot{ background: #fff; padding: 52px 0 24px; }
.inh2tit{ font-size: 66px; line-height: 66px; font-family: PoppinsLatin-Bold; text-transform: uppercase; }
.iaitxt{ text-align: center; }
.iaitxt p{ font-size: 16px; margin-top: 20px; line-height: 26px; color: #888; }
.ihpuls{ margin-top: 28px; display: grid; grid-gap: 25px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.ihoimte a{ display: block; width: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.ihoimte .changpic{ background: #004098;}
.ihpxt{ position: absolute; opacity: 0; transition: all 0.3s; text-align: center; top: 0; left: 0; width: 100%; color: #fff; padding: 0 54px; height: 100%; display: flex; align-items: center; justify-content: center;}
.ihpxt .ixtw{ width: 100%; }
.ihpxt i{ display: inline-block; width: 78px; font-size: 36px; height: 78px; line-height: 78px; border-radius: 78px; background: #fff; color: #004098;}
.ihpxt h3{ font-size: 20px; margin-top: 20px; margin-bottom: 10px; font-family: PoppinsLatin-SemiBold;}
.ihpxt p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.ihoimte:hover .changpic img{ opacity: 0.3;}
.ihoimte:hover .ihpxt{ opacity: 1;}

.alloy_grades{ padding: 76px 0 88px; background: #0c1724; overflow: hidden; }
.alloy_grades .inh2tit{ color: #fff; }
.alloy_forms{ padding: 70px 0 82px; background: #fff; overflow: hidden; }
.forms_head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; color: #fff; }
.forms_head span,.factory_text span,.blog_head span{ display: inline-block; color: #004098; font-size: 20px; font-family: PoppinsLatin-Regular; margin-bottom: 12px; }
.alloy_grades .forms_head span{ color: #72a8ff; }
.alloy_forms .forms_head{ color: #222; }
.forms_head h1,.forms_head h2,.factory_text h2{ font-size: 42px; line-height: 52px; font-family: PoppinsLatin-SemiBold; font-weight: normal; }
.forms_head p{ width: 42%; color: #b9c4d1; font-size: 16px; line-height: 28px; }
.alloy_forms .forms_head p{ color: #666; }
.forms_slider_wrap{ position: relative; margin-top: 38px; padding: 0 76px; }
.forms_grid .slick-list{ margin: 0 -10px; overflow: visible; }
.forms_grid .slick-slide{ padding: 0 10px; }
.forms_grid a{ display: block; height: 292px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; padding: 26px 24px; color: #fff; background: rgba(255,255,255,.06); position: relative; overflow: hidden; }
.forms_grid a:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #72a8ff; transform: scaleX(0); transform-origin: left; transition: all .35s; }
.forms_grid b{ display: block; color: #fff; font-size: 25px; line-height: 32px; height: 64px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin-bottom: 10px; overflow: hidden; }
.forms_grid span{ display: block; color: #cad3df; font-size: 15px; line-height: 24px; height: 72px; overflow: hidden; }
.forms_grid a:hover{ background: #fff; transform: translateY(-8px); }
.forms_grid a:hover b{ color: #0c1724; }
.forms_grid a:hover span{ color: #4f5d6b; }
.forms_grid a:hover:after{ transform: scaleX(1); }
.grade_slick b{ margin-top: 28px; }
.forms_arr span{ cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 48px; height: 48px; border-radius: 48px; line-height: 48px; text-align: center; border: 1px solid rgba(255,255,255,.28); color: #fff; background: rgba(255,255,255,.08); }
.forms_arr span i{ font-size: 20px; }
.forms_arr .forms_prev,.forms_arr .grade_prev{ left: 0; transform: translateY(-50%) rotate(180deg); }
.forms_arr .forms_next,.forms_arr .grade_next{ right: 0; }
.forms_arr span:hover{ background: #fff; color: #004098; }

.form_photo_wrap{ position: relative; margin-top: 34px; padding: 0 64px; }
.form_photo_slick .slick-list{ margin: 0 -12px; }
.form_photo_slick .slick-slide{ padding: 0 12px; }
.form_photo_slick .ihoimte a{ height: 360px; border-radius: 8px; }
.form_photo_slick .changpic{ height: 100%; }
.form_photo_slick .changpic img{ width: 100%; height: 100%; object-fit: cover; }
.form_photo_slick .ihpxt h3{ font-size: 22px; line-height: 28px; height: 28px; overflow: hidden; }
.form_photo_slick .ihpxt p{ height: 48px; }
.photo_arr span{ cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 46px; height: 46px; border-radius: 46px; line-height: 46px; text-align: center; color: #fff; background: #004098; }
.photo_arr span i{ font-size: 20px; }
.photo_arr .forms_prev{ left: 0; transform: translateY(-50%) rotate(180deg); }
.photo_arr .forms_next{ right: 0; }
.photo_arr span:hover{ background: #0c1724; }

.innuc{ padding: 134px 0 138px; position: relative; background: url(../images/inubgst.jpg) no-repeat center bottom; background-size: cover;}
.intit{ color: #fff; position: relative;}
.intit::before{ content: ""; position: absolute; top: 0; right: 0; width: 126px; height:68px; background: url(../images/yhic.png) no-repeat; background-size: cover;}
.intit span{ display: inline-block; position: relative; padding-left: 68px; font-size: 26px; font-family: PoppinsLatin-Regular;}
.intit span::before{ content: ""; position: absolute; top: 50%; left: 0; width: 48px; height: 3px; background: #fff; transform: translateY(-50%);}
.intit h2{ font-size: 38px; margin-top: 12px; padding-right: 20%; line-height: 60px; font-family: PoppinsLatin-SemiBold;}
.innicon{ margin-top: 68px; display: flex;}
.innicon li{ border-radius: 10px; transition: all 0.3s; position: relative; color: #fff; width: 23%; margin-right: 1.4%; background: rgba(255, 255, 255, .12); padding: 32px 25px 34px;}
.innicon li:last-child{ margin-right: 0;}
.innicon li i{ font-size: 50px;}
.innicon li b{ font-size: 52px; position: absolute; top: 16px; right: 25px; font-family: PoppinsLatin-SemiBold; color: rgba(255, 255, 255, 0.1);}
.inicp{ margin-top: 46px;}
.inicp p{ font-size: 22px; text-align: right; font-family: PoppinsLatin-Regular;}
.innicon li:hover{ background: #fff;}
.innicon li:hover i{ color: #004098;}
.innicon li:hover b{ color: rgba(16, 57, 120, .16);}
.innicon li:hover .inicp p{ color: #000;}

.indata{ padding: 80px 0 185px; background: url(../images/indabg.jpg) center bottom no-repeat; background-size: cover;}
.idauls{ margin-top: 64px; display: flex; justify-content: space-between;}
.idauls li b{ font-weight: normal; display: block; font-size: 20px; font-family: PoppinsLatin-SemiBold; }
.idauls li b span{ font-size: 44px; }
.idauls li p{ font-size: 16px; }
.idauls li{ position: relative;}
.idauls li::before{ content: ""; position: absolute; top: 0; right:-88px; width: 1px; height: 100%; background: #d2d8dc;}
.idauls li:last-child:before{ display: none;}
.idaxp{ margin-top: 44px;}
.idaxp p{ font-size: 16px; line-height: 28px; margin-bottom: 22px;}
.idaxp p:last-child{ margin-bottom: 0;}

.factory_focus{ padding: 84px 0 190px; background: #fff; }
.factory_focus .warper{ display: flex; align-items: center; gap: 64px; }
.factory_media{ width: 47%; border-radius: 8px; overflow: hidden; }
.factory_media img{ width: 100%; height: 460px; object-fit: cover; display: block; }
.factory_text{ width: calc(53% - 64px); }
.factory_text h2{ margin-bottom: 28px; }
.factory_text li{ position: relative; color: #555; font-size: 17px; line-height: 30px; padding-left: 28px; margin-bottom: 14px; }
.factory_text li:before{ content: ""; position: absolute; top: 12px; left: 0; width: 9px; height: 9px; border-radius: 9px; background: #004098; }

.product_simple{ padding: 72px 0 90px; background: #f7faff; }
.product_simple .warper{ display: flex; gap: 52px; align-items: flex-start; }
.simple_pic{ width: 46%; border-radius: 8px; overflow: hidden; background: #fff; }
.simple_pic img{ width: 100%; height: 430px; object-fit: cover; display: block; }
.simple_info{ width: calc(54% - 52px); background: #fff; border-radius: 8px; padding: 42px; box-shadow: 0 18px 42px rgba(54, 83, 120, .08); }
.simple_info h1{ font-size: 36px; line-height: 46px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin-bottom: 16px; }
.simple_info p{ color: #666; font-size: 16px; line-height: 29px; margin-bottom: 18px; }
.simple_info h2{ font-size: 24px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin: 26px 0 14px; }
.simple_info li{ position: relative; color: #555; font-size: 16px; line-height: 28px; padding-left: 22px; margin-bottom: 8px; }
.simple_info li:before{ content: ""; position: absolute; top: 11px; left: 0; width: 7px; height: 7px; border-radius: 7px; background: #004098; }
.simple_btn{ display: inline-block; margin-top: 18px; padding: 13px 38px; border-radius: 40px; background: #004098; color: #fff; font-family: PoppinsLatin-Regular; }
.simple_btn:hover{ color: #fff; transform: translateX(8px); }
.home_blog{ padding: 76px 0 86px; background: #f4f7fb; }
.blog_head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.blog_head h2{ font-size: 42px; line-height: 52px; font-family: PoppinsLatin-SemiBold; font-weight: normal; }
.blog_head a{ display: inline-flex; align-items:center; justify-content:center; flex:0 0 auto; white-space:nowrap; border-radius: 40px; background: #004098; color: #fff; padding: 12px 32px; font-size: 15px; }
.blog_head a:hover{ color: #fff; transform: translateX(8px); }
.blog_list{ margin-top: 34px; background: #fff; border-radius: 8px; box-shadow: 0 16px 38px rgba(36,68,105,.08); overflow: hidden; }
.blog_list li{ border-bottom: 1px solid #e5eaf1; }
.blog_list li:last-child{ border-bottom: none; }
.blog_list a{ display: grid; grid-template-columns: 170px 1fr 44%; gap: 28px; align-items: center; padding: 28px 34px; }
.blog_list span{ color: #004098; font-size: 14px; font-family: PoppinsLatin-Regular; }
.blog_list h3{ font-size: 22px; line-height: 31px; font-family: PoppinsLatin-SemiBold; font-weight: normal; }
.blog_list p{ color: #666; font-size: 15px; line-height: 25px; }
.blog_list a:hover{ background: #f8fbff; }
.blog_list a:hover h3{ color: #004098; }

.inglap{ padding: 0 0 100px; position: relative; background: url(../images/gobpbg.jpg) #103978 center bottom no-repeat;}
.inglap .warper{ padding-top: 200px;}
.ifcous{ top: -122px; position: absolute; box-shadow: 0 0 54px rgba(27, 78, 147, .27); border-radius: 10px; background: #fff; display: flex; align-items: center; padding: 64px 70px; }
.ifclef{ width: calc(100% - 234px); padding-right: 150px; display: flex; align-items: center;  }
.ifcrig{ width: 234px; }
.ifclef i{ display: inline-block; width: 116px; height: 116px; line-height: 116px; color: #fff; background: #004098; font-size: 52px; border-radius: 116px; text-align: center;  }
.ifctxv{ width: calc(100% - 116px); padding-left: 78px; }
.ifctxv p{ font-size: 32px; line-height: 56px; font-family: PoppinsLatin-Regular; }
.ifcrig a{ display: inline-block; width: 100%; height: 52px; background: #fff; border-radius: 50px; line-height: 52px; border: 1px solid #004098; text-align: center; font-family: PoppinsLatin-Light;  }
.ifcrig a:hover{ background: #004098; color: #fff; }

.ingopa{ padding: 0 30px 0 205px; }
.ingpaiv{ display: flex; }
.igpolef{ width: 30%; padding-top: 122px; color: #fff; }
.igpolef h2{ font-size: 50px; margin-bottom: 36px; font-family: PoppinsLatin-SemiBold;}
.igporig{ width: 70%; }
.igpolef p{ font-size: 16px; line-height: 36px; }
.igmap{ position: relative; width:100%; }
.igmap > img{ display:block; width:100%; max-width:none; height:auto; }
.so_icon{ position: absolute; width: 30px; height: 30px; transform:translate(-50%,-50%); cursor:pointer; z-index:3; }
.so_icon > span{ display:block; width:100%; height:100%; }
.so_icon > span img{ display:block; width:100%; height:100%; object-fit:contain; }
.so_prsh{ position: absolute; width: auto; padding:6px 15px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; left: 45px; top: -6px; background: #fff; display: none;  }
.so_prsh:after{ content: ''; position: absolute; border: 6px solid transparent; border-right-color: #fff; left: -12px; top: calc(50% - 6px); }
.so_prsh h5{ font-size: 16px; white-space: nowrap; font-family: PoppinsLatin-Regular; font-weight: normal; }
.so_icon.on .so_prsh{ display: block; }
.factory_pin{ width: 40px; height:40px; }
.factory_pin span{ display: block; border-radius: 50%; box-shadow: 0 0 0 8px rgba(255,255,255,.22); }
.factory_pin .so_prsh h5{ color: #004098; font-family: PoppinsLatin-SemiBold; }

.factory_showcase{ padding: 86px 0 96px; background: #f4f7fb; }
.factory_show_head{ display: grid; grid-template-columns: 42% 1fr; column-gap: 70px; align-items: end; }
.factory_show_head span{ color: #004098; font-size: 20px; font-family: PoppinsLatin-Regular; margin-bottom: 14px; display: inline-block; }
.factory_show_head h2{ font-size: 42px; line-height: 52px; font-family: PoppinsLatin-SemiBold; font-weight: normal; }
.factory_show_head p{ color: #5b6673; font-size: 16px; line-height: 29px; }
.factory_show_body{ margin-top: 38px; display: grid; grid-template-columns: 42% 1fr; gap: 28px; }
.factory_show_main{ position: relative; border-radius: 8px; overflow: hidden; min-height: 520px; background: #0c1724; }
.factory_show_main img{ width: 100%; height: 100%; min-height: 520px; object-fit: cover; opacity: .88; display: block; }
.factory_show_main div{ position: absolute; left: 28px; right: 28px; bottom: 28px; color: #fff; }
.factory_show_main b{ display: block; font-size: 28px; line-height: 36px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin-bottom: 8px; }
.factory_show_main span{ display: block; color: #dbe5ef; font-size: 15px; line-height: 25px; }
.factory_show_grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.factory_show_grid li{ background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 16px 36px rgba(39,67,100,.08); }
.factory_show_grid img{ width: 100%; height: 175px; object-fit: cover; display: block; }
.factory_show_grid h3{ font-size: 21px; line-height: 28px; height: 28px; overflow: hidden; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin: 20px 22px 8px; }
.factory_show_grid p{ color: #666; font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; margin: 0 22px 22px; }


.innesi{ padding: 84px 0 45px; }
.inetis{ display: flex; width: 100%; align-items: center; justify-content: space-between; }
.inetis a{ display: inline-flex; align-items:center; justify-content:center; flex:0 0 auto; white-space:nowrap; border-radius: 35px; background: #004098; color: #fff; padding:10px 28px; font-size: 14px; }
.inetis a:hover{ transform: translateX(10px); }
.ineivs{ margin-top: 38px; display: flex; }
.inilef{ width: 602px; }
.inirig{ width: calc(100% - 602px); padding-left: 82px; }
.inbignes .item{ border-radius: 20px; overflow: hidden; display: none; }
.inbignes .item.on{ display: block; }
.ineuls li{ background: #fff; position: relative; border-bottom: 1px solid #f0f1f2; }
.ineuls li:before{ content: ""; position: absolute; transition: all 0.8s; bottom: 0; left: 0; width: 0%; height: 4px; background: #004098;}
.ineuls li.on:before{ width: 100%;}
.ineuls li:last-child{ border-bottom: none;}
.inh3{ padding: 40px 116px 40px 0; cursor: pointer; position: relative; }
.inh3 h3{ position: relative; padding-left: 34px; font-size: 22px; font-weight: normal; line-height: 35px; font-family: PoppinsLatin-Regular; height: 70px; overflow: hidden; }
.inh3 h3:before{ position: absolute; top: 9px; left: 0; content: ""; width: 10px; height: 10px; border-radius: 10px; background: #cfd6e0; }
.inh3:before{ content: "\e666"; color: #c7c7c7; font-family: iconfont; font-size: 32px; position: absolute; top: 35px; right: 0; }
.innext p{ font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #666; }
.innext{ padding: 0 68px 40px 36px; display: none; }
.inh3.active{ padding: 32px 68px 18px 0; }
.inh3.active h3:before{ background: #004098; }
.inh3.active:before{ color: #004098; }



.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.getbox{ width: 1400px; background: #fff; padding: 45px; border-radius: 10px; height: auto; position: absolute; top: 10%; left: 50%; margin-left: -700px; }
.allhide{ opacity: 0; z-index: -3; }
.bigti{ position: relative; margin-bottom: 24px; }
.close{ position: absolute; cursor: pointer; z-index: 22; top: -2px; right: 10px; }
.close i{ font-size: 40px; color: #999; }
.close:hover i{ color: #004098; }

/*手机底部*/
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#004098;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}
/*位置*/
.subbanner{ position: relative; margin-top: 90px; }
.subbanner img{ width: 100%; display: block; }
.sub_nav{ position: absolute; top: 40%; width: 100%; left: 0; color: #fff; }
.sub_nav h2{ font-size: 80px; line-height: 80px; font-weight: normal; text-transform: capitalize; font-family: PoppinsLatin-Bold; }
.sub_nav p{ margin-top: 24px; color: #fff; font-size: 16px; }
.sub_nav p a{ color: #fff; }
.sub_nav p i{ display: inline-block; margin-right: 10px; font-size: 16px; }
.sub_nav p a:hover{ color: #fff; text-decoration: underline; }
/*关于我们*/
iframe{ display: block; border: none; }
.abovbo{ padding-bottom: 66px;}
.abcoti{ text-align: center;}
.abh2t{ font-size: 50px; line-height: 50px; font-family: PoppinsLatin-Bold;}
.abcoti .debipp,.abculv .debipp{ margin-top: 25px;}
.abvpiz{ margin-top: 34px;}
.abvpiz .changpic{ border-radius: 10px;}
.abculv{ padding: 64px 0 70px; background: url(../images/abculbg.jpg) no-repeat; background-size: cover;}
.auculv{ background: #fff; display: flex; align-items: center; margin-top: 30px;}
.auculef{ width: 46%;}
.aucurig{ width: 54%; padding: 0 55px;}
.aucurig h4{ font-size: 22px; margin-bottom: 15px; font-family: PoppinsLatin-SemiBold;}
.aucurig p{ font-size: 16px; line-height: 30px;}
.abcoval{ padding: 64px 0 70px;}
.abcoval .intit{ color: #222;}
.abcoval .intit span::before{ background: #004098;}
.abcoval .innicon li{ box-shadow: 0 0 35px rgba(108, 130, 161, .2);}
.abcoval .innicon li { color: #222;}
.abcoval .innicon li i{ color: #004098;}
.abcoval .innicon li b{ color: rgba(0, 64, 152, .1);}
.abcoval .innicon li:hover{ background: #004098; }
.abcoval .innicon li:hover i,.abcoval .innicon li:hover p{ color: #fff;}
.abcoval .innicon li:hover b{ color: rgba(255, 255, 255, 0.1); }
.abwhyu{ padding: 64px 0 70px; background: url(../images/iwhbg.jpg) no-repeat; background-size: cover;}
.abwhyu .abh2t{ text-align: center;}
.abneuls{ margin-top: 52px; overflow: hidden; }
.abneuls li{ float: left; position: relative; width: calc(21.5% - 4px); transition-duration: 1s; }
.abneuls li + li{ margin-left: 4px; }
.abneuls li.on{ width: 57%; background-position: 0 !important; display: block; }
.abneuls li .ali{ display: flex; overflow: hidden; align-items: center; justify-items: center; position: relative; width: 100%; height: 579px; background-size: auto 579px!important; background-repeat: no-repeat; }
.abtxi{ position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; padding: 25% 32px 34px; background: linear-gradient(transparent,rgba(0, 0, 0, 0.8)); }
.abtxi h4{ font-size: 18px; line-height: 28px; height: 56px; font-family: PoppinsLatin-Bold; font-weight: normal; overflow: hidden;  }
.abtxi p{ font-size: 16px; margin-top: 6px; display: none; line-height: 26px; }
.abneuls li.on .abtxi p{ display: block; }
.abneuls li.on .abtxi h4{ height: auto; margin-bottom: 12px; font-size: 24px; }
/*产品列表*/
.pat60{ padding-top: 60px; }
.proivs{ padding-bottom: 100px; }
.prboivs{ display: flex; }
.pbilef{ width: 388px; }
.pbirig{ width: calc(100% - 388px); padding-left: 48px; }
.pro_nav{ overflow: hidden; background: #fff; box-shadow: 0 0 25px rgba(217, 222, 231, 0.64); }
.pro_nav h2{ position: relative; padding: 30px 10px; text-align: center; font-family: PoppinsLatin-Bold; text-transform: uppercase; font-weight: normal;  font-size: 34px; color: #fff; background: #184893; }
.pro_nav h2 a{ display: none; }
.accordion {width: 100%; background: #fff; }
.accordion li{ border-bottom: 1px solid #efefef; }
.accordion li:last-child{ border-bottom: none; }
.accordion { width: 100%; background: #fff; padding: 14px 35px 30px; }
.accordion .links { font-family: PoppinsLatin-Regular; display: block; position: relative; padding: 24px 30px 24px 0; }
.accordion .links:before{ font-family: iconfont; color: #333; content: "\ec8e"; font-size: 18px; position: absolute; top: 28px; right: 0; }
.accordion .links.active:before{ transform: rotate(90deg); color: #004098; }}
.accordion .links a{color: #333; display: inline-block; position: relative;  }
.submenu{ display: none; overflow: hidden; padding-bottom: 18px; }
.submenu.on{ display: block; }
.submenu li.on div{ display: block; }
.accordion li ul.active{display: block}
.submenu li{ display:block; margin-bottom: 15px; font-family: PoppinsLatin-Light; line-height: normal; border-bottom: none; }
.submenu a{ position: relative; padding-left: 34px; width: 100%; display: inline-block; color: #666; font-size: 16px; line-height: normal; }
.submenu a:before{ content: ""; position: absolute; text-align: center; line-height: 20px; top: 3px; left: 0; width: 20px; height: 20px; background: #efefef; border-radius: 4px;}
.submenu li a:hover,.submenu li.cur a{ color: #004098; }
.submenu li.cur a:before{ content: "\e617"; font-size: 14px; font-family: "iconfont"; color:#fff; background:#004098; }

.plists{ display: flex; flex-wrap: wrap;}
.plists li{ width: 32%; margin-right: 2%; margin-bottom: 40px;}
.plists li:nth-of-type(3n){ margin-right: 0;}
.pr_txd{ margin-top: 20px;}
.pr_item .changpic{ border-radius: 10px;}
.pr_txd{ margin-top: 20px;}
.pr_txd h3{ font-size: 18px; font-family: PoppinsLatin-Regular; margin-bottom: 8px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pr_txd p{ font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #666;}
.pr_txd span{ display: inline-block; transition: all 0.3s; margin-top: 16px; border-radius: 35px; border: 1px solid #004098; background: #fff; color: #004098; padding:8px 50px; font-size: 16px;}
.pr_item:hover .changpic img{ transform: scale(1.15); }
.pr_item:hover .pr_txd span{ background: #004098; color: #fff;}


/*分页 结束*/
.digg4{ text-align:center; font-size: 16px; margin-top: 40px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:36px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border: 1px solid #bfbfbf; height:36px; line-height: 36px; color:#222; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background: #004098; border: 1px solid #004098; }
.digg4 span.disabled { font-size: 30px; line-height:30px; font-weight: normal;  background: #fff; color: #a6a6a6;}
.digg4 a{ border: 1px solid #bfbfbf; color: #a6a6a6; background: #fff; }
/*产品详情*/
.demwaiv{ margin-top: -335px;}
.pr_deldi{ width: 100%; display: flex; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 3px 0 38px rgba(175, 175, 175, 0.23); }
.pr_male{ width: 50%; }
.pr_mari{ width: 50%; padding: 58px 52px 0 52px; }
.prd_bosw .item{ margin: 0 5px; cursor: pointer; }
.prd_bosw .item .changpic{ border-radius: 6px;}
.pr_darr{ position: absolute; top: 40%; left: 0; width: 100%; }
.pr_darr span{ cursor: pointer; position: absolute; color: #2c9891; top: 0; }
.pr_darr span.pds_prev{ left: -25px; }
.pr_darr span.pds_next{ right: -25px; }
.pr_darr span i{ display: inline-block; color: #bbb; font-size: 18px; font-weight: bold; }
.pr_darr span.pds_prev i{ transform: rotate(180deg); }
.pr_darr span:hover i{ color: #004098; }
.pr_mari h1{ font-size: 32px; margin-bottom: 15px; font-family: PoppinsLatin-SemiBold;}
.pr_bgds{ position: relative; margin-top: 50px; }
.detelem p{ font-size: 16px; line-height: 26px; }
.de_betel{ margin-top: 35px; position: relative; }
.de_btn{ width: 100%; display: flex; }
.de_btn a{ text-align: center; border-radius: 26px; justify-content: center; align-items: center; display: flex; width: 212px; background: #004098; padding: 10px 12px; color: #fff; font-size: 16px; }
.de_btn a:hover{ transform: translateX(10px); }
.depwar{ display: flex; position: relative; }
.delp_nav{ position: relative; box-shadow: 60px 0 43px rgba(200, 200, 200, .19); padding: 90px 54px 60px 0; width: 328px; }
.delp_del{ width: calc(100% - 328px); padding: 54px 0 78px 66px; }
.denalef{ position: sticky; top: 130px; display: flex; align-items: flex-end; flex-direction: column; }
.denalef a{ font-family: PoppinsLatin-Regular; margin-bottom: 32px; position: relative; }
.denalef a:last-child{ margin-bottom: 0; }
.denalef a:before,.denalef a:after{ position: absolute; left: -92px; background: rgba(0, 64, 152, 0.10); content: ""; top: 50%; opacity: 0; transform: translateY(-50%); }
.denalef a:after{ height: 4px; width: 12px; z-index: 9; background: #004098; }
.denalef a:hover:before,.denalef a:hover:after,.denalef a.on:before,.denalef a.on:after{ opacity: 1; }
.denalef a:before{ width: 65px; height: 2px; }
.denalef a.on{ color: #004098; }
.deblitem{ margin-bottom: 54px; }
.deblock .deblitem:last-child{ margin-bottom: 0; }
.debbas{ display: flex; align-items: center; }
.debalef{ width: 52%; padding-right: 15px; }
.debarig{ width: 48%; }
.deh2ti{ font-size: 32px; line-height: 32px; margin-bottom: 28px; font-family: PoppinsLatin-SemiBold; }
.debipp p{ font-size: 16px; line-height: 26px;}
.debarig .changpic{ border-radius: 10px;}
.del_table{ overflow-x: auto; }
.del_table table{ width: 100%; border-collapse: collapse; }
.del_table table td{ border: 1px solid #dcdcdc; text-align: center; color: #777; padding:10px; font-size: 16px; }
.del_table table tr:nth-of-type(odd) td{ background: #edf1f7;}
.del_table table tr:first-child td{ background: #004098; color: #fff; }
.deapiul{ margin-top: 24px; display: flex; }
.deapiul li{ width: 32%; margin-right: 2%; }
.deapiul li:last-child{ margin-right: 0; }
.deapiul li .changpic{ border-radius: 10px; }
.debswi{ position: relative; }
.derelsw .item{ margin: 0 12px; }
.de_arr span.rel_prev i{ transform: rotate(180deg); }
.de_arr{ position: absolute; top: -55px; right: 0; }
.de_arr span{ cursor: pointer; margin-left: 5px; }
.de_arr span i{ font-size: 20px; display: inline-block; color: #222; }
.de_arr span:hover i{ color: #004098; }
.derelsw .slick-list{ margin: 0 -12px;}

.quiry_info{ overflow: hidden; }
.quiry_info li{width: 49.5%; margin-bottom: 8px; position: relative; float: left; overflow: hidden;}
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info li:nth-of-type(3),.quiry_info li:nth-of-type(4),.quiry_info li:nth-of-type(5){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; border:1px solid #e5e5e5; resize: none; font-family:PoppinsLatin-ExtraLight; background:#f6f6f6; color: #000; font-size: 16px; line-height: 24px; padding: 12px 18px; }
.quiry_info textarea{ height:165px; }
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #666;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #666;}
.quiry_info li:last-child, .quiry_info li:nth-of-type(5){ width: 100%; float: none;}
.quiry_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.quiry_info button{ cursor: pointer; transition: all 0.3s; border-radius: 50px; width: 235px; height: 40px; line-height: 40px; border: none; font-size: 16px;  background: #004098; color: #fff; font-family: PoppinsLatin-ExtraLight;  }
.quiry_info button:hover{ transform: translateX(10px); }


/*news*/
.newslist li{ margin-bottom: 32px;}
.news_war{ padding-bottom: 100px; }
.privitem{  background: #f7f7f7; border-radius: 10px; overflow: hidden; }
.privitem a{ display: flex; width: 100%; align-items: center; }
.prlefs{ width: 500px; }
.prrigs{ width: calc(100% - 500px); padding: 0 40px; }
.prrigs h3{ font-size: 20px; overflow: hidden; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; font-family: PoppinsLatin-SemiBold; margin-bottom: 8px; }
.prrigs p{ font-size: 16px; line-height: 26px; overflow: hidden; height: 78px; color: #666; }
.prrigs span{ margin-top: 26px; transition: all 0.3s; display: inline-block; border-radius: 35px; border: 1px solid #004098;  color: #004098; padding:8px 46px; font-size: 16px; }
.privitem:hover .changpic img{ transform: scale(1.15); }
.privitem:hover .prrigs span{ transform: translateX(10px); background: #004098; border: 1px solid #004098; color: #fff; }

/* case */
.cawar{ padding-bottom: 100px;}
.calist li{ margin-bottom: 38px;}
.caitem{ position: relative; border-radius: 10px; overflow: hidden; z-index: 0; padding: 94px 64px 86px; min-height: 400px; }
.caitem:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s; background: linear-gradient( to right, rgba(0, 64, 152, 1),transparent); }
.caitem img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; }
.caivbox{ width: 70%; position: relative; z-index: 11; }
.caivbox h3{ color: #fff; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 22px; font-weight: normal; font-family: PoppinsLatin-SemiBold; }
.caivbox p{ font-size: 16px; line-height: 26px; color: #fff; overflow: hidden; height: 78px;}
.caivbox span{ display: inline-block; transition: all 0.3s; border-radius: 50px; padding: 8px 52px; margin-top: 38px; color: #fff; font-size: 16px; border: 1px solid #fff;}
.caitem:hover .caivbox span{ transform: translateX(10px); background: #fff; color: #004098;}
/*contact*/
.con_war{ }
.comediv{  display: flex; }
.comilef{ width: 50%; padding-right: 38px; }
.comirig{ width: 50%; padding-left: 28px; }
.comilef h1{ font-size: 34px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin-bottom: 16px;}
.map{ margin-top: 20px; border-radius: 10px; overflow: hidden; }
.colxvb{ border: 1px solid #e5e5e5; border-radius: 10px; padding: 20px 55px; }
.colbxl{  }
.colbxl li{ padding-left: 70px; }
.coivsp{ padding: 23px 0; position: relative; border-bottom: 1px solid #dadada; }
.coivsp i{ position: absolute; top: 25px; left: -65px; font-size: 32px; color: #004098; }
.coivsp p{ font-size: 22px; font-family: PoppinsLatin-SemiBold; margin-bottom: 10px; }
.coivsp a{ font-family: PoppinsLatin-Light; font-size: 20px; color: #666; }
.colbxl li:last-child .coivsp{ border-bottom: none; }
.coivsp span{ line-height: 26px; font-family: PoppinsLatin-Light; }

.comesivs{ background: #f8f8f8; margin-top: 64px; padding: 54px 0 64px; }
.comesivs h3{ font-size: 30px; font-family: PoppinsLatin-SemiBold; font-weight: normal; margin-bottom: 20px; }
.qco_info{ overflow: hidden; }
.qco_info li{width: 49%; margin-bottom: 15px; position: relative; float: left; overflow: hidden;}
.qco_info li:nth-of-type(even){ float: right; }
.qco_info li:nth-of-type(5),.qco_info li:nth-of-type(6){ width: 100%; }
.qco_info input,.qco_info textarea{width: 100%; border-radius: 6px; border:1px solid #e6e6e6; resize: none; font-family:PoppinsLatin-ExtraLight; background:#fff; color: #000; font-size: 16px; line-height: 24px; padding: 14px 18px; }
.qco_info textarea{ height:192px; }
.qco_info input::-webkit-input-placeholder,.qco_info textarea::-webkit-input-placeholder { color: #666;}
.qco_info input:-moz-placeholder,.qco_info textarea:-moz-placeholder {color: #666;}
.qco_info li:last-child, .qco_info li:nth-of-type(5){ width: 100%; float: none;}
.qco_info li:last-child{ width: 100% !important; float: none; margin-top: 10px; margin-bottom: 0; }
.qco_info button{ cursor: pointer; transition: all 0.3s; border-radius: 50px; width: 182px; height: 40px; line-height: 40px; border: none; font-size: 16px;  background: #004098; color: #fff; font-family: PoppinsLatin-ExtraLight;  }
.qco_info button:hover{ transform: translateX(10px); }

/*新闻*/
.infocon h1{font-size:30px; line-height: 40px; font-weight: normal; font-family: PoppinsLatin-SemiBold; text-align: center; }
.infocon .time{ text-align: center; font-size: 16px; margin-top: 26px; color: #666;}
.infocon .time i{ color: #03588f; display: inline-block; font-size: 18px; margin-right: 5px; }
.ntnr{ margin-top: 35px; }
.ntnr p{line-height:30px; color: #666; margin-bottom: 10px;  }
.blog_entry_content h2,.blog_entry_content h3,.blog_entry_content h4,.blog_entry_content h5{ position:relative; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; line-height:1.4; }
.blog_entry_content h2{ font-size:32px; margin:46px 0 22px; padding:0 0 12px; border-bottom:2px solid #d9e5f2; }
.blog_entry_content h2:after{ content:""; position:absolute; left:0; bottom:-2px; width:72px; height:2px; background:#004098; }
.blog_entry_content h3{ font-size:26px; margin:36px 0 17px; padding-left:18px; }
.blog_entry_content h3:before{ content:""; position:absolute; left:0; top:.12em; bottom:.12em; width:5px; border-radius:2px; background:#004098; }
.blog_entry_content h4{ font-size:21px; margin:29px 0 15px; padding:10px 14px; border-left:3px solid #72a8ff; background:#f4f8fd; color:#26466d; }
.blog_entry_content h5{ font-size:18px; margin:25px 0 12px; padding-left:14px; color:#004098; letter-spacing:.2px; }
.blog_entry_content h5:before{ content:""; position:absolute; left:0; top:.52em; width:6px; height:6px; border-radius:50%; background:#72a8ff; }
.blog_entry_content h2:first-child,.blog_entry_content h3:first-child,.blog_entry_content h4:first-child,.blog_entry_content h5:first-child{ margin-top:0; }
.blog_table_wrap,.blog_entry_content .wp-block-table{ width:100%; max-width:100%; margin:28px 0 34px; overflow-x:auto; border:1px solid #d8e3ef; border-radius:8px; background:#fff; box-shadow:0 10px 28px rgba(36,68,105,.07); -webkit-overflow-scrolling:touch; }
.blog_entry_content table{ width:100%; min-width:680px; margin:0; border:0; border-spacing:0; border-collapse:collapse; background:#fff; }
.blog_entry_content th,.blog_entry_content td{ padding:15px 18px; border-right:1px solid #dfe7f0; border-bottom:1px solid #dfe7f0; color:#526074; font-size:15px; line-height:24px; text-align:left; vertical-align:top; }
.blog_entry_content th{ background:#0c1724; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.blog_entry_content th:last-child,.blog_entry_content td:last-child{ border-right:0; }
.blog_entry_content tr:last-child td{ border-bottom:0; }
.blog_entry_content tbody tr:nth-child(even) td{ background:#f6f9fc; }
.blog_entry_content tbody tr:hover td{ background:#eef5fd; }
.blog_entry_content td:first-child{ color:#17202b; font-family:PoppinsLatin-Regular; }
.blog_entry_content .wp-block-table table{ margin:0; }
.blog_entry_content .wp-block-table figcaption{ padding:10px 16px; border-top:1px solid #dfe7f0; color:#6b7788; font-size:13px; line-height:21px; text-align:center; }
.nezywi{ margin-top: 36px; display: flex; align-items: center; }
.nezlef{ width: calc(100% - 536px); padding-right: 30px; }
.nezrig{ width: 536px; }
.nezrig img{ border-radius: 10px; }
.nezlef p{ line-height:30px; font-size: 17px; color: #666; margin-bottom: 10px; }
.infocon h4{ font-size: 20px; font-family: PoppinsLatin-Regular; font-weight: normal; margin-bottom: 16px; }
.neikti{ margin-top: 35px; }
.infocon dl{ margin-top: 35px; }
.infocon dl dd{ margin-bottom: 32px; position: relative; padding-left: 14px; }
.infocon dl dd:before{ content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #03588f; }
.infocon h5{ font-size: 18px; font-weight: normal; margin-bottom: 12px; font-family: PoppinsLatin-Regular; }
.infocon dl dd p{ line-height: 30px; font-size: 17px; color: #666; }
.neitptul{ margin-top: 32px; display: flex; }
.neitptul li{ width: 32%; margin-right: 2%; }
.neitptul li:last-child{ margin-right: 0; }


.infocon .other{border-top: 1px solid #bbb; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666;  }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #03588f; }
.category_related_module{ margin-top: 38px; padding: 28px 30px; background: #f7faff; border: 1px solid #e2eaf3; border-radius: 8px; }
.category_related_list{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 18px; }
.category_related_list li{ background: #fff; border: 1px solid #e4ebf4; border-radius: 8px; min-height: 180px; transition: all 0.3s; }
.category_related_list li:hover{ border-color: #c8d8eb; box-shadow: 0 12px 28px rgba(36,68,105,.08); }
.category_related_list a{ display: block; height: 100%; padding: 22px 20px; }
.category_related_list span{ display: inline-block; color: #004098; font-size: 13px; line-height: 20px; margin-bottom: 10px; font-family: PoppinsLatin-Regular; }
.category_related_list h5{ font-size: 18px; line-height: 26px; margin-bottom: 9px; color: #17202b; }
.category_related_list p{ font-size: 15px; line-height: 25px; margin-bottom: 0; }


.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter {
    display: block !important;
    margin: 0 auto!important;
}
/* CF7 response message */
.wpcf7-response-output {
    margin:20px 0 0;
    padding:15px 20px;
    border:1px solid #ddd;
}


/* hide empty message before submit */
.wpcf7 form:not(.sent):not(.invalid):not(.failed) .wpcf7-response-output {
    display:none;
}


/* field error */
span.wpcf7-not-valid-tip {
    display:block;
    color:#d63638;
    font-size:14px;
    margin-top:6px;
}


/* success */
.wpcf7 form.sent .wpcf7-response-output {
    display:block;
    border-color:#46b450;
    color:#46b450;
}


/* error */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    display:block;
    border-color:#d63638;
    color:#d63638;
}


/* hide accessibility */
.screen-reader-response {
    display:none !important;
}


/* Contact Form 7 submit button */
.wpcf7-submit {
    background:#0057b8 !important;
    color:#fff !important;
    border:none !important;
    padding:14px 30px;
    width:100%;
    font-size:16px;
    cursor:pointer;
    border-radius:4px;
    transition:all .3s ease;
}

.wpcf7-submit:hover {
    background:#003f88 !important;
    color:#fff !important;
}

@media screen and (max-width: 1680px){
  nav{ margin-right: 240px;}
  nav li{ margin: 0 30px;}
  .sub_menu{ padding: 0 2%;}
  .igpolef{ padding-top: 50px;}
  .ingopa{ padding:0 30px 0 88px;}
}

@media screen and (max-width: 1600px){
  nav{ margin-right: 250px;}
  .warper{ width: 88%;}
  nav li{ margin: 0 24px;}
  .inh2tit{ font-size: 56px; line-height: 56px;}
  .ihpxt i{ width: 64px; height: 64px; line-height: 64px; font-size: 30px;}
  .ifcous{ padding: 50px 60px;}
  .ifctxv p{ font-size: 28px;}
  .ifctxv{ padding-left: 30px;}
  .sub_nav h2{ font-size: 72px; line-height: 72px;}
  .pbilef{ width: 340px;}
  .pbirig{ width: calc(100% - 340px);}
  .pro_nav h2{ font-size: 28px;}
  .accordion{ padding: 10px 22px 24px;}
  .proivs,.cawar{ padding-bottom: 80px;}
  .pr_mari{ padding: 38px 42px 0 42px;}
  .pr_mari h1{ font-size: 28px;}
  .abh2t{ font-size: 42px; line-height: 42px;}
}

@media screen and (max-width: 1440px){
  .warper{ width: 86%; }
  nav{ margin-right: 222px;}
  nav li{ margin: 0 18px;}
  .right-nav{ padding: 10px 10px; }
  .right-nav li{ width: 40px; height: 50px; }
  .right_li img{ width: 25px; }
  .ihpxt{ padding: 0 20px;}
  .innuc{ padding:100px 0 96px;}
  .intit h2{ font-size: 32px; line-height: 48px;}
  .innicon{ margin-top: 36px;}
  .indata{ padding: 60px 0 185px;}
  .inh2tit{ font-size: 48px; line-height: 48px;}
  .idauls{ margin-top: 42px;}
  .idauls li::before{ right: -40px;}
  .idaxp{ margin-top: 34px;}
  .ifclef i{ width: 100px; height: 100px; line-height: 100px; font-size: 40px;}
  .ifctxv p{ font-size: 24px; line-height: 35px;}
  .ifcrig{ width: 192px;}
  .ifclef{ width: calc(100% - 192px);}
  .inglap .warper{ padding-top: 126px;}
  .igpolef h2{ font-size: 38px; margin-bottom: 20px;}
  .igpolef p{ line-height: 30px;}
  .innesi{ padding: 42px 0;}
  .inirig{ padding-left: 36px;}
  footer h2{ font-size: 28px;}
  .delp_del{ padding: 54px 0 78px 40px;}
  .deh2ti{ font-size: 26px; line-height: 26px;}
  .sub_nav h2{ font-size: 60px; line-height: 60px;}
  .abneuls li .ali{ background-size: auto 465px !important; height: 465px; }
  .news_war,.proivs, .cawar{ padding-bottom: 60px;}
  .infocon h1{ font-size: 26px;}
  .colxvb{ padding: 20px 40px;}
  .colbxl li{ padding-left: 60px;}
}

@media screen and (max-width: 1366px){
  nav li{ margin: 0 12px;}
  .sub_menu{ padding: 0;}
  .intit h2{ font-size: 28px;}
  .idauls li::before{ right: -30px;}
  .ifcous{ padding: 40px;}
  .inilef{ width: 520px;}
  .inirig{ width: calc(100% - 520px);}
  .inh3{ padding: 20px 70px 30px 0;}
  .inh3.active{ padding: 32px 70px 18px 0;}
  footer{ padding-top: 105px;}
  .sub_nav h2{ font-size: 55px; line-height: 55px;}
  .pbilef{ width: 300px;}
  .pbirig{ width: calc(100% - 300px); padding-left: 24px;}
  .pr_txd span{ padding: 6px 30px;}
  .pr_txd{ margin-top: 12px;}
  .demwaiv{ margin-top: -280px;}
  .pr_mari h1{ font-size: 22px; margin-bottom: 6px;}
  .de_betel,.pr_bgds{ margin-top: 16px;}
  .deh2ti{ margin-bottom: 15px;}
  .quiry_info button{ width: 180px;}
  .sub_nav h2{ font-size: 50px; line-height: 50px;}
  .abh2t{ font-size: 38px; line-height: 38px;}
  .idauls li b span{ font-size: 38px;}
  .aucurig h4{ margin-bottom: 8px;}
  .aucurig{ padding:0 25px;}
  .abneuls{ margin-top: 34px;}
  .caitem{ padding:48px 64px 68px; min-height: 348px;}
  .comilef h1{ font-size: 28px;}
  .comirig{ padding-left: 0;}
}

@media screen and (max-width: 1280px){
  .inicp{ margin-top: 24px;}
  .inicp p{ font-size: 20px;}
  .igpolef{ padding-top: 20px;}
  .igpolef h2{ font-size: 30px;}
  .accordion .links{ padding:12px 30px 12px 0;}
  .accordion .links:before{ top: 16px;}
  .pr_txd span,.prrigs span,.caivbox span{ padding: 6px 20px; font-size: 15px;}
  .plists li{ margin-bottom: 24px;}
  .pat60{ padding-top: 40px;}
  .detelem p{ font-size: 15px; line-height: 22px;}
  .de_btn a{ width: 175px;}
  .derelsw .item{ margin: 0 6px;}
  .derelsw .slick-list{ margin: 0 -6px;}
  .prlefs{ width: 436px;}
  .prrigs{ width: calc(100% - 436px);}
  .caivbox h3{ font-size: 23px;}
  .caitem{ min-height: 322px;}
  .colbxl li{ padding-left: 58px;}
  .colxvb{ padding: 12px 30px 12px 10px;}
  .coivsp i{ left: -42px;}
}


@media screen and (max-width: 1024px){ 
  #banner_home,.subbanner{ margin-top: 62px; }
  #nav .nav-button{display: block; top: 14px; right: 0; background: #004098; }
  header,header.position{ height: 62px; background: #fff; }
  .logo img,.position .logo img{ height:46px; }
  .head_rcon{ display: none; }
  .logo{ top: 7px; left: 0; }
  .dis,.hnaiv{ display: none;}
  .nodis{ display: block;}
  .warper{ width: 96%; }
  .l_fixed{ display: none; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width:310px ; z-index: 99;overflow: auto;background: #222; transform: translateX(-310px);transition: 0.3s;}
  nav li{ float: none; padding: 0; margin: 0; }
  nav li>a,.position nav li>a{ margin:0; font-size: 17px; border-radius: 0; color: #fff !important; line-height: normal;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  .sub_menu{ left: 0; top: 0; border: none; padding: 0; width: auto; background: #2e2e2e; position: inherit; opacity: 1; visibility: visible; transform: none; pointer-events: auto; height: auto !important; display: block !important; box-shadow: none; backdrop-filter: none; } 
  .sub_menu:before{ display: none; }
  .subdl{ display: block; padding: 0; }
  .subdl:before{ display: none; }
  .subdl dd{ border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
  .subdl dd{ border-left: none; padding: 0; display: block; }
  .subdl dd p{ display: block; margin: 0; padding-left: 0; transform: none !important; }
  .subdl dd p:before{ display: none; }
  .subdl dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important; white-space: normal; }
  nav li.on a, nav li:hover a{ background: #004098; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  .subdl dd a{ color: #fff !important; background: transparent !important; }
  .subdl dd a:hover{ background: #004098 !important; color: #fff !important; }
  .subdl dd:last-child{ border-right: none; }
  .subdl dd > div,
  .subdl dd > ul,
  .subdl dd > ol,
  .subdl dd .subchild{ display: none !important; }
  #nav .nav-button i{ color: #000; }
  nav li:before{ display: none; }
  .logo{ background: transparent; top: 16px; }
  .logo img, .position .logo img{ height: 32px; }
  #nav .nav-button i{ color: #fff; }
  .position nav li a, .page_hd nav li a{ color: #fff; }
  nav li.on a, nav li:hover a{ color: #fff; }
  .searchform input{ color: #333; border-bottom: 1px solid #333; }
  .searchform button{ color: #333;}
  .inh2tit{ font-size: 36px; line-height: 36px;}
  .inphot{ padding: 40px 0 20px;}
  .ihpuls{ grid-gap: 15px; }
  .alloy_grades,.alloy_forms{ padding: 45px 0; }
  .forms_head{ align-items: flex-start; }
  .forms_head h1,.forms_head h2,.factory_text h2,.blog_head h2{ font-size: 30px; line-height: 40px; }
  .forms_head p{ width: 50%; }
  .forms_slider_wrap{ padding: 0 58px; }
  .forms_grid a{ height: 268px; }
  .form_photo_wrap{ padding: 0 54px; }
  .form_photo_slick .ihoimte a{ height: 310px; }
  .blog_list a{ grid-template-columns: 130px 1fr; gap: 14px 24px; }
  .blog_list p{ grid-column: 2; }
  .factory_focus{ padding: 48px 0 160px; }
  .factory_focus .warper{ gap: 28px; }
  .factory_media img{ height: 330px; }
  .factory_text{ width: calc(53% - 28px); }
  .ihpxt i{ display: none;}
  .ihpxt{ opacity: 1;}
  .ihoimte .changpic img{ opacity: 0.3;}
  .ihpxt h3{ margin-top: 0; font-size: 17px;}
  .ihpxt p{ font-size: 15px;}
  .innuc{ padding:60px 0 70px;}
  .intit span{ font-size: 22px;}
  .intit::before{ display: none;}
  .intit h2{ font-size: 23px; line-height: 38px;}
  .innicon{ margin-top: 18px; flex-wrap: wrap;}
  .innicon li{ width: 32%; margin-right: 2%; padding: 22px 25px 34px; margin-bottom: 12px; }
  .innicon li:nth-of-type(3n){ margin-right: 0;}
  .innicon li b{ font-size: 42px;}
  .indata{ padding: 32px 0 145px;}
  .idauls li::before{ display: none;}
  .idauls li{ margin-right: 20px;}
  .idauls li:last-child{ margin-right: 0;}
  .idauls li b span{ font-size: 32px;}
  .idauls{ margin-top: 20px;}
  .idauls li b{ white-space: nowrap;}
  .ifcous{ padding: 28px;}
  .ifclef i{ width: 80px; height: 80px; line-height: 80px; font-size: 30px;}
  .ifctxv p{ font-size: 20px; line-height: 32px;}
  .ifcrig{ width: 152px;}
  .ifclef{ width: calc(100% - 152px);}
  .inglap .warper{ padding-top: 48px;}
  .ingpaiv{ flex-wrap: wrap;}
  .igpolef{ width: 100%; padding-top: 0;}
  .igporig{ width: 100%; margin-top: 12px;}
  .ingopa{ padding: 0 24px;}
  .inilef{ display:none;}
  .inirig{ width: 100%; padding: 0;}
  .inh3 h3{ font-size: 20px;}
  footer h2{ font-size: 25px;}
  .f_item1,.f_item2{ display: none;}
  .f_item5{ width: 30%;}
  .f_item3{ width: 22%;}
  .f_item4{ width: 40%;}
  .sub_nav h2{ font-size: 32px; line-height: 32px;}
  .prboivs{ flex-wrap: wrap;}
  .pbilef{ width: 100%;}
  .pbirig{ width: 100%; padding: 0; margin-top: 16px;}
  .pro_nav h2{ padding: 14px 16px;  font-size: 26px; text-align: left;}
  .accordion{ display: none;}
  .pro_nav h2 a{ display: block; padding: 15px; color: #fff; text-align: right; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .demwaiv{ margin-top: -100px;}
  .pr_mari{ padding: 24px 30px 0 30px; }
  .pr_mari h1{ font-size: 19px;}
  .de_btn a{ padding: 8px 10px;}
  .delp_nav{ display: none;}
  .delp_del{ padding: 35px 0 0 0; width: 100%;}
  .debipp p{ font-size: 15px;}
  .deh2ti{ font-size: 22px;}
  .deblitem{ margin-bottom: 30px;}
  .de_arr{ top: -35px;}
  .abh2t{ font-size: 30px; line-height: 30px;}
  .abovbo{ padding-bottom: 32px;}
  .abculv{ padding:50px 0;}
  .aucurig p{ line-height: 23px;}
  .intit h2{ padding: 0;}
  .abcoval,.abwhyu{ padding: 35px 0;}
  .abneuls li.on .abtxi h4{ font-size: 20px;}
  footer{ padding-top: 78px;}
  .news_war, .proivs, .cawar{ padding-bottom: 40px;}
  .infocon h1{ font-size: 24px;}
  .infocon .time{ margin-top: 12px;}
  .ntnr{ margin-top: 20px;}
  .ntnr p,.nezlef p{ font-size: 16px; line-height: 26px;}
  .blog_entry_content h2{ font-size:27px; margin-top:36px; }
  .blog_entry_content h3{ font-size:22px; margin-top:30px; }
  .blog_entry_content h4{ font-size:19px; margin-top:26px; }
  .blog_entry_content h5{ font-size:17px; margin-top:22px; }
  .blog_entry_content th,.blog_entry_content td{ padding:13px 14px; font-size:14px; line-height:22px; }
  .infocon dl{ margin-top: 12px;}
  .category_related_module{ margin-top: 24px; padding: 22px 20px; }
  .category_related_list{ grid-template-columns: 1fr; gap: 12px; }
  .category_related_list li{ min-height: 0; }
  .category_related_list a{ padding: 18px; }
  .caitem{ padding: 38px; min-height: 282px;}
  .caivbox h3{ margin-bottom: 12px;}
  .caivbox span{ margin-top: 28px;}
  .calist li{ margin-bottom: 20px;}
  .comilef h1{ font-size: 25px;}
  .comesivs{ margin-top: 40px; padding: 50px 0;}
  .qco_info button{ width: 150px;}
}

@media screen and (max-width: 768px){
  .inphot{ padding: 25px 0 10px;}
  .iaitxt p{ font-size: 14px; line-height: 24px; margin-top: 10px;}
  .inh2tit{ font-size: 26px; line-height: 26px;}
  .ihpuls{ margin-top: 15px; grid-gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr));}
  .forms_head{ display: block; }
  .forms_head p{ width: 100%; margin-top: 10px; font-size: 15px; line-height: 25px; }
  .forms_slider_wrap{ margin-top: 20px; padding: 0 48px; }
  .forms_grid a{ height: 248px; padding: 22px 20px; }
  .forms_grid b{ font-size: 20px; line-height: 26px; height: 52px; }
  .forms_grid span{ line-height: 23px; height: 69px; }
  .form_photo_wrap{ margin-top: 20px; padding: 0 44px; }
  .form_photo_slick .ihoimte a{ height: 260px; }
  .home_blog{ padding: 42px 0; }
  .blog_list{ margin-top: 20px; }
  .blog_list a{ display: block; padding: 20px; }
  .blog_list h3{ margin: 8px 0; font-size: 18px; line-height: 27px; }
  .blog_list p{ font-size: 15px; line-height: 25px; }
  .factory_focus .warper{ display: block; }
  .factory_media,.factory_text{ width: 100%; }
  .factory_text{ margin-top: 20px; }
  .factory_text li{ font-size: 15px; line-height: 25px; margin-bottom: 8px; }
  .product_simple{ padding: 36px 0 48px; }
  .product_simple .warper{ display: block; }
  .simple_pic,.simple_info{ width: 100%; }
  .simple_pic img{ height: 300px; }
  .simple_info{ margin-top: 18px; padding: 24px; }
  .simple_info h1{ font-size: 26px; line-height: 34px; }
  .intit span{ padding: 0; font-size: 19px;}
  .intit span::before{ display: none;}
  .intit h2{ font-size: 20px; line-height: normal;}
  .innicon li{ padding: 12px 18px 18px; }
  .inicp p{ font-size: 17px;}
  .idauls li b span{ font-size: 26px;}
  .idauls{ flex-wrap: wrap;}
  .idauls li{ margin-right: 0; margin-bottom: 6px; width: 49%; margin-right: 2%;}
  .idauls li:nth-of-type(even){ margin-right: 0;}
  .idaxp{ margin-top: 12px;}
  .ifcous{ padding: 20px; flex-wrap: wrap;}
  .ifclef{ width: 100%; padding: 0;}
  .ifcrig{ width: 100%; margin-top: 10px;}
  .ifclef i{ width: 60px; font-size: 26px; height: 60px; line-height: 60px;}
  .ifctxv{ padding-left: 15px;}
  .ifctxv p{ font-size: 18px; line-height: 25px;}
  .ifcrig a{ width: 150px; height: 42px; line-height: 40px;}
  body,.idauls li p{ font-size: 15px;}
  .idaxp p,.igpolef p{ font-size: 15px; line-height: 26px;}
  .igpolef h2{ font-size: 22px; margin-bottom: 6px;}
  .inglap{ padding:0 0 45px;}
  .innesi{ padding: 20px 0;}
  .ineivs{ margin-top: 10px;}
  .inh3 h3:before{ display: none;}
  .inh3 h3{ font-size: 17px; line-height: 26px; padding-left: 0; height: 52px;}
  .innext{ padding: 0 50px 20px 0;}
  .inh3.active,.inh3{ padding: 18px 50px 18px 0;}
  .ineuls li:before{ height: 2px;}
  footer{ margin-top: 0; padding-top: 55px; }
  .f_item3,footer h2,.fo_mfoul{ display: none;}
  .f_item4{ width: 56%;}
  .f_item5{ width: 43%;}
  .fonaivs{ margin-top: 0;}
  .sider-contact{ display: none;}
  .inh3:before{ font-size: 23px; top: 24px;}
  #ba_top i{ font-size: 30px;}
  #ba_top{ top: 1px;}
  .sub_nav h2{ font-size: 28px; line-height: 28px;}
  .sub_nav p{ margin-top: 10px; }
  .pat60{ padding-top: 30px;}
  .pro_nav h2{ font-size: 20px;}
  .plists li{ width: 49%; margin-bottom: 18px;}
  .plists li:nth-of-type(3n){ margin-right: 2%;}
  .plists li:nth-of-type(even){ margin-right: 0;}
  .digg4{ margin-top: 25px;}
  .news_war, .proivs, .cawar{ padding-bottom: 30px;}
  .pr_deldi{ flex-wrap: wrap;}
  .pr_male{ width: 100%;}
  .pr_mari{ width: 100%; padding: 20px;}
  .demwaiv{ margin-top: -60px;}
  .pr_darr span.pds_prev{ left: -15px;}
  .pr_darr span.pds_next{ right: -15px;}
  .debbas{ flex-wrap: wrap;}
  .debalef{ width: 100%; padding: 0;}
  .debarig{ width: 100%; margin-top: 12px;}
  .deapiul{ margin-top: 10px;}
  .quiry_info button{ width: 140px;}
  .depwar{ padding-bottom: 40px;}
  .abcoti .debipp, .abculv .debipp{ margin-top: 14px;}
  .debipp p{ line-height: 24px;}
  .abh2t{ font-size: 25px;}
  .abvpiz{ margin-top: 16px;}
  .idauls{ margin-top: 12px;}
  .abovbo{ padding-bottom: 20px;}
  .abculv{ padding: 30px 0;}
  .abh2t{ font-size: 23px;}
  .auculv{ margin-top: 15px; flex-wrap: wrap;}
  .auculef{ width: 100%;}
  .aucurig{ padding: 15px; width: 100%;}
  .aucurig h4{ font-size: 19px;}
  .abcoval, .abwhyu{ padding: 24px 0;}
  .abneuls{ margin-top: 22px;}
  .abneuls li,.abneuls li.on{ width: 100%; float: none;}
  .abneuls li + li{ margin-left: 0; margin-top: 5px;}
  .abneuls li .abtxi p{ display: block; }
  .abneuls li .abtxi h4{ height: auto; margin-bottom: 12px; font-size: 20px; }
  .prlefs{ width: 300px;}
  .prrigs{ width: calc(100% - 300px); padding:0 20px;}
  .prrigs h3{ font-size: 18px;}
  .prrigs p{ font-size: 15px; line-height: 24px; height: 48px;}
  .prrigs span{ margin-top: 12px;}
  .newslist li{ margin-bottom: 10px;}
  .infocon h1{ font-size: 20px; line-height: 28px;}
  .ntnr p, .nezlef p,.infocon dl dd p{ font-size: 15px; line-height: 24px;}
  .nezywi{ margin-top: 12px; flex-wrap: wrap;}
  .nezlef{ width: 100%; padding: 0;}
  .nezrig{ width: 100%;}
  .infocon h4{ font-size: 18px; margin-bottom: 8px;}
  .neikti{ margin-top: 10px;}
  .infocon dl dd{ margin-bottom: 12px;}
  .neitptul{ margin-top: 15px;}
  .caitem{ padding: 25px; min-height: 200px;}
  .caivbox{ width: 90%;}
  .caivbox h3{ font-size: 20px;}
  .caivbox p{ font-size: 15px; line-height: 24px; height: 48px;}
  .caivbox span{ margin-top: 18px;}
  .comediv{ flex-wrap: wrap;}
  .comilef{ width: 100%; padding: 0;}
  .comirig{ width: 100%; margin-top: 12px;}
  .comilef h1{ font-size: 23px; margin-bottom: 8px;}
  .coivsp p{ font-size: 18px; margin-bottom: 5px;}
  .coivsp a{ font-size: 18px;}
  .comesivs{ padding: 35px 0;}
  .comesivs h3{ font-size: 24px; margin-bottom: 12px;}
  .qco_info li{ margin-bottom: 8px;}
  .qco_info textarea{ height: 150px;}
}


@media screen and (max-width:480px){
  footer{ margin-bottom: 60px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #004098; }
  .footmenu a{ color: #fff; }
  .inh2tit{ font-size: 22px; line-height: 24px;}
  .ihpxt{ padding:0 10px;}
  .ihpxt h3{ font-size: 15px; margin-bottom: 0;}
  .ihpxt p{ display: none;}
  .alloy_grades,.alloy_forms{ padding: 28px 0; }
  .forms_head span,.factory_text span,.blog_head span{ font-size: 16px; margin-bottom: 6px; }
  .forms_head h1,.forms_head h2,.factory_text h2,.blog_head h2{ font-size: 22px; line-height: 29px; }
  .forms_slider_wrap{ padding: 0 38px; }
  .forms_arr span{ width: 34px; height: 34px; line-height: 34px; }
  .forms_grid a{ height: 230px; padding: 18px 16px; }
  .forms_grid b{ font-size: 18px; line-height: 24px; height: 48px; }
  .forms_grid span{ font-size: 14px; line-height: 22px; height: 66px; }
  .form_photo_wrap{ padding: 0 36px; }
  .form_photo_slick .ihoimte a{ height: 220px; }
  .photo_arr span{ width: 32px; height: 32px; line-height: 32px; }
  .blog_head{ display: block; }
  .blog_head a{ margin-top: 12px; padding: 9px 24px; }
  .blog_list a{ padding: 16px; }
  .blog_list h3{ font-size: 16px; line-height: 24px; }
  .factory_focus{ padding: 28px 0 120px; }
  .factory_media img{ height: 220px; }
  .product_simple{ padding: 24px 0 34px; }
  .simple_pic img{ height: 220px; }
  .simple_info{ padding: 18px; }
  .simple_info h1{ font-size: 22px; line-height: 28px; }
  .simple_info p,.simple_info li{ font-size: 15px; line-height: 24px; }
  .intit span{ font-size: 15px;}
  .intit h2{ font-size: 17px;}
  .innicon li{ width: 49%;}
  .innicon li:nth-of-type(3n){ margin-right: 2%;}
  .innicon li:nth-of-type(even){ margin-right: 0;}
  .innicon li i{ font-size: 28px;}
  .innicon li b{ font-size: 24px; top: 8px; right: 12px;}
  .inicp{ margin-top: 14px;}
  .innuc{ padding: 60px 0 44px;}
  .indata{ padding: 17px 0 20px;}
  .idauls li b span{ font-size: 20px;}
  .idauls li b{ font-size: 15px;}
  .idaxp p{ margin-bottom: 12px;}
  .ifcous{ position: static; flex-wrap: wrap; padding: 12px;}
  .inglap .warper{ padding-top: 15px;}
  .ifctxv{ width: calc(100% - 60px);}
  .ifctxv p{ font-size: 16px; line-height: 21px;}
  .ingopa{ padding: 10px 10px 0;}
  .ineivs{ margin-top: 0;}
  .innext p{ font-size: 15px; line-height: 24px; height: 48px;}
  .f_item5{ display: none;}
  .f_item4{ width: 100%;}
  .foxlus li{ margin-bottom: 7px;}
  .copyright{ margin-top: 15px; padding: 10px 0;}
  footer{ padding-top: 40px;}
  .sub_nav p{ display: none;}
  .sub_nav h2{ font-size: 22px; line-height: 22px;}
  .pat60{ padding-top: 15px;}
  .accordion{ padding: 0 12px 12px;}
  .pr_txd h3{ font-size: 16px; margin-bottom: 4px;}
  .pr_txd p{ font-size: 15px;}
  .pr_txd span{ margin-top: 6px;}
  .pr_mari{ padding: 10px;}
  .delp_del{ padding:15px 0 0 0;}
  .deh2ti{ font-size: 19px; margin-bottom: 8px;}
  .deblitem{ margin-bottom: 20px;}
  .deapiul{ flex-wrap: wrap;}
  .deapiul li{ width: 100%; margin-right: 0; margin-bottom: 5px;}
  .deapiul li:last-child{ margin-bottom: 0;}
  .quiry_info li{ width: 100%; float: none; margin-bottom: 6px;}
  .quiry_info li:nth-of-type(even){ float: none;}
  .quiry_info textarea{ height: 120px;}
  .de_arr{ top:-28px;}
  .abh2t{ font-size: 22px;}
  .abculv{ padding: 20px 0;}
  .abneuls{ margin-top: 14px;}
  .abtxi{ padding: 20px 15px 16px;}
  .abtxi p{ font-size: 15px; line-height: 24px;}
  .abneuls li .abtxi h4,.abneuls li.on .abtxi h4{ font-size: 17px;}
  .abneuls li .ali{ background-size: auto 365px !important; height: 365px; }
  .privitem a{ flex-wrap: wrap;}
  .prlefs{ width: 100%;}
  .prrigs{ width: 100%; padding: 12px;}
  .infocon h1{ font-size: 18px; line-height: 26px;}
  .ntnr{ margin-top: 12px;}
  .infocon h4{ font-size: 16px;}
  .neitptul{ flex-wrap: wrap;}
  .neitptul li{ width: 100%; margin-right: 0; margin-bottom: 5px;}
  .caitem{ padding: 15px; min-height: 178px;}
  .caivbox h3{ font-size: 17px; margin-bottom: 6px;}
  .calist li{ margin-bottom: 10px;}
  .comilef h1{ font-size: 19px;}
  .colxvb{ padding: 12px 15px 12px 10px;}
  .coivsp{ padding: 15px 0;}
  .colbxl li{ padding-left: 40px;}
  .coivsp i{ font-size: 24px; left: -36px; top: 17px;}
  .comesivs{ padding: 18px 0; margin-top: 22px;}
  .qco_info li{ width: 100%; float: none;}
  .qco_info li:nth-of-type(even){ float: none;}
}

@media screen and (min-width: 1025px){
  nav{ float: none; margin-left: 180px !important; margin-right: clamp(210px, 18vw, 330px) !important; display: flex; justify-content: flex-end; min-width: 0; }
  nav ul{ display: flex; align-items: center; justify-content: flex-end; min-width: 0; }
  nav li{ float: none; margin: 0 clamp(8px, 1vw, 22px) !important; min-width: 0; }
  nav li>a{ max-width: clamp(82px, 8vw, 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(15px, 1vw, 19px); }
  .head_rcon{ max-width: min(300px, 18vw); padding: 0 clamp(14px, 1.4vw, 28px); }
  .head_rcon a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(14px, .95vw, 18px); }
}

@media screen and (max-width: 1024px){
  .factory_showcase{ padding: 48px 0; }
  .factory_show_head,.factory_show_body{ display: block; }
  .factory_show_head p{ margin-top: 12px; }
  .factory_show_body{ margin-top: 24px; }
  .factory_show_main,.factory_show_main img{ min-height: 340px; }
  .factory_show_grid{ margin-top: 18px; }
}

@media screen and (max-width: 768px){
  .factory_show_head h2{ font-size: 28px; line-height: 36px; }
  .factory_show_grid{ grid-template-columns: 1fr; gap: 14px; }
  .factory_show_grid img{ height: 190px; }
}

@media screen and (max-width: 480px){
  .factory_showcase{ padding: 30px 0; }
  .factory_show_head span{ font-size: 16px; margin-bottom: 6px; }
  .factory_show_head h2{ font-size: 22px; line-height: 29px; }
  .factory_show_head p{ font-size: 15px; line-height: 24px; }
  .factory_show_main,.factory_show_main img{ min-height: 240px; }
  .factory_show_main div{ left: 18px; right: 18px; bottom: 18px; }
  .factory_show_main b{ font-size: 20px; line-height: 27px; }
  .factory_show_grid h3{ font-size: 18px; }
}

/* Applications page */
.applications_page{ background:#fff; color:#17202b; }
.app_hero{ position:relative; min-height:640px; margin-top:90px; overflow:hidden; background:#0c1724; }
.app_hero picture{ position:absolute; inset:0; display:block; }
.app_hero picture,.app_hero img{ width:100%; height:100%; display:block; }
.app_hero img{ position:absolute; inset:0; object-fit:cover; opacity:.72; }
.app_hero:before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(5,13,24,.92) 0%, rgba(10,22,38,.74) 46%, rgba(10,22,38,.28) 100%); }
.app_hero:after{ content:""; position:absolute; left:0; right:0; bottom:0; z-index:2; height:120px; background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%); opacity:.12; }
.app_hero_overlay{ position:relative; z-index:3; min-height:640px; box-sizing:border-box; display:flex; align-items:center; padding:86px 0 104px; }
.app_hero_overlay .warper{ padding-top:34px; }
.app_hero span,.app_section_head span{ display:inline-block; color:#72a8ff; font-size:18px; font-family:PoppinsLatin-Regular; letter-spacing:0; margin-bottom:16px; }
.app_hero h1{ max-width:860px; color:#fff; font-family:PoppinsLatin-Bold; font-weight:normal; font-size:64px; line-height:76px; text-transform:uppercase; }
.app_hero p{ max-width:680px; color:#d8e1ed; font-size:18px; line-height:32px; margin-top:24px; }
.app_hero_actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.app_hero_actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 34px; border-radius:4px; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; background:#004098; border:1px solid #004098; }
.app_hero_actions a:nth-child(2){ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.42); }
.app_hero_actions a:hover{ color:#fff; transform:translateY(-3px); background:#0d57c6; }
.app_industry_nav{ position:sticky; top:90px; z-index:6; background:#fff; border-bottom:1px solid #e5ebf2; box-shadow:0 14px 30px rgba(18,42,74,.08); }
.app_industry_nav .warper{ display:flex; align-items:center; gap:10px; overflow-x:auto; padding-top:18px; padding-bottom:18px; }
.app_industry_nav .warper::-webkit-scrollbar{ height:4px; }
.app_industry_nav .warper::-webkit-scrollbar-thumb{ background:#c8d2df; border-radius:8px; }
.app_tab{ flex:0 0 auto; border:1px solid #d9e3ef; background:#f8fbff; color:#233044; border-radius:4px; padding:12px 20px; font-family:PoppinsLatin-Regular; font-size:15px; cursor:pointer; transition:.25s; }
.app_tab:hover,.app_tab.on{ background:#004098; border-color:#004098; color:#fff; }
.app_section{ padding:88px 0 96px; overflow:hidden; }
.app_section_head{ display:flex; align-items:flex-end; justify-content:space-between; gap:44px; margin-bottom:38px; }
.app_section_head span{ color:#004098; margin-bottom:12px; }
.app_section_head h2{ max-width:860px; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:42px; line-height:54px; color:#17202b; }
.app_light_head span,.app_light_head h2{ color:#fff; }
.app_light_head span{ color:#72a8ff; }
.app_overview{ background:#fff; }
.app_overview_grid{ display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr); gap:64px; align-items:stretch; }
.app_overview_copy{ background:#f7faff; border:1px solid #e5ebf2; border-radius:8px; padding:44px; min-height:430px; }
.app_industry_panel{ display:none; }
.app_industry_panel.on{ display:block; animation:appFadeIn .35s ease both; }
.app_industry_panel h3{ font-size:34px; line-height:42px; font-family:PoppinsLatin-SemiBold; font-weight:normal; color:#004098; margin-bottom:18px; }
.app_industry_panel p{ color:#556274; font-size:17px; line-height:31px; margin-bottom:18px; }
.app_overview_media{ position:relative; border-radius:8px; overflow:hidden; background:#0c1724; min-height:430px; }
.app_overview_media img{ width:100%; height:100%; min-height:430px; object-fit:cover; opacity:.82; }
.app_overview_media ul{ position:absolute; left:28px; right:28px; bottom:28px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.app_overview_media li{ min-height:104px; padding:20px 16px; background:rgba(255,255,255,.94); border-radius:6px; }
.app_overview_media b{ display:block; color:#004098; font-size:32px; line-height:34px; font-family:PoppinsLatin-Bold; font-weight:normal; }
.app_overview_media span{ display:block; color:#445065; font-size:13px; line-height:20px; margin-top:8px; }
.app_challenges,.app_forms{ background:#0c1724; }
.app_challenge_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.app_challenge_grid li{ min-height:238px; padding:34px 30px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; transition:.3s; }
.app_challenge_grid li:hover{ transform:translateY(-8px); background:rgba(0,64,152,.34); border-color:rgba(114,168,255,.55); }
.app_challenge_grid i,.app_advantage_grid i{ display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:6px; background:#004098; color:#fff; font-size:28px; margin-bottom:24px; }
.app_challenge_grid h3,.app_advantage_grid h3{ font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:12px; }
.app_challenge_grid p,.app_advantage_grid p{ color:#c9d4e2; font-size:15px; line-height:26px; }
.app_alloys{ background:#f4f7fb; }
.app_alloy_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.app_alloy_grid article{ position:relative; min-height:338px; padding:30px 28px 76px; border-radius:8px; background:#fff; border:1px solid #e4ebf3; box-shadow:0 16px 38px rgba(36,68,105,.06); transition:.3s; }
.app_alloy_grid article:hover{ transform:translateY(-7px); box-shadow:0 24px 50px rgba(36,68,105,.13); border-color:#c8d8eb; }
.app_alloy_grid h3{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:24px; line-height:31px; margin-bottom:14px; }
.app_alloy_grid h3:before{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#004098; margin-bottom:20px; }
.app_alloy_grid p{ color:#586678; font-size:14px; line-height:25px; margin-bottom:12px; }
.app_alloy_grid b{ font-family:PoppinsLatin-Regular; font-weight:normal; color:#17202b; }
.app_alloy_grid a{ position:absolute; left:28px; right:28px; bottom:28px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#f1f6fc; color:#004098; font-family:PoppinsLatin-Regular; font-size:14px; }
.app_alloy_grid a:hover{ color:#fff; background:#004098; }
.app_typical{ background:#fff; }
.app_typical_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.app_typical_grid article{ background:#fff; border:1px solid #e5ebf2; border-radius:8px; overflow:hidden; box-shadow:0 16px 34px rgba(36,68,105,.06); transition:.3s; }
.app_typical_grid article:hover{ transform:translateY(-6px); box-shadow:0 24px 50px rgba(36,68,105,.13); }
.app_typical_grid img{ width:100%; height:230px; object-fit:cover; display:block; }
.app_typical_grid h3{ padding:24px 24px 10px; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; }
.app_typical_grid p{ padding:0 24px 28px; color:#606d7e; font-size:15px; line-height:26px; }
.app_forms_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.app_forms_grid li{ display:flex; min-width:0; }
.app_forms_grid a{ display:flex; flex:1 1 auto; flex-direction:column; box-sizing:border-box; height:278px; padding:30px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; transition:.3s; overflow:hidden; }
.app_forms_grid a:hover{ color:#fff; transform:translateY(-7px); background:rgba(0,64,152,.34); border-color:rgba(114,168,255,.55); }
.app_forms_grid i{ display:block; color:#72a8ff; font-size:30px; margin-bottom:22px; }
.app_forms_grid b{ display:block; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:29px; margin-bottom:9px; }
.app_forms_grid span{ display:block; color:#c9d4e2; font-size:15px; line-height:25px; }
.app_selection{ background:#fff; }
.app_table_wrap{ width:100%; overflow-x:auto; border-radius:8px; box-shadow:0 16px 38px rgba(36,68,105,.08); }
.app_table_wrap table{ width:100%; min-width:820px; border-collapse:collapse; background:#fff; }
.app_table_wrap th{ background:#0c1724; color:#fff; padding:22px 24px; text-align:left; font-size:16px; line-height:24px; font-family:PoppinsLatin-Regular; font-weight:normal; }
.app_table_wrap td{ padding:22px 24px; border-bottom:1px solid #e5ebf2; color:#526074; font-size:15px; line-height:26px; vertical-align:top; }
.app_table_wrap td:first-child{ color:#17202b; font-family:PoppinsLatin-Regular; }
.app_table_wrap tr:nth-child(even) td{ background:#f8fbff; }
.app_advantages{ background:#f4f7fb; }
.app_advantage_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.app_advantage_grid li{ min-height:236px; padding:32px 30px; border-radius:8px; background:#fff; border:1px solid #e5ebf2; box-shadow:0 16px 36px rgba(36,68,105,.06); transition:.3s; }
.app_advantage_grid li:hover{ transform:translateY(-6px); box-shadow:0 24px 52px rgba(36,68,105,.12); }
.app_advantage_grid p{ color:#5d697a; }
.app_related{ background:#fff; }
.app_faq{ background:#f4f7fb; padding-top:84px; }
.app_faq_list{ column-count:2; column-gap:22px; }
.app_faq_list article{ display:inline-block; width:100%; margin:0 0 16px; vertical-align:top; break-inside:avoid; }
.app_faq_list article{ background:#fff; border:1px solid #e1e8f1; border-radius:8px; overflow:hidden; box-shadow:0 12px 30px rgba(36,68,105,.05); }
.app_faq_list button{ position:relative; width:100%; min-height:72px; padding:20px 64px 20px 24px; border:0; background:#fff; color:#17202b; text-align:left; cursor:pointer; font-family:PoppinsLatin-Regular; font-size:17px; line-height:26px; }
.app_faq_list button:before,.app_faq_list button:after{ content:""; position:absolute; top:50%; right:26px; width:18px; height:2px; background:#004098; transition:.25s; }
.app_faq_list button:after{ transform:rotate(90deg); }
.app_faq_list article.on button:after{ transform:rotate(0deg); opacity:0; }
.app_faq_list article>div{ display:none; padding:0 24px 24px; }
.app_faq_list article.on>div{ display:block; }
.app_faq_list article.on{ border-color:#b9d1ed; box-shadow:0 16px 34px rgba(36,68,105,.10); }
.app_faq_list article.on button{ background:#f4f8fd; color:#004098; }
.app_faq_list p{ color:#263445; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:16px; line-height:27px; }
@keyframes appFadeIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }

@media screen and (max-width: 1440px){
  .app_hero h1{ font-size:54px; line-height:66px; }
  .app_alloy_grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .app_typical_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 1024px){
  .app_hero{ margin-top:62px; min-height:560px; }
  .app_hero_overlay{ min-height:560px; padding:72px 0 88px; }
  .app_industry_nav{ top:62px; }
  .app_section{ padding:56px 0 62px; }
  .app_section_head{ display:block; margin-bottom:26px; }
  .app_section_head h2{ font-size:31px; line-height:42px; }
  .app_overview_grid{ grid-template-columns:1fr; gap:24px; }
  .app_challenge_grid,.app_forms_grid,.app_advantage_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .app_alloy_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .app_faq_list{ column-count:1; }
}

@media screen and (max-width: 768px){
  .app_hero{ min-height:520px; }
  .app_hero_overlay{ min-height:520px; padding:58px 0 76px; }
  .app_hero_overlay .warper{ padding-top:10px; }
  .app_hero h1{ font-size:34px; line-height:43px; }
  .app_hero p{ font-size:16px; line-height:28px; margin-top:16px; }
  .app_hero_actions a{ min-height:46px; padding:0 20px; }
  .app_industry_nav .warper{ width:100%; padding-left:2%; padding-right:2%; }
  .app_section{ padding:42px 0 48px; }
  .app_section_head span{ font-size:16px; margin-bottom:8px; }
  .app_section_head h2{ font-size:26px; line-height:35px; }
  .app_overview_copy{ padding:26px; min-height:0; }
  .app_industry_panel h3{ font-size:26px; line-height:34px; }
  .app_industry_panel p{ font-size:16px; line-height:28px; }
  .app_overview_media,.app_overview_media img{ min-height:360px; }
  .app_overview_media ul{ left:16px; right:16px; bottom:16px; grid-template-columns:1fr; }
  .app_overview_media li{ min-height:0; padding:13px 14px; }
  .app_overview_media b{ font-size:24px; line-height:26px; }
  .app_challenge_grid,.app_forms_grid,.app_advantage_grid,.app_alloy_grid,.app_typical_grid{ grid-template-columns:1fr; }
  .app_challenge_grid li,.app_advantage_grid li{ min-height:0; padding:26px 24px; }
  .app_alloy_grid article{ min-height:0; padding:26px 24px 72px; }
  .app_alloy_grid a{ left:24px; right:24px; bottom:24px; }
  .app_typical_grid img{ height:210px; }
  .app_forms_grid a{ height:auto; min-height:0; padding:26px 24px; }
  .app_faq_list button{ font-size:16px; line-height:24px; padding:18px 56px 18px 20px; }
}

@media screen and (max-width: 480px){
  .app_hero{ min-height:500px; }
  .app_hero_overlay{ min-height:500px; padding:48px 0 68px; }
  .app_hero h1{ font-size:28px; line-height:36px; }
  .app_tab{ padding:10px 14px; font-size:14px; }
  .app_section_head h2{ font-size:22px; line-height:30px; }
  .app_overview_copy{ padding:20px; }
  .app_typical_grid h3{ padding:20px 20px 8px; font-size:20px; line-height:27px; }
  .app_typical_grid p{ padding:0 20px 22px; }
  .app_table_wrap th,.app_table_wrap td{ padding:16px 18px; }
}

.home_applications_showcase{ padding-bottom:72px; background:#fff; }
.home_applications_showcase .inetis a{ white-space:nowrap; }
.home_app_grid{ margin-top:38px; display:grid; grid-template-columns:42% 1fr; gap:42px; align-items:stretch; }
.home_app_visual{ position:relative; min-height:520px; border-radius:10px; overflow:hidden; background:#0c1724; }
.home_app_visual img{ width:100%; height:100%; min-height:520px; object-fit:cover; display:block; opacity:.88; }
.home_app_visual:before{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(7,18,32,.86) 0%, rgba(7,18,32,.18) 58%, rgba(7,18,32,.05) 100%); }
.home_app_visual div{ position:absolute; left:34px; right:34px; bottom:34px; color:#fff; }
.home_app_visual span{ display:block; color:#72a8ff; font-size:16px; line-height:22px; font-family:PoppinsLatin-Regular; margin-bottom:10px; }
.home_app_visual b{ display:block; max-width:420px; font-size:26px; line-height:36px; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.home_app_cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-content:stretch; }
.home_app_cards li{ min-height:112px; padding:20px 22px; background:#f7faff; border:1px solid #e3ebf4; border-radius:8px; transition:.3s; }
.home_app_cards li:hover{ transform:translateY(-5px); background:#fff; box-shadow:0 16px 34px rgba(36,68,105,.09); border-color:#c8d8eb; }
.home_app_cards em{ display:inline-block; max-width:100%; padding:5px 10px; border-radius:4px; background:#edf4fc; color:#004098; font-size:12px; line-height:17px; font-family:PoppinsLatin-Regular; font-style:normal; margin-bottom:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.home_app_cards h3{ color:#17202b; font-size:20px; line-height:27px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:7px; }
.home_app_cards p{ color:#5e6b7c; font-size:14px; line-height:23px; }
.home_app_cards li:nth-child(7){ grid-column:1 / -1; min-height:98px; }

@media screen and (max-width: 1366px){
  .home_app_grid{ grid-template-columns:40% 1fr; gap:30px; }
  .home_app_visual,.home_app_visual img{ min-height:488px; }
  .home_app_cards li{ min-height:108px; padding:18px 20px; }
  .home_app_cards h3{ font-size:18px; line-height:25px; }
  .home_app_cards p{ font-size:13px; line-height:22px; }
}

@media screen and (max-width: 1024px){
  .home_applications_showcase{ padding-bottom:48px; }
  .home_app_grid{ grid-template-columns:1fr; gap:24px; }
  .home_app_visual,.home_app_visual img{ min-height:340px; }
  .home_app_cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 768px){
  .home_applications_showcase .inetis{ align-items:flex-start; gap:16px; }
  .home_app_grid{ margin-top:22px; }
  .home_app_visual,.home_app_visual img{ min-height:280px; }
  .home_app_visual div{ left:22px; right:22px; bottom:22px; }
  .home_app_visual b{ font-size:21px; line-height:30px; }
  .home_app_cards li:nth-child(7){ display:block; grid-column:auto; min-height:112px; }
}

@media screen and (max-width: 560px){
  .home_app_cards{ grid-template-columns:1fr; gap:10px; }
  .home_app_cards li{ min-height:0; padding:16px 18px; }
}

@media screen and (max-width: 480px){
  .home_applications_showcase .inetis a{ padding:8px 18px; }
  .home_app_visual,.home_app_visual img{ min-height:230px; }
  .home_app_visual b{ font-size:18px; line-height:26px; }
  .home_app_cards h3{ font-size:17px; line-height:24px; }
}

/* Alloy comparison template */
.compare_template_page{ background:#fff; color:#17202b; overflow:hidden; }
.compare_template_page .warper{ max-width:1500px; }
.compare_template_hero{ margin-top:90px; padding:86px 0 76px; background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%); border-bottom:1px solid #e5edf6; }
.compare_breadcrumb{ color:#6d7b8d; font-size:14px; line-height:22px; margin-bottom:28px; }
.compare_breadcrumb a{ color:#004098; }
.compare_breadcrumb span{ color:#526074; }
.compare_template_head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.48fr); gap:52px; align-items:end; }
.compare_template_head span,.compare_section_head span,.compare_grade_panel span{ display:inline-block; color:#004098; font-size:17px; line-height:24px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.compare_template_head h1{ max-width:900px; color:#102033; font-family:PoppinsLatin-Bold; font-weight:normal; font-size:60px; line-height:72px; text-transform:uppercase; }
.compare_template_head p{ max-width:850px; color:#566579; font-size:17px; line-height:31px; margin-top:22px; overflow-wrap:break-word; }
.compare_template_head aside{ padding:30px 30px 32px; border-radius:10px; background:#0c1724; box-shadow:0 22px 52px rgba(36,68,105,.12); }
.compare_template_head aside b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:24px; line-height:32px; margin-bottom:12px; }
.compare_template_head aside p{ color:#cbd6e4; font-size:15px; line-height:27px; margin:0; }
.compare_pair_section{ padding:54px 0 82px; background:#fff; }
.compare_pair_grid{ display:grid; grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr); gap:22px; align-items:stretch; }
.compare_grade_panel{ padding:34px 32px; border:1px solid #e1eaf3; border-radius:10px; background:#fff; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.compare_grade_panel h2{ font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:34px; line-height:42px; margin-bottom:20px; }
.compare_grade_panel dl{ display:grid; gap:10px; margin-bottom:22px; }
.compare_grade_panel dl div{ display:grid; grid-template-columns:130px 1fr; gap:14px; padding:11px 0; border-bottom:1px solid #edf2f7; }
.compare_grade_panel dt{ color:#7b8797; font-size:14px; line-height:22px; }
.compare_grade_panel dd{ color:#17202b; font-size:15px; line-height:23px; font-family:PoppinsLatin-Regular; }
.compare_grade_panel p{ color:#5e6b7d; font-size:15px; line-height:27px; margin-bottom:24px; }
.compare_grade_link{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:6px; color:#fff; background:#004098; border:1px solid #004098; font-family:PoppinsLatin-Regular; font-size:14px; }
.compare_grade_link:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.compare_vs{ display:flex; align-items:center; justify-content:center; align-self:center; width:82px; height:82px; border-radius:82px; color:#fff; background:#004098; font-family:PoppinsLatin-Bold; font-size:22px; letter-spacing:0; box-shadow:0 14px 32px rgba(0,64,152,.22); }
.compare_matrix_section{ padding:82px 0 92px; background:#f6f9fd; }
.compare_decision_section{ padding:82px 0 90px; background:#fff; }
.compare_related_section{ padding:82px 0 96px; background:#f6f9fd; }
.compare_section_head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.52fr); gap:34px; align-items:end; margin-bottom:34px; }
.compare_section_head h2{ max-width:880px; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:30px; line-height:52px; }
.compare_section_head p{ color:#627084; font-size:15px; line-height:27px; }
.compare_table_wrap{ width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; border-radius:10px; box-shadow:0 16px 38px rgba(36,68,105,.08); -webkit-overflow-scrolling:touch; }
.compare_table{ width:100%; min-width:1040px; border-collapse:collapse; background:#fff; }
.compare_table th{ background:#0c1724; color:#fff; padding:20px 22px; text-align:left; font-family:PoppinsLatin-Regular; font-weight:normal; font-size:15px; line-height:24px; }
.compare_table td{ padding:18px 22px; border-bottom:1px solid #e5ebf2; color:#526074; font-size:15px; line-height:25px; vertical-align:top; overflow-wrap:break-word; }
.compare_table td:first-child{ color:#17202b; font-family:PoppinsLatin-Regular; }
.compare_table tr:nth-child(even):not(.compare_group_row) td{ background:#f9fbfe; }
.compare_group_row td{ padding:15px 22px; color:#004098 !important; background:#edf5ff !important; font-family:PoppinsLatin-SemiBold !important; font-size:16px; line-height:24px; border-bottom-color:#d7e7f7; }
.compare_note{ color:#667385; font-size:14px; line-height:25px; margin-top:18px; }
.compare_decision_grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.compare_decision_grid article{ padding:34px 32px; border-radius:10px; background:#fff; border:1px solid #e1eaf3; box-shadow:0 14px 34px rgba(36,68,105,.06); }
.compare_decision_grid h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:28px; line-height:38px; margin-bottom:20px; }
.compare_decision_grid li{ position:relative; color:#526074; font-size:15px; line-height:27px; padding-left:24px; margin-bottom:10px; }
.compare_decision_grid li:before{ content:""; position:absolute; left:0; top:10px; width:8px; height:8px; border-radius:8px; background:#004098; }
.compare_related{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.compare_related a{ display:block; min-height:150px; padding:26px 24px; background:#fff; border:1px solid #e1e9f2; border-radius:10px; transition:.3s; }
.compare_related a:hover{ transform:translateY(-5px); box-shadow:0 14px 34px rgba(36,68,105,.08); }
.compare_related span{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-size:20px; line-height:28px; margin-bottom:10px; }
.compare_related p{ color:#5f6c7d; font-size:15px; line-height:25px; }

@media screen and (max-width: 1024px){
  .compare_template_page .warper{ width:92%; }
  .compare_template_hero{ margin-top:62px; padding:62px 0; }
  .compare_template_head,.compare_section_head{ grid-template-columns:1fr; }
  .compare_template_head h1{ font-size:42px; line-height:54px; }
  .compare_pair_grid{ grid-template-columns:1fr; }
  .compare_vs{ width:64px; height:64px; justify-self:center; }
  .compare_matrix_section,.compare_decision_section,.compare_related_section{ padding:56px 0 64px; }
  .compare_section_head{ margin-bottom:24px; }
  .compare_section_head h2{ font-size:30px; line-height:40px; }
  .compare_related{ grid-template-columns:1fr; }
}

@media screen and (max-width: 768px){
  .compare_template_head h1{ font-size:32px; line-height:41px; }
  .compare_template_head p{ font-size:16px; line-height:28px; }
  .compare_grade_panel h2{ font-size:26px; line-height:34px; }
  .compare_decision_grid{ grid-template-columns:1fr; }
}

@media screen and (max-width: 480px){
  .compare_template_page .warper{ width:calc(100% - 56px); }
  .compare_template_hero{ padding:48px 0; }
  .compare_template_head h1{ font-size:27px; line-height:35px; }
  .compare_template_head aside,.compare_grade_panel,.compare_decision_grid article{ padding:24px 20px; }
  .compare_grade_panel dl div{ grid-template-columns:1fr; gap:4px; }
  .compare_section_head h2{ font-size:22px; line-height:30px; }
  .compare_table th,.compare_table td{ padding:15px 16px; }
  .compare_related p,.compare_grade_panel p,.compare_decision_grid li,.compare_template_head p{ word-break:break-word; }
}

/* Product form center template */
.product_form_page{ background:#fff; color:#17202b; overflow:hidden; }
.product_form_page .warper{ max-width:1500px; }
.pf_hero{ margin-top:90px; padding:92px 0 86px; background:linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-bottom:1px solid #e7edf5; }
.pf_hero .warper{ display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.74fr); gap:58px; align-items:center; }
.pf_hero_copy{ min-width:0; }
.pf_breadcrumb{ color:#6b7889; font-size:14px; line-height:22px; margin-bottom:24px; }
.pf_breadcrumb a{ color:#004098; }
.pf_hero span,.pf_section_head span{ display:inline-block; color:#004098; font-size:18px; line-height:24px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.pf_hero h1{ max-width:920px; color:#102033; font-family:PoppinsLatin-Bold; font-weight:normal; font-size:62px; line-height:74px; text-transform:uppercase; }
.pf_hero p:not(.pf_breadcrumb){ max-width:760px; color:#536173; font-size:18px; line-height:32px; margin-top:24px; }
.pf_hero_actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.pf_hero_actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 32px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; }
.pf_hero_actions a:nth-child(2){ background:#fff; color:#004098; border-color:#cbd9ea; }
.pf_hero_actions a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.pf_hero_media{ position:relative; min-height:420px; border-radius:12px; overflow:hidden; background:#0c1724; box-shadow:0 24px 60px rgba(30,70,118,.15); }
.pf_hero_media img{ width:100%; height:100%; min-height:420px; object-fit:cover; opacity:.92; }
.pf_hero_media:after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,20,35,.28), rgba(8,20,35,0)); }
.pf_section{ padding:88px 0 96px; background:#fff; }
.pf_light{ background:#f6f9fd; }
.pf_blue{ background:#0c1724; }
.pf_section_head{ display:flex; align-items:flex-end; justify-content:space-between; gap:44px; margin-bottom:38px; }
.pf_section_head h2{ max-width:920px; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:40px; line-height:52px; }
.pf_light_head span{ color:#72a8ff; }
.pf_light_head h2{ color:#fff; }
.pf_overview_single{ width:100%; padding:42px 46px; border:1px solid #e3ebf4; border-radius:10px; background:#fff; box-shadow:0 16px 38px rgba(36,68,105,.06); }
.pf_overview_single p{ color:#596779; font-size:16px; line-height:30px; margin-bottom:16px; }
.pf_overview_single p:last-child{ margin-bottom:0; }
.pf_capability_grid,.pf_quality_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.pf_capability_grid article,.pf_quality_grid article{ display:block; min-height:228px; padding:30px 28px; border-radius:10px; background:#fff; border:1px solid #e1eaf3; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.pf_capability_grid article:hover,.pf_quality_grid article:hover{ transform:translateY(-7px); box-shadow:0 24px 54px rgba(36,68,105,.12); border-color:#c7d9ed; }
.pf_quality_grid i{ display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:8px; color:#fff; background:#004098; font-size:28px; margin-bottom:24px; }
.pf_quality_grid h3{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:12px; }
.pf_quality_grid p{ color:#5d6a7b; font-size:15px; line-height:26px; }
.pf_alloy_groups{ display:grid; gap:16px; }
.pf_alloy_group{ display:grid; grid-template-columns:180px 1fr; gap:18px; align-items:center; padding:18px; border:1px solid #e1eaf3; border-radius:10px; background:#fff; box-shadow:0 12px 30px rgba(36,68,105,.05); }
.pf_alloy_family{ display:flex; align-items:center; justify-content:center; min-height:52px; padding:0 18px; border-radius:8px; background:#004098; color:#fff; font-family:PoppinsLatin-SemiBold; font-size:18px; line-height:24px; }
.pf_alloy_family:hover{ color:#fff; background:#0d57c6; }
.pf_alloy_cloud{ display:flex; flex-wrap:wrap; gap:12px; }
.pf_alloy_cloud a,.pf_alloy_cloud span{ display:inline-flex; align-items:center; min-height:42px; padding:0 20px; border-radius:999px; color:#004098; background:#f1f7ff; border:1px solid #d7e6f7; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.pf_alloy_cloud a:hover,.pf_alloy_cloud span:hover{ background:#004098; color:#fff; border-color:#004098; }
.pf_table_wrap{ width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; border-radius:10px; box-shadow:0 16px 38px rgba(36,68,105,.08); -webkit-overflow-scrolling:touch; }
.pf_table_wrap table{ width:100%; min-width:900px; border-collapse:collapse; background:#fff; }
.pf_table_wrap th{ background:#0c1724; color:#fff; padding:21px 24px; text-align:left; font-family:PoppinsLatin-Regular; font-weight:normal; font-size:15px; line-height:24px; }
.pf_table_wrap td{ padding:20px 24px; border-bottom:1px solid #e5ebf2; color:#526074; font-size:15px; line-height:26px; vertical-align:top; overflow-wrap:break-word; }
.pf_table_wrap td:first-child{ color:#17202b; font-family:PoppinsLatin-Regular; }
.pf_table_wrap tr:nth-child(even) td{ background:#f8fbff; }
.pf_dark_table{ box-shadow:none; border:1px solid rgba(255,255,255,.14); }
.pf_dark_table table{ background:rgba(255,255,255,.04); }
.pf_dark_table th{ background:rgba(255,255,255,.12); color:#fff; }
.pf_dark_table td{ border-bottom-color:rgba(255,255,255,.12); color:#c9d4e2; background:transparent; }
.pf_dark_table td:first-child{ color:#fff; }
.pf_dark_table tr:nth-child(even) td{ background:rgba(255,255,255,.05); }
.pf_capability_grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pf_capability_grid article{ min-height:190px; }
.pf_capability_grid b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:24px; line-height:32px; margin-bottom:14px; }
.pf_capability_grid b:before{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#004098; margin-bottom:18px; }
.pf_capability_grid p{ color:#5d6a7b; font-size:15px; line-height:26px; }
.pf_quality_grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pf_quality_grid article{ min-height:252px; }
.pf_order_list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.pf_order_list li{ min-height:150px; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e1eaf3; box-shadow:0 14px 34px rgba(36,68,105,.06); }
.pf_order_list b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:10px; }
.pf_order_list b:before{ content:""; display:block; width:40px; height:3px; border-radius:3px; background:#004098; margin-bottom:18px; }
.pf_order_list span{ display:block; color:#5d6a7b; font-size:15px; line-height:25px; }
.pf_articles{ background:#f6f9fd; }
.pf_faq{ background:#fff; padding-top:84px; }
.pf_faq_list{ column-count:2; column-gap:22px; }
.pf_faq_list article{ display:inline-block; width:100%; margin:0 0 16px; vertical-align:top; break-inside:avoid; }
.pf_faq_list article{ background:#fff; border:1px solid #e1e8f1; border-radius:10px; overflow:hidden; box-shadow:0 12px 30px rgba(36,68,105,.05); }
.pf_faq_list button{ position:relative; width:100%; min-height:72px; padding:20px 64px 20px 24px; border:0; background:#fff; color:#17202b; text-align:left; cursor:pointer; font-family:PoppinsLatin-Regular; font-size:17px; line-height:26px; }
.pf_faq_list button:before,.pf_faq_list button:after{ content:""; position:absolute; top:50%; right:26px; width:18px; height:2px; background:#004098; transition:.25s; }
.pf_faq_list button:after{ transform:rotate(90deg); }
.pf_faq_list article.on button:after{ transform:rotate(0deg); opacity:0; }
.pf_faq_list article>div{ display:none; padding:0 24px 24px; }
.pf_faq_list article.on>div{ display:block; }
.pf_faq_list article.on{ border-color:#b9d1ed; box-shadow:0 16px 34px rgba(36,68,105,.10); }
.pf_faq_list article.on button{ background:#f4f8fd; color:#004098; }
.pf_faq_list p{ color:#263445; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:16px; line-height:27px; }

@media screen and (max-width: 1440px){
  .pf_hero h1{ font-size:54px; line-height:66px; }
  .pf_quality_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pf_order_list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 1024px){
  .product_form_page .warper{ width:92%; }
  .pf_hero{ margin-top:62px; padding:64px 0 66px; }
  .pf_hero .warper{ grid-template-columns:1fr; }
  .pf_hero_media,.pf_hero_media img{ min-height:340px; }
  .pf_section{ padding:56px 0 64px; }
  .pf_section_head{ display:block; margin-bottom:26px; }
  .pf_section_head h2{ font-size:31px; line-height:42px; }
  .pf_capability_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pf_faq_list{ column-count:1; }
  .pf_alloy_group{ grid-template-columns:1fr; align-items:start; }
  .pf_alloy_family{ justify-content:flex-start; }
}

@media screen and (max-width: 768px){
  .pf_hero h1{ font-size:34px; line-height:43px; }
  .pf_hero p:not(.pf_breadcrumb){ font-size:16px; line-height:28px; margin-top:16px; }
  .pf_hero_actions a{ min-height:46px; padding:0 20px; }
  .pf_overview_single{ padding:28px; }
  .pf_capability_grid,.pf_quality_grid,.pf_order_list{ grid-template-columns:1fr; }
  .pf_capability_grid article,.pf_quality_grid article{ min-height:0; }
}

@media screen and (max-width: 480px){
  .product_form_page .warper{ width:calc(100% - 40px); }
  .pf_hero{ padding:42px 0 48px; }
  .pf_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:18px; }
  .pf_hero span,.pf_section_head span{ font-size:16px; margin-bottom:8px; }
  .pf_hero h1{ font-size:27px; line-height:35px; }
  .pf_hero p:not(.pf_breadcrumb){ font-size:15px; line-height:26px; word-break:break-word; }
  .pf_hero_media,.pf_hero_media img{ min-height:260px; }
  .pf_section{ padding:42px 0 48px; }
  .pf_section_head h2{ font-size:22px; line-height:30px; }
  .pf_overview_single,.pf_capability_grid article,.pf_quality_grid article,.pf_order_list li{ padding:24px 20px; }
  .pf_overview_single p,.pf_capability_grid p,.pf_quality_grid p,.pf_order_list span{ font-size:15px; line-height:25px; word-break:break-word; }
  .pf_alloy_group{ padding:14px; gap:12px; }
  .pf_alloy_family{ min-height:44px; font-size:16px; }
  .pf_alloy_cloud{ gap:9px; }
  .pf_alloy_cloud a,.pf_alloy_cloud span{ min-height:38px; padding:0 15px; font-size:14px; }
  .pf_table_wrap th,.pf_table_wrap td{ padding:15px 16px; }
  .pf_faq_list button{ font-size:16px; line-height:24px; padding:18px 56px 18px 20px; }
}

/* About page expansion */
.about_page .debipp{ max-width:1120px; margin-left:auto; margin-right:auto; }
.about_page .debipp p + p{ margin-top:14px; }
.about_overview_photo .changpic{ overflow:hidden; }
.about_overview_photo img{ width:100%; display:block; }
.about_stats li{ max-width:310px; }
.about_stats li b{ color:#004098; }
.about_section_head{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; align-items:end; margin-bottom:38px; }
.about_section_head span{ display:block; color:#004098; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:12px; }
.about_section_head h2{ color:#17202b; font-size:42px; line-height:52px; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.about_section_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.about_supply{ padding:76px 0 86px; background:#f4f7fb; }
.about_supply_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.about_supply_grid a{ display:block; min-height:390px; padding-bottom:26px; border-radius:8px; overflow:hidden; background:#fff; border:1px solid #e3ebf4; box-shadow:0 16px 38px rgba(36,68,105,.07); transition:.3s; }
.about_supply_grid a:hover{ transform:translateY(-7px); box-shadow:0 24px 52px rgba(36,68,105,.13); color:#222; }
.about_supply_grid img{ width:100%; height:190px; object-fit:cover; display:block; }
.about_supply_grid b{ display:block; color:#17202b; font-size:22px; line-height:30px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin:24px 24px 10px; }
.about_supply_grid span{ display:block; color:#5d697a; font-size:15px; line-height:25px; margin:0 24px; }
.about_buyer_support{ border-radius:10px; overflow:hidden; box-shadow:0 18px 44px rgba(36,68,105,.08); }
.about_buyer_support .auculef img{ width:100%; height:100%; min-height:385px; object-fit:cover; display:block; }
.about_buyer_support .aucurig{ padding-top:42px; padding-bottom:42px; }
.about_check_list{ margin-top:20px; display:grid; gap:10px; }
.about_check_list li{ position:relative; color:#435064; font-size:15px; line-height:25px; padding-left:24px; }
.about_check_list li:before{ content:""; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:#004098; }
.about_quality{ padding:76px 0 86px; background:#fff; }
.about_quality_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.about_quality_grid article{ min-height:270px; padding:32px 28px; border-radius:8px; background:#f8fbff; border:1px solid #e3ebf4; transition:.3s; }
.about_quality_grid article:hover{ transform:translateY(-6px); background:#fff; box-shadow:0 20px 46px rgba(36,68,105,.11); }
.about_quality_grid i{ display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:8px; color:#fff; background:#004098; font-size:28px; margin-bottom:24px; }
.about_quality_grid h3{ color:#17202b; font-size:22px; line-height:30px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:12px; }
.about_quality_grid p{ color:#5d697a; font-size:15px; line-height:26px; }
.about_values li p{ white-space:normal; }
.about_process{ padding:76px 0 86px; background:#fff; }
.about_process_list{ counter-reset:aboutStep; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.about_process_list li{ counter-increment:aboutStep; position:relative; min-height:230px; padding:34px 24px 28px; border-radius:8px; background:#0c1724; overflow:hidden; }
.about_process_list li:before{ content:counter(aboutStep, decimal-leading-zero); display:block; color:rgba(114,168,255,.26); font-size:54px; line-height:54px; font-family:PoppinsLatin-Bold; margin-bottom:24px; }
.about_process_list li:after{ content:""; position:absolute; left:24px; right:24px; top:112px; height:3px; border-radius:3px; background:#004098; }
.about_process_list b{ display:block; color:#fff; font-size:20px; line-height:28px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:12px; }
.about_process_list span{ display:block; color:#c4cfdb; font-size:14px; line-height:24px; }
.about_faq{ padding:76px 0 86px; background:#f4f7fb; }
.about_faq_list{ display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; }

@media screen and (max-width: 1366px){
  .about_section_head h2{ font-size:34px; line-height:44px; }
  .about_supply_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about_quality_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about_process_list{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media screen and (max-width: 768px){
  .about_section_head{ grid-template-columns:1fr; gap:14px; margin-bottom:24px; }
  .about_section_head h2{ font-size:28px; line-height:36px; }
  .about_supply,.about_quality,.about_process,.about_faq{ padding:48px 0; }
  .about_supply_grid,.about_quality_grid,.about_process_list,.about_faq_list{ grid-template-columns:1fr; }
  .about_supply_grid a{ min-height:0; }
  .about_buyer_support .auculef img{ min-height:260px; }
  .about_quality_grid article,.about_process_list li{ min-height:0; }
}

@media screen and (max-width: 480px){
  .about_section_head span{ font-size:16px; line-height:24px; margin-bottom:6px; }
  .about_section_head h2{ font-size:22px; line-height:30px; }
  .about_section_head p,.about_supply_grid span,.about_quality_grid p,.about_process_list span{ font-size:15px; line-height:25px; }
  .about_supply_grid b,.about_quality_grid h3{ font-size:19px; line-height:27px; }
  .about_supply_grid img{ height:170px; }
  .about_quality_grid article{ padding:24px 20px; }
  .about_process_list li{ padding:26px 20px 24px; }
  .about_process_list li:after{ left:20px; right:20px; top:100px; }
}

/* Blog archive page */
.blog_archive_page{ background:#fff; }
.blog_archive_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.blog_archive_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(115deg, rgba(0,64,152,.78), rgba(12,23,36,.92) 52%, rgba(12,23,36,.98)); }
.blog_archive_hero:after{ content:""; position:absolute; right:-120px; bottom:-180px; width:560px; height:560px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 105px rgba(255,255,255,.03); }
.blog_archive_hero .warper{ position:relative; z-index:2; }
.blog_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.blog_breadcrumb a,.blog_breadcrumb i{ color:#fff; }
.blog_breadcrumb i{ margin-right:10px; }
.blog_archive_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.62fr); gap:70px; align-items:end; }
.blog_archive_hero_grid>div>span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.blog_archive_hero h1{ max-width:940px; color:#fff; font-size:72px; line-height:82px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.blog_archive_hero_grid>div>p{ max-width:820px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.blog_archive_hero_points{ display:grid; gap:16px; }
.blog_archive_hero_points li{ min-height:116px; padding:24px 26px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.blog_archive_hero_points b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:8px; }
.blog_archive_hero_points p{ color:#cbd7e6; font-size:15px; line-height:25px; }
.blog_archive_body{ padding:76px 0 96px; background:#f4f7fb; }
.blog_archive_head{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; align-items:end; margin-bottom:30px; }
.blog_archive_head span{ display:block; color:#004098; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:12px; }
.blog_archive_head h2{ color:#17202b; font-size:42px; line-height:52px; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.blog_archive_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.blog_category_tabs{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; }
.blog_category_tabs a{ display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:999px; border:1px solid #d8e4f1; background:#fff; color:#233044; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.blog_category_tabs a:hover,.blog_category_tabs a.on{ color:#fff; background:#004098; border-color:#004098; }
.blog_archive_list{ display:grid; gap:16px; }
.blog_archive_item a{ display:grid; grid-template-columns:220px minmax(0,1fr) 118px; gap:30px; align-items:center; min-height:150px; padding:30px 34px; border-radius:8px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 12px 30px rgba(36,68,105,.05); transition:.3s; }
.blog_archive_item a:hover{ transform:translateY(-4px); border-color:#c7d8eb; box-shadow:0 20px 46px rgba(36,68,105,.11); color:#222; }
.blog_article_meta span{ display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:20px; font-family:PoppinsLatin-Regular; }
.blog_article_meta time{ display:block; color:#7a8797; font-size:14px; line-height:22px; margin-top:12px; }
.blog_article_copy h3{ color:#17202b; font-size:24px; line-height:32px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:10px; }
.blog_article_copy p{ color:#5d697a; font-size:15px; line-height:26px; }
.blog_archive_item em{ justify-self:end; display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:40px; background:#f1f6fc; color:#004098; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; font-style:normal; white-space:nowrap; }
.blog_archive_item a:hover em{ background:#004098; color:#fff; }
.blog_pager{ margin-top:40px; }
.blog_pager span.disabled,.blog_pager a{ width:auto; min-width:42px; padding:0 14px; border-radius:4px; }
.blog_pager span.disabled{ height:36px; line-height:36px; font-size:16px; cursor:default; }
.blog_pager span.current{ border-radius:4px; }

@media screen and (max-width: 1366px){
  .blog_archive_hero h1{ font-size:58px; line-height:68px; }
  .blog_archive_hero_grid{ gap:48px; }
  .blog_archive_head h2{ font-size:34px; line-height:44px; }
  .blog_archive_item a{ grid-template-columns:190px minmax(0,1fr) 110px; gap:22px; }
}

@media screen and (max-width: 1024px){
  .blog_archive_hero{ margin-top:62px; padding:62px 0 70px; }
  .blog_archive_hero_grid{ grid-template-columns:1fr; }
  .blog_archive_hero_points{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
}

@media screen and (max-width: 900px){
  .blog_archive_head{ grid-template-columns:1fr; gap:14px; }
  .blog_archive_item a{ grid-template-columns:1fr; gap:16px; align-items:start; }
  .blog_archive_item em{ justify-self:start; }
}

@media screen and (max-width: 768px){
  .blog_archive_hero h1{ font-size:42px; line-height:52px; }
  .blog_archive_hero_grid>div>p{ font-size:16px; line-height:28px; margin-top:18px; }
  .blog_archive_hero_points{ grid-template-columns:1fr; }
}

@media screen and (max-width: 480px){
  .blog_archive_hero{ padding:46px 0 54px; }
  .blog_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .blog_archive_hero_grid>div>span,.blog_archive_head span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .blog_archive_hero h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .blog_archive_hero_grid>div>p{ font-size:15px; line-height:26px; }
  .blog_archive_hero_points li{ min-height:0; padding:22px 20px; }
  .blog_archive_hero_points b{ font-size:19px; line-height:27px; }
  .blog_archive_body{ padding:42px 0 58px; }
  .blog_archive_head h2{ font-size:22px; line-height:30px; }
  .blog_archive_head p{ font-size:15px; line-height:25px; }
  .blog_category_tabs{ gap:9px; margin-bottom:22px; }
  .blog_category_tabs a{ min-height:38px; padding:0 14px; font-size:14px; }
  .blog_archive_item a{ min-height:0; padding:22px 18px; }
  .blog_article_copy h3{ font-size:19px; line-height:27px; }
  .blog_article_copy p{ font-size:15px; line-height:25px; }
  .blog_pager a,.blog_pager span.current,.blog_pager span.disabled{ margin:3px; }
}

/* Contact RFQ page */
.contact_page{ background:#fff; color:#17202b; overflow:hidden; }
.contact_page .warper{ max-width:1500px; }
.contact_hero{ position:relative; margin-top:90px; padding:88px 0 94px; background:#0c1724; overflow:hidden; }
.contact_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(0,64,152,.82), rgba(12,23,36,.92) 48%, rgba(12,23,36,.98)); }
.contact_hero:after{ content:""; position:absolute; right:-180px; top:-220px; width:620px; height:620px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 120px rgba(255,255,255,.03); }
.contact_hero .warper{ position:relative; z-index:2; }
.contact_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.contact_breadcrumb a,.contact_breadcrumb i{ color:#fff; }
.contact_breadcrumb i{ margin-right:10px; }
.contact_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.62fr); gap:74px; align-items:end; }
.contact_hero_grid>div>span,.contact_info_panel>span,.contact_form_panel>span,.contact_section_head span,.contact_note_box span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.contact_hero h1{ max-width:920px; color:#fff; font-size:74px; line-height:84px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.contact_hero_grid>div>p{ max-width:820px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.contact_hero_points{ display:grid; gap:16px; }
.contact_hero_points li{ min-height:118px; padding:24px 26px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.contact_hero_points b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:8px; }
.contact_hero_points p{ color:#cbd7e6; font-size:15px; line-height:25px; }
.contact_main{ padding:82px 0 92px; background:#f4f7fb; }
.contact_grid{ display:grid; grid-template-columns:minmax(320px,.42fr) minmax(0,1fr); gap:28px; align-items:stretch; }
.contact_info_panel,.contact_form_panel{ height:100%; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 18px 44px rgba(36,68,105,.08); }
.contact_info_panel{ display:flex; flex-direction:column; padding:38px 34px; }
.contact_info_panel>span,.contact_form_panel>span,.contact_section_head span,.contact_note_box span{ color:#004098; }
.contact_info_panel h2,.contact_form_panel h2,.contact_section_head h2,.contact_note_box h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.contact_info_panel h2,.contact_form_panel h2{ font-size:34px; line-height:44px; margin-bottom:14px; }
.contact_info_panel>p{ color:#5c6878; font-size:16px; line-height:29px; margin-bottom:26px; }
.contact_cards{ display:grid; gap:14px; margin-top:auto; }
.contact_cards li{ position:relative; min-height:92px; padding:20px 20px 18px 72px; border-radius:8px; background:#f8fbff; border:1px solid #e2ebf5; }
.contact_cards i{ position:absolute; left:20px; top:20px; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:8px; background:#004098; color:#fff; font-size:20px; }
.contact_cards b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:18px; line-height:26px; margin-bottom:4px; }
.contact_cards a,.contact_cards span{ display:block; color:#5d697a; font-size:15px; line-height:24px; overflow-wrap:anywhere; }
.contact_cards a:hover{ color:#004098; }
.contact_form_panel{ display:flex; flex-direction:column; padding:38px 40px 42px; }
.contact_form{ flex:1; overflow:visible; }
.contact_form ul{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact_form li{ width:auto !important; float:none !important; margin:0 !important; overflow:visible; }
.contact_form li:nth-of-type(5),.contact_form li:last-child{ grid-column:1/-1; }
.contact_form p{ margin:0; }
.contact_form input,.contact_form textarea{ display:block; width:100%; border-radius:8px; border:1px solid #dce6f1; background:#f8fbff; color:#17202b; font-family:PoppinsLatin-ExtraLight; font-size:16px; line-height:24px; padding:15px 18px; transition:.25s; }
.contact_form input{ height:56px; }
.contact_form textarea{ height:188px; }
.contact_form input:focus,.contact_form textarea:focus{ border-color:#004098; background:#fff; box-shadow:0 0 0 4px rgba(0,64,152,.08); }
.contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder{ color:#7a8797; }
.contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder{ color:#7a8797; }
.contact_form button{ display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:190px; height:52px; line-height:52px; padding:0 32px; border-radius:6px; border:1px solid #004098; background:#004098; color:#fff; cursor:pointer; font-family:PoppinsLatin-Regular; font-size:16px; transition:.3s; }
.contact_form button:hover{ transform:translateY(-3px); background:#0d57c6; border-color:#0d57c6; }
.contact_rfq,.contact_process{ padding:82px 0 92px; background:#fff; }
.contact_process{ background:#f4f7fb; }
.contact_section_head{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:54px; align-items:end; margin-bottom:36px; }
.contact_section_head h2{ font-size:42px; line-height:52px; }
.contact_rfq_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.contact_rfq_grid article{ min-height:226px; padding:30px 28px; border-radius:8px; background:#fff; border:1px solid #e2ebf5; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.contact_rfq_grid article:hover{ transform:translateY(-6px); border-color:#c8d8ea; box-shadow:0 24px 52px rgba(36,68,105,.12); }
.contact_rfq_grid b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:23px; line-height:31px; margin-bottom:14px; }
.contact_rfq_grid b:before{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#004098; margin-bottom:18px; }
.contact_rfq_grid p{ color:#5d697a; font-size:15px; line-height:26px; }
.contact_process_list{ counter-reset:contactStep; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.contact_process_list li{ counter-increment:contactStep; position:relative; min-height:230px; padding:34px 28px 30px; border-radius:8px; background:#0c1724; overflow:hidden; }
.contact_process_list li:before{ content:counter(contactStep, decimal-leading-zero); display:block; color:rgba(114,168,255,.28); font-size:54px; line-height:54px; font-family:PoppinsLatin-Bold; margin-bottom:28px; }
.contact_process_list li:after{ content:""; position:absolute; left:28px; right:28px; top:114px; height:3px; border-radius:3px; background:#004098; }
.contact_process_list b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:12px; }
.contact_process_list span{ display:block; color:#c4cfdb; font-size:15px; line-height:25px; }
.contact_note{ padding:0 0 92px; background:#f4f7fb; }
.contact_note_box{ display:grid; grid-template-columns:minmax(260px,.38fr) minmax(0,1fr); gap:44px; align-items:center; padding:42px 46px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 18px 44px rgba(36,68,105,.08); }
.contact_note_box h2{ font-size:38px; line-height:48px; }
.contact_note_box p{ color:#5c6878; font-size:17px; line-height:31px; }

@media screen and (max-width: 1366px){
  .contact_hero h1{ font-size:60px; line-height:70px; }
  .contact_hero_grid{ gap:48px; }
  .contact_section_head h2{ font-size:34px; line-height:44px; }
  .contact_rfq_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .contact_process_list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 1024px){
  .contact_page .warper{ width:92%; }
  .contact_hero{ margin-top:62px; padding:62px 0 70px; }
  .contact_hero_grid,.contact_grid,.contact_section_head,.contact_note_box{ grid-template-columns:1fr; }
  .contact_hero_points{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .contact_info_panel{ position:static; }
  .contact_main,.contact_rfq,.contact_process{ padding:58px 0 66px; }
  .contact_note{ padding-bottom:66px; }
}

@media screen and (max-width: 768px){
  .contact_hero h1{ font-size:42px; line-height:52px; }
  .contact_hero_grid>div>p{ font-size:16px; line-height:28px; margin-top:18px; }
  .contact_hero_points,.contact_rfq_grid,.contact_process_list{ grid-template-columns:1fr; }
  .contact_info_panel,.contact_form_panel{ padding:30px 24px; }
  .contact_form ul{ grid-template-columns:1fr; }
  .contact_info_panel h2,.contact_form_panel h2{ font-size:28px; line-height:36px; }
  .contact_section_head{ gap:12px; margin-bottom:24px; }
  .contact_section_head h2,.contact_note_box h2{ font-size:28px; line-height:36px; }
  .contact_note_box{ padding:30px 24px; gap:14px; }
}

@media screen and (max-width: 480px){
  .contact_page .warper{ width:calc(100% - 40px); }
  .contact_hero{ padding:46px 0 54px; }
  .contact_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .contact_hero_grid>div>span,.contact_info_panel>span,.contact_form_panel>span,.contact_section_head span,.contact_note_box span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .contact_hero h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .contact_hero_grid>div>p,.contact_note_box p{ font-size:15px; line-height:26px; }
  .contact_hero_points li,.contact_rfq_grid article,.contact_process_list li{ min-height:0; padding:24px 20px; }
  .contact_hero_points b,.contact_rfq_grid b,.contact_process_list b{ font-size:19px; line-height:27px; }
  .contact_main,.contact_rfq,.contact_process{ padding:42px 0 48px; }
  .contact_note{ padding-bottom:48px; }
  .contact_info_panel,.contact_form_panel,.contact_note_box{ padding:24px 20px; }
  .contact_info_panel h2,.contact_form_panel h2,.contact_section_head h2,.contact_note_box h2{ font-size:22px; line-height:30px; }
  .contact_info_panel>p,.contact_cards a,.contact_cards span,.contact_rfq_grid p,.contact_process_list span{ font-size:15px; line-height:25px; }
  .contact_cards li{ padding:18px 16px 18px 66px; }
  .contact_cards i{ left:16px; top:18px; }
  .contact_form input{ height:50px; }
  .contact_form textarea{ height:150px; }
  .contact_form input,.contact_form textarea{ font-size:15px; padding:13px 15px; }
  .contact_form button{ width:100%; min-width:0; height:50px; }
  .contact_process_list li:after{ left:20px; right:20px; top:100px; }
}

/* Sample gallery page */
.sample_gallery_page{ background:#fff; color:#17202b; overflow:hidden; }
.sample_gallery_page .warper{ max-width:1500px; }
.sample_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.sample_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(115deg, rgba(0,64,152,.78), rgba(12,23,36,.92) 52%, rgba(12,23,36,.98)); }
.sample_hero:after{ content:""; position:absolute; right:-120px; bottom:-180px; width:560px; height:560px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 105px rgba(255,255,255,.03); }
.sample_hero .warper{ position:relative; z-index:2; }
.sample_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.sample_breadcrumb a,.sample_breadcrumb i{ color:#fff; }
.sample_breadcrumb i{ margin-right:10px; }
.sample_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.62fr); gap:70px; align-items:end; }
.sample_hero_grid>div>span,.sample_head span,.sample_note span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.sample_hero h1{ max-width:940px; color:#fff; font-size:72px; line-height:82px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.sample_hero_grid>div>p{ max-width:820px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.sample_hero_points{ display:grid; gap:16px; }
.sample_hero_points li{ min-height:116px; padding:24px 26px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.sample_hero_points b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:8px; }
.sample_hero_points p{ color:#cbd7e6; font-size:15px; line-height:25px; }
.sample_body{ padding:78px 0 96px; background:#f4f7fb; }
.sample_head{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; align-items:end; margin-bottom:28px; }
.sample_head span,.sample_note span{ color:#004098; }
.sample_head h2,.sample_note h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.sample_head h2{ font-size:42px; line-height:52px; }
.sample_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.sample_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sample_card{ scroll-margin-top:120px; }
.sample_card a{ display:flex; flex-direction:column; height:100%; min-height:100%; border-radius:10px; overflow:hidden; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.sample_card a:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.sample_media{ display:flex; align-items:center; justify-content:center; height:220px; padding:18px; background:#eef4fb; border-bottom:1px solid #e3ebf4; overflow:hidden; }
.sample_media img{ width:100%; height:100%; object-fit:contain; display:block; transition:.35s; }
.sample_card a:hover .sample_media img{ transform:scale(1.05); }
.sample_copy{ display:flex; flex-direction:column; flex:1; padding:24px 24px 26px; }
.sample_tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.sample_tags span{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; }
.sample_copy h3{ color:#17202b; font-size:22px; line-height:30px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:16px; }
.sample_copy dl{ display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px 14px; padding:16px 0; border-top:1px solid #e8eef5; border-bottom:1px solid #e8eef5; }
.sample_copy dt{ color:#7a8797; font-size:14px; line-height:22px; }
.sample_copy dd{ color:#243246; font-size:14px; line-height:22px; overflow-wrap:anywhere; }
.sample_copy p{ color:#5d697a; font-size:15px; line-height:26px; margin-top:16px; }
.sample_copy em{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:40px; margin-top:auto; padding:0 18px; border-radius:40px; background:#f1f6fc; color:#004098; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; font-style:normal; transition:.3s; }
.sample_card a:hover .sample_copy em{ color:#fff; background:#004098; }
.sample_note{ display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:42px; padding:34px 38px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.sample_note h2{ font-size:32px; line-height:42px; }
.sample_note a{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:48px; padding:0 30px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; }
.sample_note a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.sample_pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:38px; }
.sample_pagination a,.sample_pagination span{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:40px; padding:0 15px; border-radius:5px; border:1px solid #d8e4f1; background:#fff; color:#233044; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.sample_pagination a:hover,.sample_pagination span.current{ color:#fff; background:#004098; border-color:#004098; }
.sample_pagination span.disabled{ color:#9aa6b5; background:#f3f6fa; cursor:default; }

/* Sample detail template */
.sample_detail_page{ background:#fff; color:#17202b; overflow:hidden; }
.sample_detail_page .warper{ max-width:1500px; }
.sample_detail_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.sample_detail_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(115deg, rgba(0,64,152,.78), rgba(12,23,36,.92) 52%, rgba(12,23,36,.98)); }
.sample_detail_hero:after{ content:""; position:absolute; right:-120px; bottom:-180px; width:560px; height:560px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 105px rgba(255,255,255,.03); }
.sample_detail_hero .warper{ position:relative; z-index:2; }
.sample_detail_intro span,.sample_detail_article article>span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.sample_detail_intro h1{ max-width:1000px; color:#fff; font-size:72px; line-height:82px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.sample_detail_intro p{ max-width:850px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:22px; }
.sample_detail_main{ padding:76px 0 86px; background:#f4f7fb; }
.sample_detail_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.42fr); gap:30px; align-items:start; }
.sample_detail_media{ min-height:560px; padding:34px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 18px 44px rgba(36,68,105,.08); display:flex; align-items:center; justify-content:center; }
.sample_detail_media img{ max-width:100%; max-height:490px; object-fit:contain; display:block; }
.sample_detail_panel{ padding:34px 32px 36px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 18px 44px rgba(36,68,105,.08); }
.sample_detail_panel h2{ color:#17202b; font-size:30px; line-height:40px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:20px; }
.sample_detail_specs{ display:grid; grid-template-columns:120px minmax(0,1fr); gap:0; border-top:1px solid #e8eef5; }
.sample_detail_specs dt,.sample_detail_specs dd{ padding:15px 0; border-bottom:1px solid #e8eef5; font-size:15px; line-height:24px; }
.sample_detail_specs dt{ color:#7a8797; }
.sample_detail_specs dd{ color:#223044; overflow-wrap:anywhere; }
.sample_detail_cta{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:50px; margin-top:26px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; }
.sample_detail_cta:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.sample_detail_content{ padding:76px 0 86px; background:#fff; }
.sample_detail_article{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.38fr); gap:30px; align-items:start; }
.sample_detail_article article,.sample_detail_article aside{ border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); }
.sample_detail_article article{ padding:40px 42px; }
.sample_detail_article article>span{ color:#004098; }
.sample_detail_article h2{ color:#17202b; font-size:38px; line-height:48px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:18px; }
.sample_detail_article p{ color:#5c6878; font-size:16px; line-height:30px; margin-bottom:14px; }
.sample_detail_article p:last-child{ margin-bottom:0; }
.sample_detail_article aside{ padding:32px 30px; }
.sample_detail_article aside h3{ color:#17202b; font-size:26px; line-height:34px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:18px; }
.sample_detail_article li{ padding:18px 0; border-bottom:1px solid #e8eef5; }
.sample_detail_article li:first-child{ padding-top:0; }
.sample_detail_article li:last-child{ border-bottom:none; padding-bottom:0; }
.sample_detail_article li b{ display:block; color:#17202b; font-size:18px; line-height:26px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:6px; }
.sample_detail_article li span{ display:block; color:#5d697a; font-size:15px; line-height:25px; }
.sample_detail_related{ padding:76px 0 92px; background:#f4f7fb; }
.sample_related_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.sample_related_grid a{ display:block; height:100%; padding:18px 18px 22px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.sample_related_grid a:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.sample_related_grid img{ width:100%; height:170px; object-fit:contain; padding:12px; background:#eef4fb; border-radius:8px; display:block; margin-bottom:18px; }
.sample_related_grid b{ display:block; color:#17202b; font-size:20px; line-height:28px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:8px; }
.sample_related_grid span{ display:block; color:#5d697a; font-size:14px; line-height:24px; }
.sample_detail_nav{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:36px; }
.sample_detail_nav a{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 26px; border-radius:6px; border:1px solid #cbd9ea; background:#fff; color:#004098; font-family:PoppinsLatin-Regular; font-size:15px; }
.sample_detail_nav a:nth-child(2),.sample_detail_nav a:hover{ background:#004098; border-color:#004098; color:#fff; }

@media screen and (max-width: 1366px){
  .sample_hero h1{ font-size:58px; line-height:68px; }
  .sample_hero_grid{ gap:48px; }
  .sample_head h2{ font-size:34px; line-height:44px; }
  .sample_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sample_detail_intro h1{ font-size:58px; line-height:68px; }
  .sample_detail_media{ min-height:500px; }
  .sample_related_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 1024px){
  .sample_gallery_page .warper{ width:92%; }
  .sample_hero{ margin-top:62px; padding:62px 0 70px; }
  .sample_hero_grid,.sample_head{ grid-template-columns:1fr; }
  .sample_hero_points{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .sample_body{ padding:58px 0 66px; }
  .sample_detail_page .warper{ width:92%; }
  .sample_detail_hero{ margin-top:62px; padding:62px 0 70px; }
  .sample_detail_grid,.sample_detail_article{ grid-template-columns:1fr; }
  .sample_detail_media{ min-height:380px; }
  .sample_detail_media img{ max-height:330px; }
  .sample_detail_main,.sample_detail_content,.sample_detail_related{ padding:58px 0 66px; }
}

@media screen and (max-width: 768px){
  .sample_hero h1{ font-size:42px; line-height:52px; }
  .sample_hero_grid>div>p{ font-size:16px; line-height:28px; margin-top:18px; }
  .sample_hero_points,.sample_grid{ grid-template-columns:1fr; }
  .sample_head{ gap:12px; margin-bottom:22px; }
  .sample_head h2,.sample_note h2{ font-size:28px; line-height:36px; }
  .sample_note{ display:block; padding:28px 24px; }
  .sample_note a{ margin-top:18px; }
  .sample_detail_intro h1{ font-size:42px; line-height:52px; }
  .sample_detail_intro p{ font-size:16px; line-height:28px; margin-top:18px; }
  .sample_detail_article h2{ font-size:28px; line-height:36px; }
  .sample_related_grid{ grid-template-columns:1fr; }
}

@media screen and (max-width: 480px){
  .sample_gallery_page .warper{ width:calc(100% - 40px); }
  .sample_hero{ padding:46px 0 54px; }
  .sample_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .sample_hero_grid>div>span,.sample_head span,.sample_note span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .sample_hero h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .sample_hero_grid>div>p,.sample_head p{ font-size:15px; line-height:26px; }
  .sample_hero_points li{ min-height:0; padding:22px 20px; }
  .sample_hero_points b,.sample_copy h3{ font-size:19px; line-height:27px; }
  .sample_body{ padding:42px 0 48px; }
  .sample_head h2,.sample_note h2{ font-size:22px; line-height:30px; }
  .sample_grid{ gap:18px; }
  .sample_media{ height:200px; padding:14px; }
  .sample_copy{ padding:20px 18px 22px; }
  .sample_copy dl{ grid-template-columns:74px minmax(0,1fr); gap:7px 10px; }
  .sample_copy p{ font-size:15px; line-height:25px; }
  .sample_note{ margin-top:28px; padding:24px 20px; }
  .sample_note a{ width:100%; min-height:46px; }
  .sample_pagination{ margin-top:26px; gap:6px; }
  .sample_pagination a,.sample_pagination span{ min-width:38px; height:38px; padding:0 12px; font-size:14px; }
  .sample_detail_page .warper{ width:calc(100% - 40px); }
  .sample_detail_hero{ padding:46px 0 54px; }
  .sample_detail_intro span,.sample_detail_article article>span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .sample_detail_intro h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .sample_detail_intro p{ font-size:15px; line-height:26px; }
  .sample_detail_main,.sample_detail_content,.sample_detail_related{ padding:42px 0 48px; }
  .sample_detail_media{ min-height:260px; padding:18px; }
  .sample_detail_media img{ max-height:220px; }
  .sample_detail_panel,.sample_detail_article article,.sample_detail_article aside{ padding:24px 20px; }
  .sample_detail_panel h2,.sample_detail_article h2{ font-size:22px; line-height:30px; }
  .sample_detail_specs{ grid-template-columns:92px minmax(0,1fr); }
  .sample_detail_specs dt,.sample_detail_specs dd{ font-size:14px; line-height:22px; padding:12px 0; }
  .sample_detail_article p,.sample_detail_article li span{ font-size:15px; line-height:25px; }
  .sample_related_grid img{ height:150px; }
  .sample_detail_nav a{ width:100%; }
}

/* Nickel alloy grade archive */
.grade_archive_page{ background:#fff; color:#17202b; overflow:hidden; }
.grade_archive_page .warper{ max-width:1500px; }
.grade_hero{ position:relative; margin-top:90px; padding:88px 0 94px; background:#0c1724; overflow:hidden; }
.grade_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(118deg, rgba(0,64,152,.78), rgba(12,23,36,.92) 50%, rgba(12,23,36,.98)); }
.grade_hero:after{ content:""; position:absolute; right:-150px; top:-190px; width:600px; height:600px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 110px rgba(255,255,255,.03); }
.grade_hero .warper{ position:relative; z-index:2; }
.grade_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.grade_breadcrumb a,.grade_breadcrumb i{ color:#fff; }
.grade_breadcrumb i{ margin-right:10px; }
.grade_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.62fr); gap:72px; align-items:end; }
.grade_hero_grid>div>span,.grade_head span,.grade_note span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.grade_hero h1{ max-width:940px; color:#fff; font-size:72px; line-height:82px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.grade_hero_grid>div>p{ max-width:840px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.grade_hero_points{ display:grid; gap:16px; }
.grade_hero_points li{ min-height:122px; padding:24px 26px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.grade_hero_points b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:8px; }
.grade_hero_points p{ color:#cbd7e6; font-size:15px; line-height:25px; }
.grade_body{ padding:78px 0 96px; background:#f4f7fb; }
.grade_head{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; align-items:end; margin-bottom:34px; }
.grade_head span,.grade_note span{ color:#004098; }
.grade_head h2,.grade_note h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.grade_head h2{ font-size:42px; line-height:52px; }
.grade_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.grade_layout{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:28px; align-items:start; }
.grade_family_panel{ position:sticky; top:118px; padding:28px 24px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.grade_family_panel h3{ color:#17202b; font-size:26px; line-height:34px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:18px; }
.grade_family_links{ display:grid; gap:9px; }
.grade_family_links a{ display:flex; align-items:center; min-height:44px; padding:0 16px; border-radius:6px; color:#233044; background:#f7faff; border:1px solid #e1eaf3; font-size:15px; line-height:22px; font-family:PoppinsLatin-Regular; }
.grade_family_links a:hover,.grade_family_links a.on{ color:#fff; background:#004098; border-color:#004098; }
.grade_family_note{ margin-top:24px; padding-top:22px; border-top:1px solid #e8eef5; }
.grade_family_note b{ display:block; color:#17202b; font-size:18px; line-height:26px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:8px; }
.grade_family_note p{ color:#5d697a; font-size:14px; line-height:24px; }
.grade_list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.grade_card{ scroll-margin-top:120px; }
.grade_card a{ display:grid; grid-template-columns:170px minmax(0,1fr); gap:20px; align-items:center; min-height:0; padding:18px; overflow:hidden; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.grade_card a:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.grade_thumb{ display:flex; align-items:center; justify-content:center; width:170px; height:128px; min-height:0; border-radius:8px; background:#eef4fb; overflow:hidden; }
.grade_thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:.35s; }
.grade_card a:hover .grade_thumb img{ transform:scale(1.05); }
.grade_card_copy{ min-width:0; display:flex; flex-direction:column; padding:0; }
.grade_card_copy span{ display:inline-flex; align-items:center; align-self:flex-start; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.grade_card_copy h3{ color:#17202b; font-size:24px; line-height:32px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:10px; }
.grade_card_copy p{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; color:#5d697a; font-size:15px; line-height:26px; margin-bottom:18px; }
.grade_card_copy strong{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:40px; margin-top:auto; padding:0 18px; border-radius:40px; background:#f1f6fc; color:#004098; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; font-weight:normal; transition:.3s; }
.grade_card a:hover strong{ color:#fff; background:#004098; }
.grade_pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:38px; }
.grade_pagination a,.grade_pagination span{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:40px; padding:0 15px; border-radius:5px; border:1px solid #d8e4f1; background:#fff; color:#233044; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.grade_pagination a:hover,.grade_pagination a.current,.grade_pagination span.current{ color:#fff; background:#004098; border-color:#004098; }
.grade_pagination span.disabled{ color:#9aa6b5; background:#f3f6fa; cursor:default; }
.grade_note{ display:grid; grid-template-columns:minmax(260px,.36fr) minmax(0,1fr) auto; gap:28px; align-items:center; margin-top:42px; padding:34px 38px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.grade_note h2{ font-size:32px; line-height:42px; }
.grade_note p{ color:#5c6878; font-size:16px; line-height:29px; }
.grade_note a{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 30px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; white-space:nowrap; }
.grade_note a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }

@media screen and (max-width: 1366px){
  .grade_hero h1{ font-size:58px; line-height:68px; }
  .grade_hero_grid{ gap:48px; }
  .grade_head h2{ font-size:34px; line-height:44px; }
  .grade_layout{ grid-template-columns:260px minmax(0,1fr); }
  .grade_list{ grid-template-columns:1fr; }
  .grade_note{ grid-template-columns:1fr; }
  .grade_note a{ justify-self:start; }
}

@media screen and (max-width: 1024px){
  .grade_archive_page .warper{ width:92%; }
  .grade_hero{ margin-top:62px; padding:62px 0 70px; }
  .grade_hero_grid,.grade_head,.grade_layout{ grid-template-columns:1fr; }
  .grade_hero_points{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .grade_body{ padding:58px 0 66px; }
  .grade_family_panel{ position:static; }
  .grade_family_links{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media screen and (max-width: 768px){
  .grade_hero h1{ font-size:42px; line-height:52px; }
  .grade_hero_grid>div>p{ font-size:16px; line-height:28px; margin-top:18px; }
  .grade_hero_points,.grade_family_links{ grid-template-columns:1fr; }
  .grade_head{ gap:12px; margin-bottom:22px; }
  .grade_head h2,.grade_note h2{ font-size:28px; line-height:36px; }
  .grade_note{ padding:28px 24px; }
  .grade_note a{ margin-top:0; }
}

@media screen and (max-width: 480px){
  .grade_archive_page .warper{ width:calc(100% - 40px); }
  .grade_hero{ padding:46px 0 54px; }
  .grade_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .grade_hero_grid>div>span,.grade_head span,.grade_note span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .grade_hero h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .grade_hero_grid>div>p,.grade_head p,.grade_note p{ font-size:15px; line-height:26px; }
  .grade_hero_points li{ min-height:0; padding:22px 20px; }
  .grade_hero_points b,.grade_card_copy h3{ font-size:19px; line-height:27px; }
  .grade_body{ padding:42px 0 48px; }
  .grade_head h2,.grade_note h2{ font-size:22px; line-height:30px; }
  .grade_family_panel{ padding:22px 18px; }
  .grade_card a{ grid-template-columns:1fr; padding:16px; gap:16px; }
  .grade_thumb{ width:100%; height:170px; min-height:0; }
  .grade_card_copy{ padding:0; }
  .grade_card_copy p{ font-size:15px; line-height:25px; }
  .grade_pagination{ margin-top:26px; gap:6px; }
  .grade_pagination a,.grade_pagination span{ min-width:38px; height:38px; padding:0 12px; font-size:14px; }
  .grade_note{ margin-top:28px; padding:24px 20px; }
  .grade_note a{ width:100%; min-height:46px; white-space:normal; text-align:center; }
}

/* Nickel alloy grade detail */
.grade_detail_page{ background:#fff; color:#17202b; overflow:hidden; }
.grade_detail_page .warper{ max-width:1500px; }
.grade_detail_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.grade_detail_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(116deg, rgba(0,64,152,.82), rgba(12,23,36,.94) 52%, rgba(12,23,36,.98)); }
.grade_detail_hero:after{ content:""; position:absolute; right:-170px; top:-210px; width:640px; height:640px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 120px rgba(255,255,255,.03); }
.grade_detail_hero .warper{ position:relative; z-index:2; }
.grade_detail_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.grade_detail_breadcrumb a,.grade_detail_breadcrumb i{ color:#fff; }
.grade_detail_breadcrumb a:hover{ color:#72a8ff; }
.grade_detail_breadcrumb i{ margin-right:10px; }
.grade_detail_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.42fr); gap:64px; align-items:end; }
.grade_detail_intro>span,.grade_detail_head span,.grade_detail_inquiry_box span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.grade_detail_intro h1{ max-width:1040px; color:#fff; font-size:70px; line-height:80px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.grade_detail_intro p{ max-width:900px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.grade_detail_tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.grade_detail_tags a,.grade_detail_tags span{ display:inline-flex; align-items:center; min-height:36px; padding:0 15px; border-radius:40px; color:#d9e7f7; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); font-size:14px; line-height:20px; }
.grade_detail_tags a:hover{ color:#fff; background:#004098; border-color:#004098; }
.grade_detail_actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.grade_detail_actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 28px; border-radius:6px; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.grade_detail_primary{ color:#fff; background:#004098; border:1px solid #004098; }
.grade_detail_primary:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.grade_detail_secondary{ color:#fff; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.08); }
.grade_detail_secondary:hover{ color:#004098; background:#fff; border-color:#fff; transform:translateY(-3px); }
.grade_detail_summary{ padding:30px 28px; border-radius:10px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); box-shadow:0 18px 44px rgba(0,0,0,.18); backdrop-filter:blur(8px); }
.grade_detail_summary h2{ color:#fff; font-size:28px; line-height:38px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:18px; }
.grade_detail_summary dl{ display:grid; grid-template-columns:126px minmax(0,1fr); border-top:1px solid rgba(255,255,255,.14); }
.grade_detail_summary dt,.grade_detail_summary dd{ padding:12px 0; border-bottom:1px solid rgba(255,255,255,.14); font-size:14px; line-height:23px; }
.grade_detail_summary dt{ color:#9fb4cf; }
.grade_detail_summary dd{ color:#fff; overflow-wrap:anywhere; }
.grade_detail_anchor{ position:sticky; top:90px; z-index:20; background:#fff; border-bottom:1px solid #e2ebf5; box-shadow:0 8px 24px rgba(36,68,105,.06); }
.grade_detail_anchor .warper{ display:flex; flex-wrap:wrap; gap:8px; padding:14px 0; }
.grade_detail_anchor a{ display:inline-flex; align-items:center; min-height:38px; padding:0 16px; border-radius:40px; color:#2a3546; background:#f5f8fc; border:1px solid #e1eaf3; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; }
.grade_detail_anchor a:hover{ color:#fff; background:#004098; border-color:#004098; }
.grade_detail_section{ padding:82px 0 92px; background:#fff; scroll-margin-top:86px; }
.grade_detail_data_alt,.grade_detail_quality,.grade_detail_faq{ background:#f4f7fb; }
.grade_detail_head{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:54px; align-items:end; margin-bottom:34px; }
.grade_detail_head span,.grade_detail_inquiry_box span{ color:#004098; }
.grade_detail_head h2,.grade_detail_inquiry_box h2{ color:#17202b; font-size:42px; line-height:52px; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.grade_detail_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.grade_detail_overview_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.52fr); gap:28px; align-items:stretch; }
.grade_detail_text_card{ padding:38px 40px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.grade_detail_text_card h3{ color:#17202b; font-size:30px; line-height:40px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:16px; }
.grade_detail_text_card p{ color:#5c6878; font-size:16px; line-height:30px; margin-bottom:14px; }
.grade_detail_text_card p:last-child{ margin-bottom:0; }
.grade_detail_head h2,.grade_detail_head p,.grade_detail_text_card h3,.grade_detail_text_card p{ overflow-wrap:break-word; word-break:normal; }
.grade_detail_overview_grid>*{ min-width:0; }
.grade_detail_image_card{ min-height:100%; margin:0; padding:18px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 16px 38px rgba(36,68,105,.07); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.grade_detail_image_card img{ width:100%; height:100%; min-height:310px; max-height:420px; object-fit:cover; border-radius:8px; display:block; background:#eef4fb; }
.grade_detail_feature_grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.grade_detail_feature_grid article{ min-height:214px; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.grade_detail_feature_grid article:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); }
.grade_detail_feature_grid i{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:9px; background:#004098; color:#fff; font-family:PoppinsLatin-SemiBold; font-size:15px; line-height:20px; font-style:normal; letter-spacing:0; margin-bottom:18px; }
.grade_detail_feature_grid b{ display:block; color:#17202b; font-size:21px; line-height:29px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:10px; }
.grade_detail_feature_grid p{ color:#5d697a; font-size:15px; line-height:25px; }
.grade_detail_note{ margin-top:24px; padding:18px 22px; border-left:4px solid #004098; border-radius:6px; background:#f4f8fd; color:#526071; font-size:15px; line-height:27px; }
.product_detail_quote_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product_detail_quote_grid article{ min-height:168px; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); }
.product_detail_quote_grid b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:10px; }
.product_detail_quote_grid b:before{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#004098; margin-bottom:18px; }
.product_detail_quote_grid p{ color:#5d697a; font-size:15px; line-height:26px; }
.grade_table_wrap{ width:100%; overflow-x:auto; overflow-y:hidden; border-radius:10px; border:1px solid #dce7f3; background:#fff; box-shadow:0 16px 38px rgba(36,68,105,.06); }
.grade_data_table{ width:100%; min-width:820px; border-collapse:collapse; background:#fff; }
.grade_data_table th{ padding:18px 20px; background:#0c1724; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:15px; line-height:22px; text-align:left; vertical-align:top; }
.grade_data_table td{ padding:17px 20px; border-bottom:1px solid #e8eef5; color:#526071; font-size:15px; line-height:25px; vertical-align:top; }
.grade_data_table tr:last-child td{ border-bottom:none; }
.grade_data_table tr:nth-child(even) td{ background:#f8fbff; }
.grade_data_table td:first-child{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.grade_data_table a{ color:#004098; font-family:PoppinsLatin-Regular; }
.grade_data_table a:hover{ color:#0d57c6; text-decoration:underline; }
.grade_supply_table{ min-width:980px; }
.grade_detail_application_grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.grade_detail_application_grid article{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; align-items:center; padding:18px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.grade_detail_application_grid article:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); }
.grade_detail_application_grid img{ width:100%; height:160px; object-fit:cover; border-radius:8px; display:block; background:#eef4fb; }
.grade_detail_application_grid b{ display:block; color:#17202b; font-size:22px; line-height:30px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:9px; }
.grade_detail_application_grid p{ color:#5d697a; font-size:15px; line-height:26px; }
.grade_detail_quality_grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.grade_detail_quality_grid article{ min-height:230px; }
.grade_detail_related_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
.grade_detail_related_grid article{ display:flex; min-width:0; }
.grade_detail_related_grid a{ display:flex; flex:1 1 auto; flex-direction:column; box-sizing:border-box; height:286px; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; overflow:hidden; }
.grade_detail_related_grid a:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.grade_detail_related_grid span{ display:inline-flex; align-self:flex-start; align-items:center; width:max-content; max-width:100%; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; margin-bottom:18px; }
.grade_detail_related_grid b{ display:block; color:#17202b; font-size:23px; line-height:31px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:12px; }
.grade_detail_related_grid b:after{ content:""; display:block; width:30px; height:3px; border-radius:3px; background:#004098; margin-top:16px; }
.grade_detail_related_grid p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; color:#5d697a; font-size:15px; line-height:26px; margin-top:16px; }
.grade_detail_faq_list{ column-count:2; column-gap:22px; }
.grade_detail_faq_list article{ display:inline-block; width:100%; margin:0 0 16px; vertical-align:top; break-inside:avoid; }
.app_faq_list.faq_columns_ready,.pf_faq_list.faq_columns_ready,.grade_detail_faq_list.faq_columns_ready{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; column-count:auto; }
.faq_column{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.faq_columns_ready .faq_column article{ display:block; width:100%; margin:0; }

@media screen and (max-width:768px){
  .app_faq_list.faq_columns_ready,.pf_faq_list.faq_columns_ready,.grade_detail_faq_list.faq_columns_ready{ grid-template-columns:1fr; }
}
.grade_detail_faq_list article{ background:#fff; border:1px solid #e1e8f1; border-radius:10px; overflow:hidden; box-shadow:0 12px 30px rgba(36,68,105,.05); }
.grade_detail_faq_list button{ position:relative; width:100%; min-height:72px; padding:20px 64px 20px 24px; border:0; background:#fff; color:#17202b; text-align:left; cursor:pointer; font-family:PoppinsLatin-Regular; font-size:17px; line-height:26px; }
.grade_detail_faq_list button:before,.grade_detail_faq_list button:after{ content:""; position:absolute; top:50%; right:26px; width:18px; height:2px; background:#004098; transition:.25s; }
.grade_detail_faq_list button:after{ transform:rotate(90deg); }
.grade_detail_faq_list article.on button:after{ transform:rotate(0deg); opacity:0; }
.grade_detail_faq_list article>div{ display:none; padding:0 24px 24px; }
.grade_detail_faq_list article.on>div{ display:block; }
.grade_detail_faq_list article.on{ border-color:#b9d1ed; box-shadow:0 16px 34px rgba(36,68,105,.10); }
.grade_detail_faq_list article.on button{ background:#f4f8fd; color:#004098; }
.grade_detail_faq_list p{ color:#263445; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:16px; line-height:27px; }
.grade_detail_inquiry{ padding:0 0 92px; background:#f4f7fb; }
.grade_detail_inquiry_box{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; padding:40px 44px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.grade_detail_inquiry_box h2{ font-size:36px; line-height:46px; }
.grade_detail_inquiry_box p{ max-width:900px; color:#5c6878; font-size:16px; line-height:29px; margin-top:12px; }
.grade_detail_inquiry_box a{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 34px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; white-space:nowrap; }
.grade_detail_inquiry_box a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }

@media screen and (max-width: 1366px){
  .grade_detail_intro h1{ font-size:58px; line-height:68px; }
  .grade_detail_hero_grid{ gap:44px; }
  .grade_detail_head h2{ font-size:34px; line-height:44px; }
  .grade_detail_application_grid article{ grid-template-columns:180px minmax(0,1fr); }
  .grade_detail_related_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width: 1024px){
  .grade_detail_page .warper{ width:92%; }
  .grade_detail_hero{ margin-top:62px; padding:62px 0 70px; }
  .grade_detail_hero_grid,.grade_detail_head,.grade_detail_overview_grid,.grade_detail_inquiry_box{ grid-template-columns:1fr; }
  .grade_detail_summary{ max-width:720px; }
  .grade_detail_anchor{ position:sticky; top:62px; }
  .grade_detail_section{ padding:58px 0 66px; scroll-margin-top:20px; }
  .grade_detail_quality_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product_detail_quote_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grade_detail_faq_list{ column-count:1; }
  .grade_detail_inquiry{ padding-bottom:66px; }
  .grade_detail_inquiry_box a{ justify-self:start; }
}

@media screen and (max-width: 768px){
  .grade_detail_intro h1{ font-size:42px; line-height:52px; }
  .grade_detail_intro p{ font-size:16px; line-height:28px; margin-top:18px; }
  .grade_detail_head{ gap:12px; margin-bottom:24px; }
  .grade_detail_head h2,.grade_detail_inquiry_box h2{ font-size:28px; line-height:36px; }
  .grade_detail_overview_grid{ gap:18px; }
  .grade_detail_overview_grid,.grade_detail_text_card{ width:100%; }
  .grade_detail_image_card{ min-height:0; align-items:stretch; }
  .grade_detail_image_card img{ height:260px; min-height:0; max-height:none; object-fit:cover; }
  .grade_detail_feature_grid,.grade_detail_quality_grid,.grade_detail_application_grid,.grade_detail_related_grid{ grid-template-columns:1fr; }
  .product_detail_quote_grid{ grid-template-columns:1fr; }
  .grade_detail_application_grid article{ grid-template-columns:1fr; }
  .grade_detail_application_grid img{ height:220px; }
  .grade_detail_actions a{ width:100%; }
  .grade_detail_anchor .warper{ overflow-x:auto; flex-wrap:nowrap; padding:12px 0; }
  .grade_detail_anchor a{ white-space:nowrap; }
}

@media screen and (max-width: 480px){
  .grade_detail_page .warper{ width:calc(100% - 40px); }
  .grade_detail_hero{ padding:46px 0 54px; }
  .grade_detail_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .grade_detail_intro>span,.grade_detail_head span,.grade_detail_inquiry_box span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .grade_detail_intro h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .grade_detail_intro p,.grade_detail_head p,.grade_detail_inquiry_box p{ font-size:15px; line-height:26px; }
  .grade_detail_tags a,.grade_detail_tags span{ min-height:32px; padding:0 12px; font-size:13px; }
  .grade_detail_summary{ padding:24px 20px; }
  .grade_detail_summary h2{ font-size:22px; line-height:30px; }
  .grade_detail_summary dl{ grid-template-columns:94px minmax(0,1fr); }
  .grade_detail_summary dt,.grade_detail_summary dd{ font-size:13px; line-height:21px; padding:10px 0; }
  .grade_detail_section{ padding:42px 0 48px; }
  .grade_detail_head h2,.grade_detail_inquiry_box h2{ font-size:22px; line-height:30px; }
  .grade_detail_text_card,.grade_detail_feature_grid article,.grade_detail_related_grid a,.grade_detail_inquiry_box{ padding:24px 20px; }
  .product_detail_quote_grid article{ padding:24px 20px; }
  .grade_detail_image_card{ padding:12px; }
  .grade_detail_image_card img{ height:210px; min-height:0; max-height:none; }
  .grade_detail_text_card h3{ font-size:22px; line-height:30px; }
  .grade_detail_text_card p,.grade_data_table td,.grade_detail_feature_grid p,.grade_detail_application_grid p,.grade_detail_related_grid p,.grade_detail_faq_list p,.product_detail_quote_grid p{ font-size:15px; line-height:25px; }
  .grade_detail_feature_grid article,.grade_detail_quality_grid article{ min-height:0; }
  .grade_detail_related_grid a{ height:auto; min-height:0; }
  .grade_table_wrap{ border-radius:8px; }
  .grade_data_table{ min-width:760px; }
  .grade_data_table th,.grade_data_table td{ padding:14px 15px; }
  .grade_detail_application_grid article{ padding:16px; gap:16px; }
  .grade_detail_application_grid img{ height:190px; }
  .grade_detail_application_grid b,.grade_detail_feature_grid b,.grade_detail_related_grid b{ font-size:19px; line-height:27px; }
  .grade_detail_faq_list button{ font-size:16px; line-height:24px; padding:18px 56px 18px 20px; }
  .grade_detail_inquiry{ padding-bottom:48px; }
  .grade_detail_inquiry_box a{ width:100%; min-height:46px; }
}

/* Nickel alloy product catalog */
.product_catalog_page{ background:#fff; color:#17202b; overflow:hidden; }
.product_catalog_page .warper{ max-width:1500px; }
.product_catalog_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.product_catalog_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(116deg, rgba(0,64,152,.78), rgba(12,23,36,.94) 52%, rgba(12,23,36,.98)); }
.product_catalog_hero:after{ content:""; position:absolute; right:-180px; top:-220px; width:640px; height:640px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 120px rgba(255,255,255,.03); }
.product_catalog_hero .warper{ position:relative; z-index:2; }
.product_catalog_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.product_catalog_breadcrumb a,.product_catalog_breadcrumb i{ color:#fff; }
.product_catalog_breadcrumb a:hover{ color:#72a8ff; }
.product_catalog_breadcrumb i{ margin-right:10px; }
.product_catalog_hero_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.46fr); gap:58px; align-items:end; }
.product_catalog_hero_grid>div>span,.product_catalog_head span,.product_catalog_note_box span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.product_catalog_hero h1{ max-width:980px; color:#fff; font-size:72px; line-height:82px; font-family:PoppinsLatin-Bold; font-weight:normal; text-transform:uppercase; }
.product_catalog_hero_grid>div>p{ max-width:850px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.product_catalog_actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.product_catalog_actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 28px; border-radius:6px; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; }
.product_catalog_actions a:first-child{ background:#004098; border:1px solid #004098; color:#fff; }
.product_catalog_actions a:last-child{ color:#fff; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.08); }
.product_catalog_actions a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.product_catalog_hero figure{ margin:0; padding:18px; border-radius:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); box-shadow:0 22px 58px rgba(0,0,0,.18); }
.product_catalog_hero img{ display:block; width:100%; min-height:390px; max-height:460px; object-fit:cover; border-radius:9px; }
.product_catalog_intro,.product_catalog_body,.product_catalog_table_section,.product_catalog_support,.product_category_nav_section,.product_category_block{ padding:82px 0 92px; }
.product_catalog_intro,.product_catalog_table_section,.product_category_nav_section,.product_category_light{ background:#f4f7fb; }
.product_catalog_body{ background:#fff; }
.product_catalog_head{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:54px; align-items:end; margin-bottom:34px; }
.product_catalog_head span,.product_catalog_note_box span{ color:#004098; }
.product_catalog_head h2,.product_catalog_note_box h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:42px; line-height:52px; }
.product_catalog_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.product_catalog_intro_box{ padding:36px 40px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.product_catalog_intro_box p{ color:#5c6878; font-size:16px; line-height:30px; }
.product_catalog_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.product_catalog_grid article a{ display:flex; flex-direction:column; min-height:100%; border-radius:10px; overflow:hidden; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.product_catalog_grid article a:hover{ transform:translateY(-7px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.product_catalog_media{ height:210px; background:#eef4fb; overflow:hidden; }
.product_catalog_media img{ width:100%; height:100%; object-fit:cover; display:block; transition:.35s; }
.product_catalog_grid article a:hover img{ transform:scale(1.05); }
.product_catalog_copy{ display:flex; flex-direction:column; flex:1; padding:24px 22px 26px; }
.product_catalog_copy span{ display:inline-flex; align-items:center; align-self:flex-start; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.product_catalog_copy h3{ color:#17202b; font-size:22px; line-height:30px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:10px; }
.product_catalog_copy p{ color:#5d697a; font-size:15px; line-height:25px; margin-bottom:18px; }
.product_catalog_copy strong{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:40px; margin-top:auto; padding:0 18px; border-radius:40px; background:#f1f6fc; color:#004098; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; font-weight:normal; transition:.3s; }
.product_catalog_grid article a:hover strong{ color:#fff; background:#004098; }
.product_category_nav{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; }
.product_category_nav a{ display:flex; align-items:center; justify-content:center; min-height:54px; padding:0 14px; border-radius:8px; background:#fff; border:1px solid #dce7f3; color:#17202b; font-family:PoppinsLatin-Regular; font-size:15px; line-height:21px; text-align:center; box-shadow:0 10px 26px rgba(36,68,105,.05); }
.product_category_nav a:hover{ color:#fff; background:#004098; border-color:#004098; transform:translateY(-3px); }
.product_category_block{ background:#fff; scroll-margin-top:110px; }
.product_category_head{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:end; margin-bottom:32px; }
.product_category_head span{ display:block; color:#004098; font-size:18px; line-height:25px; font-family:PoppinsLatin-Regular; margin-bottom:12px; }
.product_category_head h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:40px; line-height:50px; }
.product_category_head p{ max-width:760px; color:#5c6878; font-size:16px; line-height:29px; margin-top:12px; }
.product_category_head>a{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; white-space:nowrap; }
.product_category_head>a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }
.product_landing_grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product_landing_grid article a{ display:flex; flex-direction:column; min-height:100%; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e1eaf3; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.product_landing_grid article a:hover{ color:#222; transform:translateY(-7px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); }
.product_landing_grid span{ display:inline-flex; align-items:center; align-self:flex-start; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.product_landing_grid h3{ color:#17202b; font-size:24px; line-height:32px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:12px; }
.product_landing_grid p{ color:#5d697a; font-size:15px; line-height:26px; margin-bottom:18px; }
.product_landing_grid div{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.product_landing_grid em{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:28px; background:#f4f7fb; color:#5b6878; font-style:normal; font-size:13px; line-height:19px; }
.product_landing_grid strong{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:40px; margin-top:auto; padding:0 18px; border-radius:40px; background:#f1f6fc; color:#004098; font-size:14px; line-height:20px; font-family:PoppinsLatin-Regular; font-weight:normal; transition:.3s; }
.product_landing_grid article a:hover strong{ color:#fff; background:#004098; }
.pf_grade_form_grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pf_grade_form_grid article a{ min-height:0; padding:24px 22px; }
.pf_grade_form_grid h3{ font-size:22px; line-height:30px; }
.pf_grade_form_grid p{ min-height:0; margin-bottom:16px; }
.pf_grade_form_grid strong{ margin-top:0; }
.pf_capability_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pf_capability_grid li{ position:relative; min-height:210px; padding:30px 26px 26px; border:1px solid #dce7f3; border-top:3px solid #004098; border-radius:8px; background:#fff; box-shadow:0 12px 30px rgba(36,68,105,.06); }
.pf_capability_grid b{ display:block; color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:21px; line-height:29px; margin-bottom:14px; }
.pf_capability_grid span{ display:block; color:#263445; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:15px; line-height:26px; }

@media screen and (max-width:1024px){
  .pf_capability_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width:600px){
  .pf_capability_grid{ grid-template-columns:1fr; }
  .pf_capability_grid li{ min-height:0; padding:24px 20px; }
  .pf_capability_grid b{ font-size:19px; line-height:27px; }
}
.product_catalog_table_wrap{ width:100%; max-width:100%; overflow-x:auto; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.06); -webkit-overflow-scrolling:touch; }
.product_catalog_table_wrap table{ width:100%; min-width:900px; border-collapse:collapse; background:#fff; }
.product_catalog_table_wrap th{ padding:20px 24px; background:#0c1724; color:#fff; text-align:left; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:15px; line-height:23px; }
.product_catalog_table_wrap td{ padding:19px 24px; border-bottom:1px solid #e5ebf2; color:#526074; font-size:15px; line-height:26px; vertical-align:top; }
.product_catalog_table_wrap td:first-child{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.product_catalog_table_wrap tr:nth-child(even) td{ background:#f8fbff; }
.product_catalog_table_wrap tr:last-child td{ border-bottom:none; }
.product_catalog_support{ background:#0c1724; }
.product_catalog_head_light span{ color:#72a8ff; }
.product_catalog_head_light h2{ color:#fff; }
.product_catalog_head_light p{ color:#c9d4e2; }
.product_catalog_support_grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.product_catalog_support_grid article{ min-height:230px; padding:30px 28px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); transition:.3s; }
.product_catalog_support_grid article:hover{ transform:translateY(-7px); background:rgba(0,64,152,.32); border-color:rgba(114,168,255,.48); }
.product_catalog_support_grid b{ display:block; color:#fff; font-family:PoppinsLatin-SemiBold; font-weight:normal; font-size:22px; line-height:30px; margin-bottom:12px; }
.product_catalog_support_grid b:before{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#72a8ff; margin-bottom:18px; }
.product_catalog_support_grid p{ color:#c9d4e2; font-size:15px; line-height:26px; }
.product_catalog_note{ padding:0 0 92px; background:#f4f7fb; }
.product_catalog_note_box{ display:grid; grid-template-columns:minmax(260px,.34fr) minmax(0,1fr) auto; gap:28px; align-items:center; padding:36px 40px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.product_catalog_note_box h2{ font-size:32px; line-height:42px; }
.product_catalog_note_box p{ color:#5c6878; font-size:16px; line-height:29px; }
.product_catalog_note_box a{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 30px; border-radius:6px; background:#004098; border:1px solid #004098; color:#fff; font-family:PoppinsLatin-Regular; font-size:15px; white-space:nowrap; }
.product_catalog_note_box a:hover{ color:#fff; background:#0d57c6; border-color:#0d57c6; transform:translateY(-3px); }

@media screen and (max-width: 1366px){
  .product_catalog_hero h1{ font-size:58px; line-height:68px; }
  .product_catalog_hero_grid{ gap:42px; }
  .product_catalog_grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product_category_nav{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .product_catalog_head h2{ font-size:34px; line-height:44px; }
  .product_catalog_support_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product_catalog_note_box{ grid-template-columns:1fr; }
  .product_catalog_note_box a{ justify-self:start; }
}

@media screen and (max-width: 1024px){
  .product_catalog_page .warper{ width:92%; }
  .product_catalog_hero{ margin-top:62px; padding:62px 0 70px; }
  .product_catalog_hero_grid,.product_catalog_head{ grid-template-columns:1fr; }
  .product_category_head{ grid-template-columns:1fr; align-items:start; }
  .product_category_head>a{ justify-self:start; }
  .product_catalog_hero figure{ max-width:720px; }
  .product_catalog_hero img{ min-height:320px; }
  .product_catalog_intro,.product_catalog_body,.product_catalog_table_section,.product_catalog_support,.product_category_nav_section,.product_category_block{ padding:58px 0 66px; }
  .product_catalog_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product_landing_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pf_grade_form_grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product_category_nav{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product_catalog_note{ padding-bottom:66px; }
}

@media screen and (max-width: 768px){
  .product_catalog_hero h1{ font-size:42px; line-height:52px; }
  .product_catalog_hero_grid>div>p{ font-size:16px; line-height:28px; margin-top:18px; }
  .product_catalog_head{ gap:12px; margin-bottom:24px; }
  .product_catalog_head h2,.product_catalog_note_box h2{ font-size:28px; line-height:36px; }
  .product_catalog_grid,.product_catalog_support_grid{ grid-template-columns:1fr; }
  .product_landing_grid{ grid-template-columns:1fr; }
  .pf_grade_form_grid{ grid-template-columns:1fr; }
  .product_category_nav{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product_catalog_actions a{ width:100%; }
}

@media screen and (max-width: 480px){
  .product_catalog_page .warper{ width:calc(100% - 40px); }
  .product_catalog_hero{ padding:46px 0 54px; }
  .product_catalog_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .product_catalog_hero_grid>div>span,.product_catalog_head span,.product_catalog_note_box span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .product_catalog_hero h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .product_catalog_hero_grid>div>p,.product_catalog_head p,.product_catalog_note_box p{ font-size:15px; line-height:26px; }
  .product_catalog_hero figure{ padding:14px; }
  .product_catalog_hero img{ min-height:230px; max-height:260px; }
  .product_catalog_intro,.product_catalog_body,.product_catalog_table_section,.product_catalog_support,.product_category_nav_section,.product_category_block{ padding:42px 0 48px; }
  .product_catalog_head h2,.product_catalog_note_box h2,.product_category_head h2{ font-size:22px; line-height:30px; }
  .product_catalog_intro_box,.product_catalog_support_grid article,.product_catalog_note_box{ padding:24px 20px; }
  .product_landing_grid article a{ padding:24px 20px; }
  .pf_grade_form_grid article a{ min-height:0; }
  .pf_grade_form_grid p{ min-height:0; }
  .product_catalog_intro_box p,.product_catalog_copy p,.product_catalog_support_grid p,.product_landing_grid p,.product_category_head p{ font-size:15px; line-height:25px; }
  .product_catalog_media{ height:190px; }
  .product_catalog_copy{ padding:20px 18px 22px; }
  .product_catalog_copy h3,.product_catalog_support_grid b,.product_landing_grid h3{ font-size:19px; line-height:27px; }
  .product_catalog_table_wrap th,.product_catalog_table_wrap td{ padding:15px 16px; }
  .product_catalog_table_wrap table{ min-width:760px; }
  .product_catalog_note{ padding-bottom:48px; }
.product_catalog_note_box a{ width:100%; min-height:46px; }
}

/* 404 page */
.error_404_page{ background:#fff; color:#17202b; overflow:hidden; }
.error_404_page .warper{ max-width:1500px; }
.error_404_hero{ position:relative; margin-top:90px; padding:86px 0 92px; background:#0c1724; overflow:hidden; }
.error_404_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(116deg, rgba(0,64,152,.82), rgba(12,23,36,.92) 52%, rgba(12,23,36,.98)); }
.error_404_hero:after{ content:""; position:absolute; right:-170px; top:-210px; width:640px; height:640px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 120px rgba(255,255,255,.03); }
.error_404_hero .warper{ position:relative; z-index:2; }
.error_404_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.error_404_breadcrumb a,.error_404_breadcrumb i{ color:#fff; }
.error_404_breadcrumb i{ margin-right:10px; }
.error_404_grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.45fr); gap:58px; align-items:center; }
.error_404_copy>span,.error_404_head span,.error_404_search_box span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; font-family:PoppinsLatin-Regular; margin-bottom:14px; }
.error_404_copy strong{ display:block; color:rgba(255,255,255,.11); font-family:PoppinsLatin-Bold; font-size:156px; line-height:128px; letter-spacing:0; margin-bottom:-6px; }
.error_404_copy h1{ max-width:980px; color:#fff; font-family:PoppinsLatin-Bold; font-weight:normal; font-size:64px; line-height:74px; text-transform:uppercase; }
.error_404_copy p{ max-width:850px; color:#d6dfeb; font-size:18px; line-height:32px; margin-top:24px; }
.error_404_actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.error_404_actions a{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 28px; border-radius:6px; font-family:PoppinsLatin-Regular; font-size:15px; line-height:22px; text-align:center; }
.error_404_actions a:first-child{ color:#fff; background:#004098; border:1px solid #004098; }
.error_404_actions a:nth-child(2){ color:#fff; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.08); }
.error_404_actions a:hover{ color:#004098; background:#fff; border-color:#fff; transform:translateY(-3px); }
.error_404_media{ margin:0; padding:18px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); box-shadow:0 18px 44px rgba(0,0,0,.18); backdrop-filter:blur(8px); }
.error_404_media img{ width:100%; height:360px; object-fit:cover; border-radius:8px; display:block; background:#eef4fb; }
.error_404_paths{ padding:76px 0 86px; background:#f4f7fb; }
.error_404_head{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:54px; align-items:end; margin-bottom:30px; }
.error_404_head span,.error_404_search_box span{ color:#004098; }
.error_404_head h2,.error_404_search_box h2{ color:#17202b; font-family:PoppinsLatin-SemiBold; font-weight:normal; }
.error_404_head h2{ font-size:42px; line-height:52px; }
.error_404_head p{ color:#5c6878; font-size:16px; line-height:29px; }
.error_404_cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.error_404_cards a{ display:block; height:100%; min-height:238px; padding:28px 26px; border-radius:10px; background:#fff; border:1px solid #e3ebf4; box-shadow:0 14px 34px rgba(36,68,105,.06); transition:.3s; }
.error_404_cards a:hover{ transform:translateY(-6px); border-color:#c7d8eb; box-shadow:0 24px 52px rgba(36,68,105,.12); color:#222; }
.error_404_cards span{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:4px; color:#004098; background:#eef5fd; font-size:13px; line-height:19px; font-family:PoppinsLatin-Regular; margin-bottom:18px; }
.error_404_cards b{ display:block; color:#17202b; font-size:23px; line-height:31px; font-family:PoppinsLatin-SemiBold; font-weight:normal; margin-bottom:12px; }
.error_404_cards b:after{ content:""; display:block; width:42px; height:3px; border-radius:3px; background:#004098; margin-top:16px; }
.error_404_cards p{ color:#5d697a; font-size:15px; line-height:26px; margin-top:16px; }
.error_404_search{ padding:0 0 92px; background:#f4f7fb; }
.error_404_search_box{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.45fr); gap:30px; align-items:center; padding:40px 44px; border-radius:10px; background:#fff; border:1px solid #dce7f3; box-shadow:0 16px 38px rgba(36,68,105,.07); }
.error_404_search_box h2{ font-size:34px; line-height:44px; }
.error_404_search_box p{ color:#5c6878; font-size:16px; line-height:29px; margin-top:12px; }
.error_404_contact_button{ display:inline-flex; align-items:center; justify-content:center; justify-self:end; width:max-content; min-width:144px; max-width:100%; min-height:50px; padding:0 24px; border-radius:6px; background:#004098; color:#fff; font-size:15px; line-height:22px; font-family:PoppinsLatin-Regular; text-align:center; white-space:nowrap; transition:.3s; }
.error_404_contact_button:hover{ color:#fff; background:#0d57c6; transform:translateY(-2px); }

@media screen and (max-width:1366px){
  .error_404_copy strong{ font-size:126px; line-height:106px; }
  .error_404_copy h1{ font-size:54px; line-height:64px; }
  .error_404_head h2{ font-size:34px; line-height:44px; }
  .error_404_cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media screen and (max-width:1024px){
  .error_404_page .warper{ width:92%; }
  .error_404_hero{ margin-top:62px; padding:62px 0 70px; }
  .error_404_grid,.error_404_head,.error_404_search_box{ grid-template-columns:1fr; }
  .error_404_media img{ height:300px; }
  .error_404_paths{ padding:58px 0 66px; }
  .error_404_search{ padding-bottom:66px; }
}

@media screen and (max-width:768px){
  .error_404_copy strong{ font-size:96px; line-height:82px; }
  .error_404_copy h1{ font-size:42px; line-height:52px; }
  .error_404_copy p{ font-size:16px; line-height:28px; margin-top:18px; }
  .error_404_cards{ grid-template-columns:1fr; }
  .error_404_head{ gap:12px; margin-bottom:22px; }
  .error_404_head h2,.error_404_search_box h2{ font-size:28px; line-height:36px; }
  .error_404_actions a{ width:100%; }
}

@media screen and (max-width:480px){
  .error_404_page .warper{ width:calc(100% - 40px); }
  .error_404_hero{ padding:46px 0 54px; }
  .error_404_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .error_404_copy>span,.error_404_head span,.error_404_search_box span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .error_404_copy strong{ font-size:78px; line-height:68px; }
  .error_404_copy h1{ font-size:33px; line-height:41px; word-break:break-word; }
  .error_404_copy p,.error_404_head p,.error_404_search_box p{ font-size:15px; line-height:26px; }
  .error_404_media{ padding:14px; }
  .error_404_media img{ height:220px; }
  .error_404_paths{ padding:42px 0 48px; }
  .error_404_search{ padding-bottom:48px; }
  .error_404_head h2,.error_404_search_box h2{ font-size:22px; line-height:30px; }
  .error_404_cards a,.error_404_search_box{ padding:24px 20px; }
  .error_404_cards a{ min-height:0; }
  .error_404_cards b{ font-size:19px; line-height:27px; }
  .error_404_cards p{ font-size:15px; line-height:25px; }
  .error_404_contact_button{ width:100%; }
}

/* Responsive and multilingual hardening */
html{ overflow-x:hidden; }
:where(.warper,main,section,article,aside,header,footer,nav,ul,li,dl,dt,dd,div,a){ min-width:0; }
:where(h1,h2,h3,h4,h5,h6,p,a,span,b,strong,em,dt,dd,li,td,th,button,label,input,textarea){ overflow-wrap:break-word; word-break:normal; }
:where(td,th,dt,dd,.grade_detail_summary dd,.contact_cards a,.contact_cards span,.sample_copy dd,.sample_detail_specs dd){ overflow-wrap:anywhere; }
:where(table){ max-width:100%; }
.logo a{ max-width:180px; overflow:hidden; }
.logo img{ max-width:180px; max-height:48px; object-fit:contain; }
.sub_nav h1{ font-size:80px; line-height:80px; font-weight:normal; text-transform:capitalize; font-family:PoppinsLatin-Bold; }
.subbanner img{ width:100%; min-height:240px; max-height:430px; object-fit:cover; }
.newslist .changpic{ height:260px; background:#eef4fb; }
.newslist .changpic img{ width:100%; height:100%; object-fit:cover; display:block; }
.privitem a{ min-height:260px; }
.sample_card a,.product_catalog_grid article a,.product_landing_grid article a,.grade_card a,.blog_archive_item a,.app_typical_grid article{ height:100%; }
.app_typical_grid,.app_alloy_grid,.product_catalog_grid,.product_landing_grid,.grade_list,.sample_grid,.sample_related_grid,.blog_archive_list{ align-items:stretch; }
.app_typical_grid img,.product_catalog_media img,.grade_thumb img{ object-position:center; }
.app_table_wrap,.grade_table_wrap,.product_catalog_table_wrap,.del_table{ -webkit-overflow-scrolling:touch; }
.blog_head a,.product_category_head>a,.product_catalog_actions a,.product_catalog_note_box a,.grade_detail_actions a,.grade_detail_inquiry_box a,.pf_hero_actions a,.sample_note a,.sample_detail_nav a{ text-align:center; line-height:1.35; }

@media screen and (min-width:1025px){
  nav li>a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

@media screen and (max-width:1024px){
  .logo a{ max-width:150px; }
  .logo img,.position .logo img{ max-width:150px; max-height:36px; object-fit:contain; }
  nav li>a,.position nav li>a,.subdl dd a{ white-space:normal; overflow-wrap:anywhere; }
  .sub_nav h1{ font-size:32px; line-height:32px; }
  .subbanner img{ min-height:210px; }
}

@media screen and (max-width:768px){
  .sub_nav h1{ font-size:28px; line-height:34px; }
  .newslist .changpic{ height:210px; }
  .privitem a{ min-height:0; }
  .forms_grid .slick-list,.form_photo_slick .slick-list{ overflow:hidden !important; }
  .forms_grid,.form_photo_slick{ overflow:hidden; }
  .so_prsh{ left:50%; top:28px; width:min(180px,50vw); transform:translateX(-50%); }
  .so_prsh:after{ display:none; }
  .so_prsh h5{ white-space:normal; line-height:20px; text-align:center; }
}

@media screen and (max-width:480px){
  .logo a{ max-width:132px; }
  .logo img,.position .logo img{ max-width:132px; }
  .sub_nav h1{ font-size:22px; line-height:28px; }
  .subbanner img{ min-height:180px; }
  .newslist .changpic{ height:190px; }
}

@media screen and (max-width:1024px){
  .grade_detail_page .grade_detail_overview .grade_detail_head,
  .grade_detail_page .grade_detail_overview .grade_detail_head>*,
  .grade_detail_page .grade_detail_overview_grid,
  .grade_detail_page .grade_detail_text_card,
  .grade_detail_page .grade_detail_image_card{
    width:100%;
    max-width:100%;
  }
  .grade_detail_page .grade_detail_overview .grade_detail_head{
    display:block;
  }
  .grade_detail_page .grade_detail_overview_grid{
    display:block;
  }
  .grade_detail_page .grade_detail_text_card{
    margin-bottom:18px;
  }
}

/* Blog related articles hierarchy */
.category_related_module>h4{ color:#17202b; font-family:PoppinsLatin-SemiBold,Arial,sans-serif; font-size:24px; line-height:32px; margin-bottom:0; }
.category_related_list span{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:4px; background:#eef5fd; color:#004098; font-size:13px; line-height:20px; margin-bottom:12px; }
.category_related_list h5{ color:#17202b; font-family:PoppinsLatin-SemiBold,Arial,sans-serif; font-size:20px; line-height:28px; margin-bottom:10px; }
.category_related_list p{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#526074; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:15px; line-height:25px; margin:0; }
.category_related_list a:hover h5{ color:#004098; }

@media screen and (max-width:480px){
  .category_related_module>h4{ font-size:21px; line-height:29px; }
  .category_related_list h5{ font-size:18px; line-height:26px; }
}

/* Blog detail hero */
.blog_detail_page{ background:#fff; }
.blog_detail_hero{ position:relative; margin-top:90px; padding:82px 0 88px; background:#0c1724; overflow:hidden; }
.blog_detail_hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,rgba(0,64,152,.80),rgba(12,23,36,.94) 54%,rgba(12,23,36,.99)); }
.blog_detail_hero:after{ content:""; position:absolute; right:-150px; bottom:-220px; width:620px; height:620px; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 115px rgba(255,255,255,.03); }
.blog_detail_hero .warper{ position:relative; z-index:2; }
.blog_detail_breadcrumb{ color:#d9e4f2; font-size:15px; line-height:24px; margin-bottom:30px; }
.blog_detail_breadcrumb i{ margin-right:10px; }
.blog_detail_breadcrumb a,.blog_detail_breadcrumb i{ color:#fff; }
.blog_detail_breadcrumb span{ color:#b9c8d9; }
.blog_detail_hero_copy>span{ display:block; color:#72a8ff; font-size:20px; line-height:28px; margin-bottom:14px; }
.blog_detail_hero h1{ max-width:1120px; color:#fff; font-family:PoppinsLatin-Bold; font-weight:normal; font-size:58px; line-height:70px; text-transform:uppercase; }
.blog_detail_meta{ color:#d6dfeb; font-size:16px; line-height:26px; margin-top:22px; }
.blog_detail_meta i{ color:#72a8ff; margin-right:8px; }
.blog_detail_body{ padding:72px 0 96px; }
.blog_detail_body .ntnr{ margin-top:0; }

@media screen and (max-width:1024px){
  .blog_detail_hero{ margin-top:62px; padding:62px 0 70px; }
  .blog_detail_hero h1{ font-size:42px; line-height:52px; }
  .blog_detail_body{ padding:54px 0 66px; }
}

@media screen and (max-width:480px){
  .blog_detail_hero{ padding:46px 0 54px; }
  .blog_detail_breadcrumb{ font-size:13px; line-height:21px; margin-bottom:20px; }
  .blog_detail_hero_copy>span{ font-size:16px; line-height:24px; margin-bottom:8px; }
  .blog_detail_hero h1{ font-size:31px; line-height:40px; word-break:break-word; }
  .blog_detail_meta{ font-size:15px; line-height:24px; margin-top:18px; }
  .blog_detail_body{ padding:42px 0 52px; }
}

/* Unified breadcrumbs */
:is(.blog_breadcrumb,.contact_breadcrumb,.sample_breadcrumb,.grade_breadcrumb,.grade_detail_breadcrumb,.product_catalog_breadcrumb,.error_404_breadcrumb,.blog_detail_breadcrumb,.compare_breadcrumb,.pf_breadcrumb,.app_breadcrumb){
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#b9c8d9;
  font-family:PoppinsLatin-Regular,Arial,sans-serif;
  font-size:14px;
  line-height:24px;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin:0 0 28px;
}
:is(.blog_breadcrumb,.contact_breadcrumb,.sample_breadcrumb,.grade_breadcrumb,.grade_detail_breadcrumb,.product_catalog_breadcrumb,.error_404_breadcrumb,.blog_detail_breadcrumb,.app_breadcrumb) a{
  color:#fff;
}
:is(.blog_breadcrumb,.contact_breadcrumb,.sample_breadcrumb,.grade_breadcrumb,.grade_detail_breadcrumb,.product_catalog_breadcrumb,.error_404_breadcrumb,.blog_detail_breadcrumb,.app_breadcrumb) a:hover{
  color:#72a8ff;
  text-decoration:underline;
}
:is(.blog_breadcrumb,.contact_breadcrumb,.sample_breadcrumb,.grade_breadcrumb,.grade_detail_breadcrumb,.product_catalog_breadcrumb,.error_404_breadcrumb,.blog_detail_breadcrumb,.compare_breadcrumb,.pf_breadcrumb,.app_breadcrumb) i{
  display:inline-block;
  margin-right:9px;
  font-size:15px;
}
:is(.compare_breadcrumb){ color:#6b7889; }
:is(.compare_breadcrumb) a{ color:#004098; }
:is(.compare_breadcrumb) a:hover{ color:#0d57c6; text-decoration:underline; }
.pf_breadcrumb{ color:#6d7b8d !important; font-size:14px !important; line-height:22px !important; font-family:PoppinsLatin-Regular,Arial,sans-serif; }
.pf_breadcrumb a,.pf_breadcrumb span{ color:#004098 !important; font-size:14px !important; line-height:22px !important; font-family:PoppinsLatin-Regular,Arial,sans-serif; }
.pf_breadcrumb a:hover{ color:#0d57c6 !important; text-decoration:underline; }
.pf_breadcrumb span{ color:#526074 !important; }
.pf_breadcrumb i{ font-size:14px !important; }
.app_breadcrumb{ position:relative; z-index:2; max-width:none !important; color:#b9c8d9 !important; margin-top:0 !important; margin-bottom:24px !important; font-size:14px !important; line-height:24px !important; }
.app_breadcrumb span{ display:inline !important; color:#b9c8d9 !important; font-size:14px !important; line-height:24px !important; margin:0 !important; }

@media screen and (max-width:480px){
  :is(.blog_breadcrumb,.contact_breadcrumb,.sample_breadcrumb,.grade_breadcrumb,.grade_detail_breadcrumb,.product_catalog_breadcrumb,.error_404_breadcrumb,.blog_detail_breadcrumb,.compare_breadcrumb,.pf_breadcrumb,.app_breadcrumb){
    font-size:13px;
    line-height:21px;
    margin-bottom:20px;
  }
}

/* Readability: keep descriptive text legible on white and light panels. */
body{ font-family:PoppinsLatin-Regular,Arial,sans-serif; }
.home_app_cards p,
.app_alloy_grid p,
.grade_family_note p,
.sample_related_grid span,
.about_process_list span,
.product_catalog_copy p,
.product_landing_grid p,
.grade_card_copy p,
.sample_copy p,
.sample_card p,
.blog_archive_item p,
.category_related_list p,
.error_404_cards p{
  color:#263445;
  font-size:16px;
  line-height:27px;
}

/* Stronger contrast for primary copy on white backgrounds. */
.ntnr p,
.infocon dl dd p,
.blog_entry_content p,
.blog_archive_item p,
.blog_article_copy p,
.category_related_list p,
.app_alloy_grid p,
.home_app_cards p,
.product_catalog_copy p,
.product_landing_grid p,
.grade_card_copy p,
.sample_card p,
.sample_related_grid span,
.grade_family_note p{
  color:#17202b;
  font-family:PoppinsLatin-Regular,Arial,sans-serif;
  font-weight:normal;
}

.blog_entry_content td{ color:#17202b; font-family:PoppinsLatin-Regular,Arial,sans-serif; }
.blog_entry_content li,
.blog_entry_content blockquote,
.blog_entry_content figcaption{ color:#17202b; font-family:PoppinsLatin-Regular,Arial,sans-serif; }

/* Data tables: improve contrast and weight for long comparison text. */
.compare_table td,
.grade_data_table td,
.app_table_wrap td,
.pf_table_wrap td,
.product_catalog_table_wrap td,
.del_table table td{
  color:#263445;
  font-family:PoppinsLatin-Regular,Arial,sans-serif;
  font-weight:normal;
}

.compare_table tbody tr:not(.compare_group_row) td:first-child,
.grade_data_table tbody tr td:first-child,
.app_table_wrap tbody tr td:first-child,
.pf_table_wrap tbody tr td:first-child,
.product_catalog_table_wrap tbody tr td:first-child{
  color:#0c2748;
  background:#f1f6fc;
  font-family:PoppinsLatin-SemiBold,Arial,sans-serif;
  font-weight:normal;
}

.compare_table tbody tr:nth-child(even):not(.compare_group_row) td:first-child,
.grade_data_table tbody tr:nth-child(even) td:first-child,
.app_table_wrap tbody tr:nth-child(even) td:first-child,
.pf_table_wrap tbody tr:nth-child(even) td:first-child,
.product_catalog_table_wrap tbody tr:nth-child(even) td:first-child{
  background:#eaf3fc;
}

.compare_template_head p,
.compare_grade_panel p,
.compare_decision_grid p,
.compare_decision_grid li,
.compare_note{
  color:#263445;
  font-family:PoppinsLatin-Regular,Arial,sans-serif;
  font-weight:normal;
  font-size:16px;
  line-height:28px;
}

.compare_grade_panel dt{ color:#526274; font-family:PoppinsLatin-Regular,Arial,sans-serif; font-size:15px; }

.app_overview_media span,
.home_app_cards em,
.blog_article_meta span,
.sample_tags span,
.grade_card_copy span,
.grade_detail_related_grid span,
.product_catalog_copy span,
.product_landing_grid span,
.product_landing_grid em,
.error_404_cards span,
.category_related_list span{
  font-size:14px;
  line-height:21px;
}

.sample_copy dt,
.sample_copy dd,
.compare_grade_panel dt,
.blog_article_meta time,
.grade_detail_summary dt,
.grade_detail_summary dd{
  font-size:15px;
  line-height:24px;
}

.blog_entry_content .wp-block-table figcaption{ font-size:14px; line-height:22px; }

/* About page process cards use a dark surface; keep their supporting copy bright. */
.about_process_list li span{
  color:#cccccd;
  font-family:PoppinsLatin-Regular,Arial,sans-serif;
  font-weight:normal;
}

@media screen and (max-width:768px){
  .home_app_cards p,
  .app_alloy_grid p,
  .grade_family_note p,
  .sample_related_grid span,
  .about_process_list span,
  .product_catalog_copy p,
  .product_landing_grid p,
  .grade_card_copy p,
  .sample_copy p,
  .sample_card p,
  .blog_archive_item p,
  .category_related_list p,
  .error_404_cards p{
    font-size:15px;
    line-height:26px;
  }

  .blog_entry_content th,.blog_entry_content td{
    font-size:15px;
    line-height:24px;
  }
}
.footer_form .fo_mfoul p br{
    display:none;
}