@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 80px;
  /* COLOR */
  --color-active: #203D73;
  --color-blue-004: #203D73;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #444;
  background: #fff;
  overflow-x: hidden;

}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
table, tr, td, th{ padding: 0; margin: 0; list-style:none; border:1px solid #e5e5e5; border-collapse:collapse;}

html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #203D73;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#444;  }
a:hover{ color:#6fc859;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  max-width: 78.125%;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1720px;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1720px; margin: 0 auto;}
.menuBtn { display: none;}
.logo { position: relative;}
.logo img {filter: brightness(0) invert(1); display: block; height: clamp(30px,.4rem,40px); transition: all 0.5s;}
.header { height: var(--header-height); transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; padding: 0 1rem; justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .header .logo img { filter: brightness(1) invert(0);}
.small-header .header .nav li h2 a { line-height: 80px;}
.small-header .header dl { top: 80px;}
.small-header .header a.langEnter { border: 1px solid #203D73; color: #525252;}
.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}
.header:hover .searchEnter,.small-header .header .searchEnter { background: url(/static/ssm/css/../images/blackSearch.png) center no-repeat;}
.header:hover .logo img { filter: brightness(1) invert(0);} 
.header:hover a.langEnter { border: 1px solid #203D73; color: #525252;}
.header a.langEnter:hover { background: #203D73; color: #ffffff!important;}
.header .nav li h2 a:hover { color: #203D73;}
.headerRight { display: flex; align-items: center;}
.headerRight a.langEnter { margin-left: 17px; border-radius: 50%; margin-left: ; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; transition: all .4s; color: #ffffff; border: 1px solid #ffffff;}
.headerRight a.langEnter:hover {background: #203D73;}
.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { margin: 0 .27rem; text-align: center;}
.nav li h2 { position: relative;}
.nav li h2::after { content: ''; height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s; width: 0; background: #203D73;}
.nav li:hover h2::after { width:100%;}
.nav li h2 a { transition: all 0.5s; line-height: var(--header-height); white-space: nowrap; font-size: clamp(16px,.18rem,18px); color: #ffffff;}
.header .nav li.cur h2 a { color: #203D73;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.productSub { display: none; padding: .45rem 0; position: absolute; left: 0; top: 80px; width: 100%; background-image: linear-gradient(to bottom,#D8DEEC,#ffffff);}
.subCont { display: flex; justify-content: space-around;}
.subDesc { padding-top: .2rem; text-align: left; width: 25.4%; line-height: 2.3;}
.subDesc h3 { font-size: var(--font28); color: #192B4D; line-height: 1; margin-bottom: 1em;}
.subDesc p { font-size: var(--font15); color: #454545; line-height: 2.3;}
.subImg { overflow: hidden; border-radius: 4px; width: 26%;}
.subImg img { display: block; width: 100%;}
.subLink { gap:.13rem; display: flex; justify-content: space-between; flex-wrap: wrap; width: 35.58%;}
.subLink a { border-radius: 25px; height:40px; line-height:40px; border: 1px solid #A3AAB6; transition: all .4s; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 .25rem;
width: calc(50% - .18rem);}
.subLink a span { font-size: var(--font16); color: #454545;}
.subLink a img { transition: all .4s;}
.subLink a:hover { background: #203D73; color: #ffffff; border: 1px solid #203D73;}
.subLink a:hover span { color: #ffffff;}
.subLink a:hover img {filter: brightness(0) invert(1);}
/*banner*/
.banner { position: relative; height: 100vh;}
.banner .swiper,.banner .swiper-slide { width: 100%; height: 100%;}
.banner .swiper-slide { overflow: hidden;}
.banner img{ transition: all 4s; transform: scale(1.1); display: block; height: 100%; object-fit: cover; width: 100%;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-pagination { text-align: left; left: 50%; bottom: .2rem; width: 1500px; max-width: calc(100% - 200px); transform: translateX(-50%);}
.banner .swiper-pagination span {  transition: all 0.3s; box-sizing: border-box; border: 2px solid #ffffff; background: none; outline: none; width: 10px; height: 10px; margin:0 10px 0 0!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 1500px; max-width: calc(100% - 200px); top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bannerText h2 { font-size: var(--font72); line-height: 2; font-weight: bold; color: #ffffff;}
.bannerText p { font-size: var(--font28); line-height: calc(1em + .1rem); color: #ffffff;}
/*inBanner*/
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
.inText { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 { color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { color: #ffffff;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font20);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
/*footer*/
.footer { background: #1F2E4B;  color: #ffffff;}
.footerTop { padding: .4rem 0 .34rem; display: flex; justify-content: space-between;}
.footLink ul::after { content: ''; clear: both; display: block; height: 0;}
.footLink li { float: left; margin-left: 5.9375vw;}
.footLink p a {  font-size: 15px; color: #ffffff;}
.footLink p {transition: all 0.3s; opacity: .5; line-height: 40px;}
.footLink li h2 a { font-weight: bold; font-size: 18px; color: #ffffff;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.copyRight {background: #0F1A30; text-align: center; line-height:50px;}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: 15px; color: rgba(255,255,255,.36);}
.copyRight a:hover { color: #ffffff;}
.copyRight p br { display: none;}
.scaleEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: bottom center; position: absolute; bottom: 50px; width: 100px;}
.menubox { display: none;}
.footLogo img { display: block; width: 1.6rem; margin-bottom: .26rem;}
.footerContact { display: flex; align-items: center;}
.scanEwm { margin: 0 .3rem 0 .15rem; width: 1.15rem;}
.scanEwm img { display: block; width: 100%;}
.contactList p { font-size: var(--font15); color: rgba(255,255,255,0.6); line-height: calc(2em + 2px);}
.contactList p a { transition: all .4s; color: rgba(255,255,255,0.6);}
.contactList p a:hover { color: #ffffff;}
/*homeProduct*/
.homeProduct { width: 100%; position: relative; overflow: hidden; background-image: linear-gradient(to bottom,#F7F7F7,#DEDEDE); padding: 1.2rem 0 0;}
.homeProduct::after { content: ''; background: rgba(238, 238, 238, 1); position: absolute; bottom: 0; width: 100%; height: 1.65rem;}
.productTop { display: flex; justify-content: space-between;}
.productTitle { position: relative;}
.productTitle .checkMore { margin: 0; border: 1px solid #CCD1D9; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.productTitle .checkMore span { color: #454545;}
.productTitle .checkMore svg path { fill: #FFBB4A;}
.productTitle .checkMore:hover span { color: #ffffff;}
.productTitle h2 { position: relative;}
.productTitle h2::after {content: ''; width: 3.6rem; left: 0; position: absolute; bottom: -.1rem; height: clamp(2px,.07rem,7px); background: #FFD84A;}
.productTitle h2::before {content: ''; z-index: 2; width: 1.8rem; left: 0; position: absolute; bottom: -.1rem; height: clamp(2px,.07rem,7px); background: #193A79;}
.productTitle h2 b { font-weight: bold; font-size: .9rem; color: #638AA1; opacity: .05; line-height: .9; position: absolute; left: 0; top:-.3em;}
.productTitle h2 span { font-size: var(--font40); font-weight: bold; color: #333333; position: relative; z-index: 2;}
.productTitle p { font-size: var(--font18); color: #6B6B6B; margin-top: .3rem;}
.productMenu { display: flex; align-items: center;}
.productMenu span { line-height: 3.05; border-radius: 3.05em; font-size: var(--font18); color: #5E5E5E; text-align: center; margin-left: .17rem; border: 1px solid #5E5E5E; box-sizing: border-box; min-width: clamp(60px,1.95rem,195px); cursor: pointer; transition: all .4s;}
.productMenu span:hover {border: 1px solid #203D73; color: #203D73;}
.productMenu span.cur { color: #ffffff; border: 1px solid #203D73; background: #203D73;}
.productSwiper { position: relative; z-index: 2; width: 81.4%; margin-top: .18rem; padding-bottom: 50px; position: relative;}
.productSwiper::after {content: ''; z-index: -1; position: absolute; right: 0; bottom: 0; width: 1px; top: .11rem; background-image: linear-gradient(to bottom,rgba(255,255,255,0),#B8B8B8);}
.productHd { width: 2.85rem; padding-top: .8rem;}
.productHd h2 { font-weight: bold; font-size: var(--font36); color: #193A79; line-height: calc(1em + 8px); margin-bottom: .2rem;}
.productHd li { border-bottom: 1px solid #CBCBCB;}
.productHd li a { padding-left: .45rem; transition: all .4s; position: relative; display: block; line-height: calc(1em + .4rem);}
.productSwiper .swiper-slide { pointer-events: none; opacity: .42; transition: all .4s; padding-right: 1.42rem; display: flex; justify-content: space-between;}
.productHd li a:before { content: ''; transition: all .4s; position: absolute; left: .16rem; width: .12rem; height: .12rem; border-radius:50%;
background: #C7C7C7; top: 50%; transform: translateY(-50%);}
.productSwiper .swiper { overflow: visible;}
.productHd li.cur a{ color: #193A79;}
.productHd li.cur a::before { background: #193A79;}
.productBd { width: calc(100% - 3.75rem);}
.productBd img { display: block; width: 100%;}

.productBd ul li{display:none;}
.productBd ul .cur{display:block;}

.productSwiper .swiper-button-prev,.productSwiper .swiper-button-next { bottom: 1.85rem; margin: 0; top: auto; left: auto; right: -.26rem; transition: all .4s; width: .52rem; height: .52rem; color: #CFCFCF; border-radius: 50%; display: flex; box-shadow: 0 0 .15rem rgba(0,0,0,0.15); background: #ffffff;}
.productSwiper .swiper-button-prev:after,.productSwiper .swiper-button-next::after { font-size: var(--font24); font-weight: bold;}
.productSwiper .swiper-button-prev:hover,.productSwiper .swiper-button-next:hover { background: #193A79; color: #ffffff;}
.productSwiper .swiper-button-next { bottom: 2.5rem;}
.productSwiper .swiper-slide-active { pointer-events: all; opacity: 1;}
/*solution*/
.solution { background: url(/static/ssm/css/../images/solution.jpg); background-position: center!important; position: relative; background-attachment: fixed; z-index: 2; background-size: cover; padding: 1rem 0 1.5rem; transition: 0.4s; }
.solution::after { content: ''; position: absolute; left: 0; top: 0; z-index: -1; background: #0F192C; opacity: .66; width: 100%; height: 100%;}
.solution .productTitle h2 span{ color: #ffffff;}
.solution .productTitle h2 b { color: #797979; opacity: .08;}
.solution .productTitle h2::after,.solution .productTitle h2::before { display: none;}
.solution .productTitle h2 i { font-style: normal; color: #FFD84A;}
.checkMore { margin-top: .28rem; border-radius: 3em; transition: all .4s; box-sizing: border-box; white-space: nowrap; justify-content: space-between; width: 1.84rem; padding: 0 .21rem; line-height: 3; align-items: center; display: inline-flex; font-size: var(--font15); border: 1px solid #1C5190; color: #1C5190;}
.checkMore svg { transition: all .4s; display: block; width: 15px; height: 15px;}
.checkMore:hover { background: #1C5190; color: #ffffff;}
.checkMore:hover svg {filter: brightness(0) invert(1); }
.solutionFlex { margin-top: 1.73rem; display: flex; position: relative; justify-content: space-between; align-items: flex-end;}
.solutionMenu { width: 3.68rem;}
.solutionMenu li { position: relative; border-bottom: 1px solid rgba(255,255,255,.26); line-height: 4.875;}
.solutionMenu li::after { content: ''; transition: all .4s; position: absolute; left: 0; width: 100%; height: 0; bottom: 0; background-image: linear-gradient(to bottom,rgba(255,249,249,0),rgba(255,221,97,.07));}
.solutionMenu li a { display: flex; z-index: 2; position: relative; align-items: center;}
.solutionMenu li a img { display: block; margin: 0 .16rem 0 .32rem;}
.solutionMenu li a p { font-size: var(--font16); color: #ffffff;}
.solutionMenu li.cur::after { height: 100%;}
.solutionFlex li i { display: block; transition: all .4s; background: url(/static/ssm/css/../images/u275.svg) center no-repeat; opacity: 0; position: absolute; right:.2rem; top: 50%; transform: translateY(-50%); width: 22px; height: 10px;}
.solutionMenu li.cur i { right: .14rem; opacity: 1;}
.solutionBd { width: calc(100% - 7.18rem); padding-right: .6rem;}
.solutionBd .cur{display:block;}

.solutionSlide{display:none;}
.solutionSlide h2 { font-weight: bold; font-size: var(--font28); color: #ffffff; line-height: calc(1em + 4px); margin-bottom: .35rem;}
.solutionSlide p { font-size: var(--font16); color: #ffffff; opacity: .62; line-height: 2;}
.solutionSlide .checkMore { border: 1px solid #ffffff; color: #ffffff;}
.solutionSlide .checkMore svg path{ transition: all .4s; fill: #FFD84A;}
.solutionSlide .checkMore:hover { background: #FFD84A; border: 1px solid #FFD84A;}
/*materials*/
.materials {background-image: linear-gradient(to bottom,#ffffff,rgb(241,243,247)); padding: 1rem 0 1.34rem;}
.noLine.productTitle h2::after,.noLine.productTitle h2::before { display: none;}
.materials ul { margin-top: .44rem; display: flex; flex-wrap: wrap; gap: 1px;}
.materials li { width: calc((100% - 5px)/6); text-align: center; background: #ffffff; transition: all .4s; padding: .36rem 0 .46rem;
box-sizing: border-box;}
.materials li h2 {font-size: var(--font18); line-height: calc(1em + 8px); color: #212121; margin-bottom: .5rem; font-weight: bold;}
.materials li p { font-size: var(--font14); color: #888888;}
.materials li:hover { z-index: 5; box-shadow: 0 0 25px rgba(27,61,111,.5);}
/*creat*/
.creat { background-image: linear-gradient(to bottom,#ffffff,#ECECEC); padding: 1.1rem 0 1.3rem; position: relative;}
.creat::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 background: url(/static/ssm/css/../images/u69.png) center no-repeat; background-attachment: fixed; opacity: .1;}
.creat .productTitle h2 i { font-style: normal;color: #173B7D;}
.creat .container { position: relative; z-index: 2;}
.creatList ul::after { content: ''; clear: both; display: block; height: 0;}
.creatList li { box-sizing: border-box; padding: .4rem .52rem; width: 23.66%; float: left; margin-right: 44.26%;}
.creatList li:nth-child(2n) { float: right; margin: 0;}
.creatList li h2 { display: flex; align-items: center; font-size: var(--font18); color: #565656; margin-bottom: .26rem;}
.creatList li h2 span { margin-right: 5px; font-weight: bold; color: #1B3166; font-size: var(--font42); line-height: calc(1em + 6px);}
.creatList li b { display: block; font-size: var(--font22); color: #1B3166; font-weight: bold; margin-bottom: .17rem;}
.creatList li p { font-size: var(--font16); line-height: 1.8em; color: #565656;}
.creatList { margin-top: .7rem; position: relative;}
.creatVideo { position: absolute; height: 100%; left:23.66%; right: 23.66%;}
.creatVideo span { cursor: pointer; z-index: 2; position: absolute; left: 50%; width: .73rem; height: .73rem; top: 50%; transform: translate(-50%,-50%);}
.creatVideo video { object-fit: cover; width: 100%; height: 100%; display: block; box-sizing: border-box; outline: none;}
/*about*/
.about { background: url(/static/ssm/css/../images/u63_div.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: .8rem 0 1.22rem;}
.introduceFlex { align-items: center; margin-top: .5rem; display: flex; justify-content: space-between; }
.introduceImg { width: 7.86rem;}
.introduceDesc { width: calc(100% - 8.6rem);}
.introduceDesc p { font-size: var(--font16); color: #333333; line-height: 2.8125;}
/*partner*/
.partner { padding: .96rem 0;}
.partner ul { margin-top: .45rem; display: flex; flex-wrap: wrap;}
.partner li {box-shadow:0 0 8px rgba(32,51,79,.2); transition: all .4s; width: calc((100% - 1.1rem)/6); margin-right: .22rem; margin-bottom: .22rem;}
.partner li:nth-child(6n) { margin-right: 0;}
.partner li a { height: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; padding: .2rem;}
.partner li img { max-width: 70%; display: block; transition: all .8s;}
.partner li:hover img { transform: scale(1.1);}
/*homeNews*/
.homeNews { padding: .82rem 0 .96rem; background-image: linear-gradient(to bottom,#FCFDFF,rgba(242,247,255,.57));}
.newsFlex { margin-top: .4rem; display: flex; justify-content: space-between;}
.bigNews { width: 10.25rem;}
.smallNews { width: calc(100% - 10.5rem);}

.newsImg { position: relative; overflow: hidden; padding-top: 67%;}
.newsImg img { transition: all .8s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.bigNews ul { display: flex; gap: .25rem;}
.bigNews li { background: #ffffff; flex: 1;}
.newsText { padding: .32rem .32rem .26rem;}
.newsText h2 {overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: var(--font16); color: #333333; transition: all .4s; font-weight: bold; line-height: calc(2em + 3px);
margin-bottom: .1rem;}
.newsText p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: var(--font15); line-height: 2.3; color: #6A6A6A; height: 6.9em; margin-bottom: .13rem;}
.newsText span { display: block; font-size: var(--font15); line-height: 2.3; color:#959595;}
.bigNews li:hover img { transform: scale(1.1);}
.bigNews li:hover h2 { color: #1B3166;}
.smallNews { border-top: 1px solid #D3D3D3;}
.smallNews li:nth-child(1){display:none;}
.smallNews li:nth-child(2){display:none;}
.smallNews li h2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; transition: all .4s; margin-bottom: 6px; color: #333333; list-style: none; line-height: 2.1875; font-size: var(--font16); font-weight: bold;}
.smallNews li a { display: block; padding: .4rem;}
.smallNews li { border-bottom: 1px solid #D3D3D3;}
.smallNews li p { font-size: var(--font15); color: #797979; display: flex; justify-content: space-between; align-items: flex-end;}
.smallNews li:hover h2 { color: #1B3166;}
@media screen and (max-width: 1800px) {

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

}

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

}
@media screen and (max-width: 1440px) {
	.footLink li { margin-left: 4vw;}
	.footLink li:first-child { margin-left: 0;}

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	:root{
		--header-height: 60px; 
	}
	.langChose { height: var(--header-height);}
	.header { padding: 0 20px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.logo img { filter: brightness(1) invert(0);}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ color: #333333;}
	.searchEnter { background: url(/static/ssm/css/../images/blackSearch.png) center no-repeat; background-size: 100% auto;}
	.header .logo img {height:32px;}
	.headerRight a.langEnter { margin-right: 80px; border: 1px solid #203D73; color: #333; width: 32px; height: 32px; font-size: 14px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { text-align: left; border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(/static/ssm/css/../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(/static/ssm/css/../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #203D73;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.langChose h2 { font-size: 14px;}
}
@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	
}
@media screen and (max-width: 780px){
	.headerRight a.langEnter { margin-right: 40px;}
	.productTop { flex-direction: column;}
	.productSwiper { width: 100%; flex-direction: column;}
	.productSwiper .swiper-slide { padding: 0; margin: 0; flex-direction: column;}
	.productHd ul { display: flex; flex-wrap: wrap;}
	.productHd li { border: none;}
	.productHd li a { font-size: 14px; line-height: calc(1em + .2rem);}
	.productHd { width: 100%;}
	.banner { height: 260px;}
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.subEwm { width: 100px; top: 40px;}
	.bannerText,.banner .swiper-pagination { text-align: center; max-width: calc(100% - 40px);}
	.bannerText h2 { font-size: 20px;}
	.bannerText p { font-size: 16px;}
	.productSwiper .swiper { overflow: hidden;}
	.homeProduct { padding-top: 30px;}
	.productMenu span { line-height: 2.5;}
	.productMenu { justify-content: center; margin-top: 20px;}
	.productHd { padding-top: 20px;}
	.productHd h2 { font-size: 16px; margin-bottom: 10px;}
	.productBd { width: 100%;}
    .productBd ul li{display:none;}
	.productBd ul .cur{display:block;}

	.productSwiper::after { display: none;}
	.productSwiper .swiper-button-next,.productSwiper .swiper-button-prev { display: none;}
	.productSwiper { padding-bottom: 0; overflow: hidden;}
	.productSwiper .swiper { overflow: hidden;}
	.solutionFlex { flex-direction: column; margin-top: 20px;}
	.solutionMenu { width: 100%; display: flex; flex-wrap: wrap;}
	.solutionMenu li a img { width: 16px; margin: 0 5px;}
	.solutionBd { width: 100%; margin-top: 20px; padding: 0;} 
	.solutionBd .cur{display:block;}

	.solutionFlex li i { display: none!important;}
	.materials li { width: calc((100% - 1px)/2);}
	.solutionMenu li { width: 50%;}
	.creatVideo { margin-bottom: 20px; position: relative; left: 0;}
	.creatList li { width: 50%; margin: 0; padding: 10px; text-align: center;}
	.creatList li h2 { justify-self: center;}
	.introduceFlex { flex-direction: column;}
	.introduceImg { width: 100%;}
	.introduceDesc { width: 100%; margin-top: 20px;}
	.introduceDesc p { line-height: 1.75;}
	.about { padding: 30px 0;}
	.partner { padding: 30px 0;}
	.productTitle h2 b { font-size: 40px; top: -.1em;}
	.partner li { margin: 0; width: calc((100% - .2rem)/3);}
	.partner ul { gap: .1rem;}
	.bigNews { width: 100%;}
	.newsFlex { flex-direction: column;}
	.bigNews ul { flex-direction: column;}
	.bigNews li { width: 100%;}
	.smallNews { width: 100%;}
	.smallNews li:nth-child(1){display:none;}
.smallNews li:nth-child(2){display:none;}
	.contactList { text-align: left;}
	.creatList { margin-top: 20px;}
	.materials,.creat,.homeNews { padding: 30px 0;}
}