@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Ued Team Copyright 2024 UED Interaction */
/* Reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,input,button,textarea,article, aside, canvas,details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}:focus {outline:0;}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

/* Gobal css */
html {font-size:625%; width:100%; height:100%;}
body {font: 14px/1.5 'Mont-Regular',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; color:#252525; background:#f5f5f8; width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
html.no-scroll, body.no-scroll {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {margin:0 0 15px; font-size:16px;}

a:hover {color:#252525; text-decoration:none;}
a{color:#475770; text-decoration:none; outline:none; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
@font-face {
  font-family: 'Din-Heavy';
  src: url("/css/fonts/DIN-Heavy.otf");
}
@font-face {
  font-family: 'Din-Bold';
  src: url("/css/fonts/DIN-Bold.ttf");
  src: url("/css/fonts/DIN-Bold.woff2") format("woff2"), url("/css/fonts/DIN-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Din-Regular';
  src: url("/css/fonts/DIN-Regular.ttf");
  src: url("/css/fonts/DIN-Regular.woff2") format("woff2"), url("/css/fonts/DIN-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'Mont-Book';
    src:url('/css/fonts/Mont-Book.otf');
}
@font-face {
    font-family: 'Mont-Regular';
    src:url('/css/fonts/Mont-Regular.otf');
}
@font-face {
    font-family: 'Mont-Light';
    src:url('/css/fonts/Mont-Light.otf');
}
@font-face {
    font-family: 'Mont-SemiBold';
    src:url('/css/fonts/Mont-SemiBold.otf');
}

@font-face {
  font-family: 'AlibabaPuHuiTi';
  font-style: normal;
  font-weight: 100;
  src: local(""), url("/css//css/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff2") format("woff2"), url("/css/fonts/AlibabaPuHuiTi-3-55-RegularL3.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'iconfont';
  src: url('/css/fonts/iconfont.eot');
  src: url('/css//css/fonts/iconfont.eot') format('embedded-opentype'),
  url('/css/fonts/iconfont.woff') format('woff'),
  url('/css/fonts/iconfont.ttf') format('truetype'),
  url('/css/fonts/iconfont.svg') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

@-moz-keyframes barrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes barrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes barrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes selfrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes selfrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes selfrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes icondown{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-webkit-keyframes icondown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@keyframes icondown{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);-ms-transform:translate3d(0,80%,0);-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-moz-keyframes playbtn{0%{-moz-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes playbtn{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes playbtn{0%{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-webkit-keyframes clouds{0%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);-ms-transform:translate3d(0,4%,0);-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-moz-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-webkit-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-moz-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@-webkit-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}
.down{display:none;width:2px; height:35px;position:absolute;right:5%;bottom:5%;background:#fff; cursor:pointer;z-index:777;-moz-animation:icondown 3s infinite;-webkit-animation:icondown 3s infinite;animation:icondown 3s infinite; -webkit-transition:all .7s ease-in-out .5s;-moz-transition:all .7s ease-in-out;transition:all .7s ease-in-out .5s;-webkit-transform:translate(0,70px);-moz-transform:translate(0,70px);transform:translate(0,70px); filter:alpha(Opacity=0);opacity:0}
.down.show{display:block;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);filter:alpha(opacity=100);opacity: 1;}

/**common style**/
.container{position:relative; margin:0 auto; padding-left:1rem; padding-right:1rem; max-width:1480px;}
.no-scroll{overflow: hidden;}
.commWidget{position:relative; width:100%; }
.commPadding{padding:1rem 0;}
.noPadding-bottom{padding-bottom:0;}
.bgWhite{background:white;}
.bgGray{background:#f5f5f5;}
.bgBlack{background:#121212;}

.fWhite{color:white;}

/*layout style*/
body.offscreen .Str-header{margin-top:-.7rem;}
body.drop .Str-header{margin-top:0px;}

.Str-header{position:fixed; left:0; top:0; height:.7rem; width:100%; z-index:1000; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.Str-header .container{position:static; height:100%; display:flex; align-items:center; justify-content: space-between; }
.Str-header h1{margin:0;}
.Str-header h1 a.logo{display:block; width:1.18rem; height:.36rem; text-indent:-8889px; background:url(/css/images/logo_w.svg) no-repeat center; background-size:1.18rem .36rem; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;}

.Str-header ul.primary-menu{display:flex; align-items:center; height:100%;  }
.Str-header ul.primary-menu li{padding-left:.4rem; height:100%; display:flex; align-items:center;}
.Str-header ul.primary-menu li a{display:block; position:relative; font-size:.16rem; line-height:.4rem; color:white; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.Str-header ul.primary-menu li a:after{opacity:0; content:''; width:.22rem; height:.08rem; background:url(/css/images/nav_tip_w.svg) no-repeat center; position:absolute; left:0; bottom:-4px; transform:translateX(-50%); -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.Str-header ul.primary-menu li a:hover{color:#ffffff;}
.Str-header ul.primary-menu li a:hover:after{opacity:1; left:50%;}
.Str-header ul.primary-menu li.active a:after{opacity:1;left:50%;}

.Str-header-scroll,.Str-header-white{background:white; color:#252525;}
.Str-header-scroll h1 a.logo,.Str-header-white h1 a.logo{background:url(/css/images/logo_n.svg) no-repeat center; background-size:117px 42px;}
.Str-header-scroll ul.primary-menu li a,.Str-header-white ul.primary-menu li a{color:#252525;}
.Str-header-scroll ul.primary-menu li a:hover,.Str-header-white ul.primary-menu li a:hover{color:#475770;}
.Str-header-scroll ul.primary-menu li a:after,.Str-header-white ul.primary-menu li a:after{background:url(/css/images/nav_tip_n.svg) no-repeat center; }
.Str-header-scroll ul.primary-menu li.active a,.Str-header-white ul.primary-menu li.active a{color:#475770;}

.Str-header .Str-mobile-menu{display:none; cursor:pointer; position:fixed; right:0; top:0; width:.6rem; height:.6rem; padding:.17rem 0; }
.Str-header .Str-mobile-menu .menu-line{display:block; margin:.08rem auto; width:.22rem; height:.02rem; background:white; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.Str-header-scroll .Str-mobile-menu .menu-line,.Str-header-white .Str-mobile-menu .menu-line{background:#252525;}

/*subnav*/
.nav-mask{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,.7); z-index:600;}
.subNav{display:none; position: absolute; z-index:-1; left:0; top:0; width:100%; padding-top:.7rem; background-color:white; background-repeat:no-repeat; background-position:right center; }
.submenu-list{display:flex; align-items:center; flex-wrap:wrap; width:100%; padding-top:.2rem;}
.submenu-list .sub-item{width:calc((100% - .6rem)/4); margin-right:.2rem; margin-bottom:.2rem; height:1.8rem; display:block; padding:.2rem; box-sizing:border-box;  position:relative; background:#f8f8f8; border-radius:6px; }
.submenu-list .sub-item:nth-child(4n){margin-right:0;}
.submenu-list .sub-item:after{display:none;}
.submenu-list .sub-item h3{font-weight:normal; font-size:.16rem; margin:0;}
.submenu-list .sub-item p{font-weight:300; font-size:.14rem; color:#787878;margin:0; line-height:1.5;}
.submenu-list .sub-item img{display:block; max-height:1rem; padding:.12rem; position:absolute; right:.1rem; bottom:.1rem;}
.submenu-list .sub-item:hover{background:linear-gradient(to right bottom, #ffffff 10%, #CFE1F4 100%); }

.submenu-list .solo-item{width:calc((100% - .6rem)/4); margin-right:.2rem; margin-bottom:.2rem; height:1.8rem; display:block; padding:.2rem; box-sizing:border-box;  position:relative; background:#f8f8f8; border-radius:6px; overflow:hidden;}
.submenu-list .solo-item:nth-child(4n){margin-right:0;}
.submenu-list .solo-item:after{display:none;}
.submenu-list .solo-item img.bg-solo{display:block; width:100%; height:100%; position:absolute; left:0 ;top:0; object-fit:cover; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.submenu-list .solo-item .smask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:rgba(71,87,112,.9); display:flex; align-items:center;  justify-content: center;  text-align:center; font-size:.16rem; color:white;  transition:all .3s;}
.submenu-list .solo-item .smask span{display:block;}
.submenu-list .solo-item .smask span img{display:block; margin:0 auto .1rem; width:.44rem;}

.submenu-list .solo-item:hover img.bg-solo{transform:scale(1.1);}
.submenu-list .solo-item:hover .smask{background:rgba(71,87,112,.7);}

.submenu-item{display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:.2rem 0; }
.submenu-item a.solo-item{display:block; font-size:.16rem; text-align:center; padding:0 0 .1rem; width:20%; box-sizing:border-box; line-height:1;}
.submenu-item a.solo-item:after{display:none;}
.submenu-item a.solo-item img{display:block; width:.56rem; margin:0 auto; padding:.06rem; background:#babbc4; border-radius:.1rem; transition:all .3s;}
.submenu-item a.solo-item:hover img{background-color:#475770;}

/*phone nav*/
.Str-mobile-menu.active .menu-line:first-child{-webkit-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); -o-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg);}
.Str-mobile-menu.active .menu-line:last-child{-webkit-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg);}

.mask {display:none; position: absolute; top:50px; left:0; width:100%; height:100%; background-color: rgba(255,255,255,1); z-index: 997;}
.mask.show {display:block;}

.menu{position:fixed; width:100%; top:.6rem; z-index: 998; overflow: hidden; background:white;}
.menu.active {overflow: visible;}

.menu .menu-sitenav {position:absolute;width:100%; background-color: #fff; -webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);max-height: 0;overflow: hidden;-webkit-transition: max-height .5s cubic-bezier(0.3,.03,.08,.65); transition: max-height .5s cubic-bezier(0.3,.03,.08,.65);}
.menu.active .menu-sitenav {max-height: 3.5rem; overflow: visible;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul {overflow-y: auto;}
.menu .menu-sitenav ul li a{position:relative; border-bottom: #e9e9e9 1px solid; color:var(--main-color-black); display: block; font-size: .16rem;  margin: 0 auto; height: .6rem; line-height: .6rem; text-align:center;  width: 90%; -webkit-transition: -webkit-transform .4s ease-in,opacity .4s ease-in; transition: transform .4s ease-in,opacity .4s ease-in; -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); opacity: 0;}
.menu .menu-sitenav ul li.active a{font-weight:600;}
.menu.active .menu-sitenav a{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul li:last-child a{border-bottom: 0;}

.menu .menu-sitenav ul li.menu-item a:after{content:'+'; position:absolute; right:0; top:50%; width:.3rem; height:.3rem; line-height:.3rem; font-size:.24rem;color:#999; text-align:center; transform:translateY(-50%);}

.menu.active .menu-sitenav li:nth-last-child(1) a {-webkit-transition-delay: .2s; transition-delay: .2s; }
.menu.active .menu-sitenav li:nth-last-child(2) a {-webkit-transition-delay: .24s; transition-delay: .24s;}
.menu.active .menu-sitenav li:nth-last-child(3) a {-webkit-transition-delay: .28s; transition-delay: .28s;}
.menu.active .menu-sitenav li:nth-last-child(4) a {-webkit-transition-delay: .32s; transition-delay: .32s;}
.menu.active .menu-sitenav li:nth-last-child(5) a {-webkit-transition-delay: .36s; transition-delay: .36s;}
.menu.active .menu-sitenav li:nth-last-child(6) a {-webkit-transition-delay: .4s; transition-delay: .4s;}

.menu.active .menu-sitenav li ul.submenu{display:none; width:100%; background:#363948; overflow:hidden;}
.menu.active .menu-sitenav li ul.submenu li{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.1);}
.menu.active .menu-sitenav li ul.submenu li a{display:block;font-size:.14rem; color:#fff; height: .6rem; line-height: .6rem; border:0;}
.menu.active .menu-sitenav li ul.submenu li a:hover{ color:rgba(255,255,255,.7);}
.menu.active .menu-sitenav li ul.submenu li a:after{display:none;}

/*footer*/
.Str-footer{position:relative; background:#475770;  padding:.6rem 0 .2rem; }
.foot-logo{margin:0 0 .4rem;}
.foot-logo a.f-logo{display:inline-block; width:1.18rem; height:.36rem; text-indent:-8889px; background:url(/css/images/logo_w.svg) no-repeat center; background-size:1.18rem .36rem; }
.foot-contact{display:flex; flex-wrap:wrap;}
.foot-infor{flex:1;}
.foot-infor dl{margin:0 0 .2rem; color:rgba(255,255,255,.7); line-height:1.65;}
.foot-infor dl dt{font-weight:600;}
.foot-infor dl dd{margin:0 0 .1rem;}
.foot-infor dl dd.address-icon{padding-left:.2rem; background:url(/css/images/address.png) no-repeat left 6px; background-size:10px;}
.foot-infor dl dd.mail-icon{padding-left:.2rem; background:url(/css/images/mail.png) no-repeat left center; background-size:10px;}

.foot-infor dl dd a{color:rgba(255,255,255,.7);}
.foot-infor dl dd a:hover{opacity:.7;}
.foot-wx{padding-left:10%;}
.wx-code{font-size:.14rem; color:rgba(255,255,255,.7); font-weight:400; text-align:center;}
.wx-code img{display:block; width:1.4rem; height:1.4rem; margin:0 auto 10px;}
.foot-statment{display:flex; justify-content:space-between;item-aligns:center;flex-wrap:wrap; padding-top:.2rem; border-top:1px solid rgba(255,255,255,.1);}
.foot-statment p{color:rgba(255,255,255,.5); }
.foot-statment p a{display:inline-block; color:rgba(255,255,255,.5);}
.foot-statment p a:hover{opacity:.7;}


.Str-screen{width:100%; height:100%; background:#121212; overflow:hidden; position:relative;}
.home-video{min-width:100%; min-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover;  overflow:hidden;display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.home-video2{height:100%; width:auto; position:absolute; left:0;bottom:0;background-size:cover;  overflow:hidden; display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.gradient-overlay {position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; background: rgba(0,95,184,1);
    background: -moz-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,95,184,1)),color-stop(40%,rgba(0,95,184,0.57)),color-stop(80%,rgba(0,95,184,0)));
    background: -webkit-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -o-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -ms-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: linear-gradient(to right,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8',endColorstr='#005fb8',GradientType=1);
}
.home-gradient-overlay{background: linear-gradient(to bottom,rgba(71,87,112,.6) 10%,rgba(71,87,112,.6) 60%,rgba(71,87,112,.2) 100%);}
.none-gradient-overlay{background: linear-gradient(to right,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);}
.back-gradient-overlay{background: linear-gradient(to bottom,rgba(0,0,0,.4) 20%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.2) 100%);}
.fanghu-gradient-overlay{background: linear-gradient(to bottom,rgba(0,0,0,.4) 20%,rgba(0,0,0,.6) 60%,rgba(0,0,0,1) 100%); padding:5% 0;}
.fuzai-gradient-overlay{background: linear-gradient(to bottom,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 60%,rgba(255,255,255,.3) 100%); padding:5% 0;}
.right-gradient-overlay{background: linear-gradient(to right,rgba(71,87,112,.9) 10%,rgba(71,87,112,.6) 60%,rgba(71,87,112,0) 100%);}

.showSlogan{position:relative; height:100%; display: flex; justify-content:center; align-items: center; text-align:center; }

.show-slogan{width:100%; color:#fff; }
.show-slogan.tleft{text-align:left; }
.show-slogan.tright{text-align:right; }
.show-slogan h1{font-size:68px; letter-spacing:4px;}
.show-slogan h2{font-size:60px; line-height:1.5; text-transform: uppercase;  font-family: 'Mont-SemiBold';}
.show-slogan h3{font-size:48px; font-weight:550; font-family: 'Mont-SemiBold';}
.show-slogan h4{font-size:28px; font-weight:normal; line-height:1.5; letter-spacing:12px;}
.show-slogan h5{font-size:24px; font-weight:normal; font-family: 'Mont-Light';}
.show-slogan h6{font-size:18px; line-height:1.5; font-weight:100; letter-spacing:13px;}

.home-btn{padding-top:2vw;}
.home-btn.tCenter{text-align:center; padding-top:0;}
.homeLink{position:relative; display:inline-block; text-align:left; padding:0 46px 0 20px; height:44px; font-size:14px; overflow:hidden; border-radius:100px; line-height:44px; overflow:hidden; color:#fff; border:1px solid #ffffff; transition: all 0.3s ease-in-out; } 
.homeLink:after{content: '\e606'; font-family:'iconfont'; position:absolute; right:16px; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.homeLink:hover{background:#fff; color:#5F6070; padding-right:80px; letter-spacing:4px;}

.homeLink2{position:relative; display:inline-block; text-align:left; padding:0 46px 0 0; height:44px; font-size:16px; overflow:hidden; border-radius:100px; line-height:44px; overflow:hidden; color:#475770; transition: all 0.3s ease-in-out; } 
.homeLink2:after{content: '\e606'; font-family:'iconfont'; position:absolute; right:16px; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.homeLink2:hover{padding-right:60px; letter-spacing:4px;}

.homeLink3{position:relative; display:inline-block; text-align:left; padding:0 46px 0 20px; height:44px; font-size:14px; overflow:hidden; border-radius:100px; line-height:44px; overflow:hidden; color:#fff; background:#5F6070; transition: all 0.3s ease-in-out; } 
.homeLink3:after{content: '\e606'; font-family:'iconfont'; position:absolute; right:16px; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.homeLink3:hover{background:#8C8DA1; color:#fff; padding-right:80px; letter-spacing:4px;}

/*title style*/
.index-title{margin:0 0 4vw;}
.index-title.tCenter{text-align:center;}
.index-title.tFlex{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.index-title h3{font-size:.38rem; margin:0 0 1vw; text-transform:capitalize;  font-family: 'Mont-Book';}
.index-title h4{font-size:.24rem; font-weight:300; opacity:.7; font-family: 'Mont-Light';}
.index-title h5{font-size:.18rem; font-weight:300; color:#787878; width:80%; margin:0 auto;  font-family: 'Mont-Light';}
.index-title p{font-size:.18rem; font-weight:normal; line-height:1.8;width:64%; margin:0 auto;  font-family: 'Mont-Light';}

.new-title{margin:0 0 .2rem; font-size:.16rem; font-weight:300; }
.new-title span{display:inline-block; line-height:1.8; padding:0 .1rem; background:#45F33C; margin-right:.1rem; border-radius:.06rem; font-weight:600;}

.bgfanghu{background:url(/css/images/bg_fanghu.png?v=1) #e2eaee no-repeat right center; background-size:auto 100%; min-height:42vw; display:flex; align-items:center; }
.bgfanghu .container{width:100%;}

.spec-txt{font-size:.16rem; color:#787878; font-weight:300;}
.spec-txt img{margin:0 0 .1rem; display:block; height:.8rem;}

.bgFuzai{background:url(/css/images/bg_robots_en.png?v=1) #7b8cba no-repeat left center; background-size:auto 100%; min-height:42vw; display:flex; align-items:center; justify-content:flex-end;  overflow:hidden; }
.bgFuzai .container{width:100%;  display:flex; justify-content:flex-end;}

.fixImg-index{position:fixed; width:100vw; height:100%; left:0; top:0; z-index:-1; background:url(/css/images/bg_family.jpg) no-repeat center top; background-size:cover;}
.fixImg-index img{display:block; margin:0 auto; width:80%; position:absolute; left:50%; bottom:5%; transform:translateX(-50%);}

.fixVideo{position:fixed;width:100vw; height:100vh; left:0; bottom:0; z-index:-1; overflow:hidden;}
.fixVideo video{min-width:100%; min-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover;  overflow:hidden;display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.fixImg{position:fixed; width:100vw; height:100vh; left:0; bottom:0; z-index:-1; overflow:hidden; display:flex; align-items:center; justify-content:center; background:white; overflow:hidden;}
.fixImg img{display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.Str-slogan{height:100%;}

.Apply-swiper .swiper-wrapper{width: 100%; padding-bottom:.8rem; }
.Apply-swiper .swiper-slide{display:block; width:16%; padding-top:20%; position:relative; background:white; border:2px solid #fff; box-shadow:none; overflow:hidden;}

.Apply-swiper .swiper-slide img.bgImg{display:block; width:calc(100% - 2vw); height:calc(100% - 2vw); position:absolute; left:1vw; top:1vw; object-fit:cover;}
.Apply-swiper .swiper-slide .txtShow{position:absolute; left:1vw; top:1vw; width:calc(100% - 2vw); height:calc(100% - 2vw); display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(71,87,112,.9); color:#fff; transition:all .3s;}
.Apply-swiper .swiper-slide .txtShow h3{font-size:.18rem; font-weight:normal;}
.Apply-swiper .swiper-slide .txtShow img{display:block; width:.76rem; height:.76rem; margin:.1rem auto; position:relative; }

.Apply-swiper .swiper-slide:hover .txtShow{background:rgba(71,87,112,.6);}

.Apply-swiper .swiper-pagination-bullets,.Apply-swiper .swiper-pagination-custom, .Apply-swiper .swiper-pagination-fraction {position:relative; bottom: 20px; left: 0; width: 100%; text-align:right; }
.Apply-swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius:50px; display: inline-block;  background:#1b1b1c;  opacity: .3;}
.Apply-swiper .swiper-pagination-bullet-active {opacity: 1;}
.Apply-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Apply-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.Apply-swiper .swiper-button-prev,.Apply-swiper .swiper-container-rtl .swiper-button-next {left:50%; margin-left:-54px; top:auto; bottom:0; background:#475770; width:44px; height:44px; color:#fff; border-radius:100px;}
.Apply-swiper .swiper-button-next,.Apply-swiper .swiper-container-rtl .swiper-button-prev {right:50%; margin-right:-54px;top:auto; bottom:0; background:#475770; width:44px; height:44px; color:#fff; border-radius:100px;}
.Apply-swiper .swiper-button-next:after,.Apply-swiper .swiper-container-rtl .swiper-button-prev:after {color:#fff; font-size:18px; font-weight:600;}
.Apply-swiper .swiper-button-prev:after,.Apply-swiper .swiper-container-rtl .swiper-button-next:after {color:#fff; font-size:18px; font-weight:600;}

.news-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
.news-imgbox{width:42%; }
.news-txtbox{width:54%;}

.news-box{display:block; background:#f5f5f5; padding:.4rem; height:100%; box-sizing:border-box;}
.news-box .sptime{display:block; font-size:.24rem; font-weight:400; margin:0 0 .2rem; color:gray;}
.newsImg {width: 100%;  padding-top: 50%; position: relative; overflow: hidden; margin:0 0 20px;}
.newsImg img {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .4s;}
.newsTxt {transition: all .4s;}
.newsTxt h3 {font-size: .22rem; line-height: .3rem; height:.6rem; margin: 0 0 .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsTxt p {opacity:.7; margin: 0 0 .2rem; font-size: .14rem; line-height: .22rem; height: .44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .4s;}
.newsdate{display:flex; align-items:center; justify-content:space-between; line-height:.3rem;}
.newsdate span {display:block; font-size:.16rem; font-weight:600;}
.newsdate i{font-size:.24rem; margin-right:.12rem; transition: all .4s;}

.news-box:hover{background:#475770; color:#fff;}
.news-box:hover .newsImg img { transform: scale(1.1);}
.news-box:hover .newsdate i{margin-right:0;}

.news-tbox{display:flex; width:100%; padding:0 0 .2rem 0; margin:0 0 .2rem; border-bottom:1px solid #ededed; transition: all .3s;}
.news-txtbox a:last-child .news-tbox{margin:0;}
.news-tbox .tbx-img{flex-shrink: 0; width:2.2rem; padding-top:1.4rem; background:#f5f5f5; position:relative; overflow:hidden;}
.news-tbox .tbx-img img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: all .3s;}

.news-tbox .tbx-con{flex:1; padding-left:.2rem; color:#252525; display:flex; align-items: stretch; flex-wrap:wrap;}
.news-tbox .tbx-con h3{width:100%;font-size:.22rem; line-height:.3rem;height: .6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-tbox .tbx-con p{font-size:.14rem; opacity:.7; margin: 0 0 .2rem; font-size: .14rem; line-height: .22rem; height: .44rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .4s;}
.news-tbox .tbx-con .newsdate{width:100%;}
.news-tbox .tbx-con .newsdate span{font-weight:normal; opacity:.7;}
.news-tbox .tbx-con .newsdate i{font-size:.2rem; opacity:.7; margin-right:.12rem; transition: all .3s;}

.news-txtbox a:hover .tbx-con{color:#475770;}
.news-txtbox a:hover .news-tbox{border-bottom:1px solid #475770;}
.news-txtbox a:hover .news-tbox .tbx-img img{transform: scale(1.1);}
.news-txtbox a:hover .newsdate i{margin-right:0; color:#475770;}

.friend-list{margin:0 0 .2rem; overflow:hidden; display:flex; justify-content:flex-start; align-items: center;}
.friend-list dt{width:1.2rem; font-size:.2rem; font-weight:600; color:#363948; }
.friend-list dd{flex:1; display:flex; flex-flow:row; justify-content:flex-start; align-items: center;}
.friend-list dd .fbox{width:calc((100% - 100px)/6); margin-right:.2rem; background:#fff; border-radius:10px; overflow:hidden;}
.friend-list dd .fbox img{display:block; width:100%; }

/*subpage style*/
.Str-banner{position:relative; width:100%; background-color:#252525; overflow:hidden;}
.Str-banner:before {content:'';display:block; padding-top:37.5%;}

.Str-banner.bgRenxing{background:url(/css/images/bg_renxing.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgSa{background:url(/css/images/bg_sa.jpg) no-repeat center top; background-size:100%;}
.Str-banner.bgPa{background:url(/css/images/bg_pa.jpg) no-repeat center; background-size:100%;}
.Str-banner.bgXiezuo{background:url(/css/images/bg_arm.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgFanghu{background:url(/css/images/bg_fanghu.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgDafuzai{background:url(/css/images/bg_fuzai.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgFuhe{background:url(/css/images/bg_fuhe.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgAbout{background:url(/css/images/bg_about.jpg ) no-repeat center top; background-size:100%;}
.Str-banner.bgHanjie{background:url(/css/images/bg_hanjie.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgMaduo{background:url(/css/images/bg_maduo.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgSuofu{background:url(/css/images/bg_suofu.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgShangxia{background:url(/css/images/bg_shangxia.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgTujiao{background:url(/css/images/bg_tujiao.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgShijue{background:url(/css/images/bg_shijue.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgLikong{background:url(/css/images/bg_likong.jpg ) no-repeat center; background-size:100%;}
.Str-banner.downLoad{background:url(/css/images/bg_down.jpg ) no-repeat center; background-size:100%;}
.Str-banner.downLoad:before{padding-top:27.5%;}

.Str-banner.bgJiaoyu{background:url(/css/images/bg_jiaoyu.jpg ) no-repeat center; background-size:cover;}
.Str-banner.bgZhuangpei{background:url(/css/images/bg_zhuangpei.jpg ) no-repeat center; background-size:100%;}
.Str-banner.bgJiance{background:url(/css/images/bg_jiance.jpg ) no-repeat center; background-size:100%;}

.imgTxt-wrap{display:flex; flex-wrap:wrap; align-items:flex-end;}
.imgTxt-wrap .txt-wrap{flex:1;}
.imgTxt-wrap .img-wrap{width:50%;}
.imgTxt-wrap .img-wrap img{display:block; width:100%;}

.canshu-1{display:flex; flex-wrap:wrap; align-items:center;  justify-content:space-between; padding-bottom:4vw;}
.canshu-1 li{width:50%; margin-bottom:.3rem; }
.canshu-1 li:last-child{border:0;}
.canshu-1 li span{display:block; font-size:.16rem; color:rgba(71,87,112,.7); font-weight:normal;}
.canshu-1 li label{display:block; font-size:.4rem; font-weight:600; color:rgba(71,87,112,1); font-weight:600; }
.canshu-1 li label sup{font-size:.18rem;}

.renTxt{display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:92%; opacity:.2;}
.renTxt2{display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:24%; width:60%; opacity:.3;}

.robot-str img{display:block; width:100%;}
.showVideo video{width:100%; height:auto; border-radius:.1rem;}

.about-txt{display:flex; flex-wrap:wrap; }
.about-txt .aimg{width:44%;}
.about-txt .aimg img{display:block; width:100%;}
.about-txt .atxt{flex:1; padding-right:25%; font-size:.16rem; line-height:1.8;}
.about-txt .atxt p{text-align:justify; margin:0 0 .2rem;}
.about-txt .atxt .index-title{margin:0 0 2vw;}

.sa-list{margin-top:4vw; display:flex; align-items:flex-start; justify-content:space-between; text-align:center; flex-wrap:wrap; gasp:.2rem; cursor:pointer;}

.sa-list li span{display:block; width:1.6rem; height:1.6rem ; padding:.16rem; border-radius:2rem; background:rgba(71,87,112,.1); position:relative; margin:0 auto .15rem;  transition: all .3s;}
.sa-list li span img{display:block; width:100%;}
.sa-list li label{display:block; font-size:.16rem; opacity:.7; margin:0 0 2vw;}

.sa-list li:hover span{background:rgba(71,87,112,.4); }
.sa-list li:hover label{color:#475770; opacity:1;}


.Spec-swiper .swiper-wrapper{width: 100%;}
.Spec-swiper .swiper-slide{width:42%; padding-top:26%; position:relative; cursor:pointer;}
.Spec-swiper .swiper-slide img.bgImg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; border-radius:.12rem;}
.Spec-swiper .swiper-slide .txtShow{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:6% 24% 6% 6%; background:rgba(71,87,112,.9); color:#fff;  border-radius:.12rem; transition: all .4s;}
.Spec-swiper .swiper-slide .txtShow h3{font-size:.24rem; font-weight:600;}
.Spec-swiper .swiper-slide .txtShow p{font-size:.16rem; line-height:1.8;}
.Spec-swiper .swiper-slide .txtShow:hover,.Spec-swiper .swiper-slide .txtShow2:hover{ background:rgba(71,87,112,.5);}

.Spec-swiper .swiper-slide .txtShow2{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(71,87,112,.9); color:#fff; transition:all .3s; border-radius:.12rem;}
.Spec-swiper .swiper-slide .txtShow2 h3{font-size:.18rem; font-weight:normal;}
.Spec-swiper .swiper-slide .txtShow2 img{display:block; width:.76rem; height:.76rem; margin:.2rem auto; position:relative; }

.Spec-swiper .swiper-pagination-bullets,.Spec-swiper .swiper-pagination-custom, .Spec-swiper .swiper-pagination-fraction {position:relative; bottom: 20px; left: 0; width: 100%; text-align:right; }
.Spec-swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius:50px; display: inline-block;  background:#1b1b1c;  opacity: .3;}
.Spec-swiper .swiper-pagination-bullet-active {opacity: 1;}
.Spec-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Spec-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.Spec-swiper .swiper-button-prev,.Spec-swiper .swiper-container-rtl .swiper-button-next { left:16%; border:2px solid #fff; width:44px; height:44px; color:#fff; border-radius:100px;}
.Spec-swiper .swiper-button-next,.Spec-swiper .swiper-container-rtl .swiper-button-prev { right:16%;  border:2px solid #fff; width:44px; height:44px; color:#fff; border-radius:100px;}
.Spec-swiper .swiper-button-next:after,.Spec-swiper .swiper-container-rtl .swiper-button-prev:after {color:#fff; font-size:16px; font-weight:600;}
.Spec-swiper .swiper-button-prev:after,.Spec-swiper .swiper-container-rtl .swiper-button-next:after {color:#fff; font-size:16px; font-weight:600;}

.comm-tabstyle-01{width:100%; }
.comm-tabstyle-01 th{ border-bottom:2px solid rgba(71,87,112,.7); font-size:.14rem; color:#252525; padding:.1rem; text-align:center; font-weight:600;}
.comm-tabstyle-01 th.thleft{text-align:left; width:25%;}
.comm-tabstyle-01 th img{display:block; margin:0 auto .15rem; width:46%; max-width:.6rem; max-height:3rem;}
.comm-tabstyle-01 td{border-top:2px solid #fff; font-size:.14rem; color:#333; padding:.1rem; text-align:center; background:#fcfcfa;}
.comm-tabstyle-01 td.tdleft{text-align:left;}
.comm-tabstyle-01 td:nth-child(odd){background-color:#f5f5f5;}
.comm-tabstyle-01 td.bgGray{background:rgba(71,87,112,.1); color:#475770; font-weight:600;}

.comm-tabstyle-02{width:100%; }
.comm-tabstyle-02 th{ border-bottom:2px solid rgba(71,87,112,.7); font-size:.14rem;background:none; color:#252525; background:#f5f5f8; padding:10px; text-align:center; font-weight:600;text-align:right;}
.comm-tabstyle-02 th.thleft{text-align:left;}
.comm-tabstyle-02 td{border-top:2px solid #fff; font-size:.14rem; color:#333; padding:.1rem; text-align:center; text-align:right;}
.comm-tabstyle-02 td.tdleft{text-align:left;}
.comm-tabstyle-02 tr:nth-child(odd){background-color:#ffffff;}

.bangImg img{display:block; max-width:80%; margin:0 auto;}

.arm-icon{display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.arm-icon li{text-align:center; flex:1; font-size:.16rem; }
.arm-icon li img{display:block; height:.68rem; margin:0 auto .15rem;}

.bgArm{background:linear-gradient(to bottom, #e8eaed 40%, #ffffff 100%);}
.bgArm2{background:linear-gradient(to top, #e8eaed 40%, #ffffff 100%);}

.Pro-swiper .swiper-wrapper{width: 100%; padding-top:.8rem;}
.Pro-swiper .swiper-slide{width:48%; padding-top:26.5%; position:relative; cursor:pointer; overflow:hidden; background:#ccc; border-radius:.12rem;}
.Pro-swiper .swiper-slide video{display:block; min-width:100%; min-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover;  overflow:hidden; border-radius:.12rem;display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
.Pro-swiper .swiper-slide img.bgImg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; border-radius:.12rem;}
.Pro-swiper .swiper-slide .txtBox{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:6% 6% 6% 6%; background:rgba(71,87,112,.9); color:#fff;  border-radius:.12rem; transition: all .4s; font-family: 'Mont-Book';}
.Pro-swiper .swiper-slide .txtBox h3{display:none; font-size:.24rem; font-weight:600;}
.Pro-swiper .swiper-slide .txtBox p{display:none; font-size:.16rem; line-height:1.65; font-weight:300; margin:0 0 .1rem; padding-left:.16rem; position:relative; }
.Pro-swiper .swiper-slide .txtBox p:before{content:''; width:.06rem; height:.01rem; background:white; position:absolute; left:0; top:.15rem; }
.Pro-swiper .swiper-slide.swiper-slide-active .txtBox{background:rgba(71,87,112,.34); }
.Pro-swiper .swiper-slide.swiper-slide-active .txtBox:hover{background:rgba(71,87,112,.64);}
.Pro-swiper .swiper-slide.swiper-slide-active .txtBox h3,.Pro-swiper .swiper-slide.swiper-slide-active .txtBox p{display:block;}


.Pro-swiper .swiper-pagination-bullets,.Pro-swiper .swiper-pagination-custom, .Pro-swiper .swiper-pagination-fraction {top: 0; bottom:auto; width: 100%; }
.Pro-swiper .swiper-pagination-bullet{width:auto; display:inline-block; height:.54rem; line-height: .54rem; padding:0 .32rem; border-radius:.1rem; display: inline-block;  background:#efefef;  opacity: 1; color:#787878;  font-size:.18rem;}
.Pro-swiper .swiper-pagination-bullet-active {opacity: 1; background:#475770; color:#ffffff; }
.Pro-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Pro-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.Pro-swiper .swiper-button-prev,.Pro-swiper .swiper-container-rtl .swiper-button-next {display:none; left:16%;  }
.Pro-swiper .swiper-button-next,.Pro-swiper .swiper-container-rtl .swiper-button-prev {display:none; right:16%;   }
.Pro-swiper .swiper-button-next:after,.Pro-swiper .swiper-container-rtl .swiper-button-prev:after { font-size:16px; font-weight:600;  }
.Pro-swiper .swiper-button-prev:after,.Pro-swiper .swiper-container-rtl .swiper-button-next:after { font-size:16px; font-weight:600; }

.tab-canshu{width:100%;}
.tab-item {display:flex; align-items:center; justify-content:center; }
.tab-item span{margin:0 .1rem; padding:0 .2rem; line-height:.54rem; font-size:.18rem; background:#ffffff; color:#787878; border-radius:.1rem;  cursor:pointer;}
.tab-item span.current{background:#475770; color:#fff;}

.title-pad{margin:0 0 .4rem; display:inline-block; border:2px solid #475770; background:#fff; line-height:.54rem; font-size:.18rem;  border-radius:.1rem;}
.title-pad span{display:inline-block; padding:0 .2rem; color:#fff; background:#475770;  border-radius:.06rem;}
.title-pad label{display:inline-block; padding:0 .2rem; color:#475770;}

.pad-canshu{margin-top:5%; display:flex; flex-wrap:wrap; align-items:flex-end;}
.pad-canshu .pad-img{width:30%;}
.pad-canshu .pad-img img{display:block; width:100%;}
.pad-canshu .pad-txt{flex:1; padding-right:5%;}

.bgFhvideo{height:36vw; min-height:5.8rem; background:#101010; overflow:hidden;}
.bgFhvideo video{display:block; height:100%; position: absolute; left:50%; top:0; transform:translate(-50%,0); background-size:cover;  overflow:hidden;display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}

.bgFzvideo{height:36vw; min-height:5.8rem; background:white; overflow:hidden;}
.bgFzvideo video{display:block; height:100%; position: absolute; left:50%; top:0; transform:translate(-50%,0); background-size:cover;  overflow:hidden;display: block; background: transparent; border: none !important; outline: none !important; box-shadow: none !important;}

.Arm-swiper .swiper-wrapper{width: 100%; padding-bottom:.2rem;}
.Arm-swiper .swiper-slide{width:100%;}
.Arm-swiper .swiper-slide .txtShow{width:100%; height:4.4rem; padding:8%; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(71,87,112,.4); border-radius:.12rem; font-family: 'Mont-Book';}
.Arm-swiper .swiper-slide .txtShow2{width:100%; height:4.4rem; padding:10%;  background:rgba(71,87,112,.8); border-radius:.12rem; font-family: 'Mont-Book';}
.Arm-swiper .swiper-slide .txtShow dl dt{font-size:.24rem; font-weight:600; color:#ffffff; margin:0 0 .2rem;}
.Arm-swiper .swiper-slide .txtShow dl dt img{display:block; margin:0 auto .2rem; width:.78rem;}
.Arm-swiper .swiper-slide .txtShow dl dd{font-size:.16rem; line-height:1.8; opacity:.7; color:#ffffff; }

.Arm-swiper .swiper-slide .txtShow2 dl dt{font-size:.24rem; font-weight:600; color:#ffffff; margin:0 0 .2rem;}
.Arm-swiper .swiper-slide .txtShow2 dl dt img{display:block; margin:0 0 .2rem; width:.78rem;}
.Arm-swiper .swiper-slide .txtShow2 dl dd{font-size:.16rem; line-height:1.8; opacity:.7; color:#ffffff; }


.Arm-swiper .swiper-pagination-bullets,.Arm-swiper .swiper-pagination-custom, .Arm-swiper .swiper-pagination-fraction {position:relative; bottom: 0; width: 100%; }
.Arm-swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius:50px; display: inline-block;  background:#fff;  opacity: .3;}
.Arm-swiper .swiper-pagination-bullet-active {opacity: 1;}
.Arm-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Arm-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.Arm-swiper .swiper-button-prev,.Arm-swiper .swiper-container-rtl .swiper-button-next { left:0;  width:44px; height:44px; border-radius:100px;}
.Arm-swiper .swiper-button-next,.Arm-swiper .swiper-container-rtl .swiper-button-prev { right:0;  width:44px; height:44px; border-radius:100px;}
.Arm-swiper .swiper-button-next:after,.Arm-swiper .swiper-container-rtl .swiper-button-prev:after {color:#fff; font-size:16px; font-weight:600;}
.Arm-swiper .swiper-button-prev:after,.Arm-swiper .swiper-container-rtl .swiper-button-next:after {color:#fff; font-size:16px; font-weight:600;}


.mspec{display:flex;  flex-wrap:wrap; }
.mspec li{width:calc((100% - .6rem)/4); margin-right:.2rem; background:#ffffff; padding:.4rem .2rem; position:relative; text-align:center;}
.mspec li:nth-child(4n){margin-right:0;}
.mspec li img.micon{display:block; width:.8rem; height:.8rem; margin:0 auto .15rem;}
.mspec li h3{font-size:.18rem; font-weight:400; margin:0 0 .2rem;  color:#475770; }
.mspec li h3 strong{display:block; font-weight:600;}
.mspec li p{font-size:.16rem; opacity:.7; margin:0 0 .1rem;}

.App-swiper .swiper-wrapper{width: 100%; padding-bottom:.2rem;}
.App-swiper .swiper-slide{width:60%; padding-top:30%; position:relative; cursor:pointer;}
.App-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; border-radius:.12rem;}
.App-swiper .swiper-slide .txtShow{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:5%; background:rgba(71,87,112,.7); color:#fff;  border-radius:.12rem;display:flex;align-items:flex-end;  transition: all .4s; }
.App-swiper .swiper-slide .txtShow h3{font-size:.24rem; font-weight:600;}
.App-swiper .swiper-slide.swiper-slide-active .txtShow{background:rgba(0,0,0,0); }

.App-swiper .swiper-pagination-bullets,.App-swiper .swiper-pagination-custom, .App-swiper .swiper-pagination-fraction {position:relative; bottom: 0; left: 0; width: 100%; }
.App-swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-radius:50px; display: inline-block;  background:#475770;  opacity: .3;}
.App-swiper .swiper-pagination-bullet-active {opacity: 1;}
.App-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .App-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:8%; border:2px solid #fff; width:.44rem; height:.44rem; color:#fff; border-radius:100px;}
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:8%;  border:2px solid #fff; width:.44rem; height:.44rem; color:#fff; border-radius:100px;}
.App-swiper .swiper-button-next:after,.App-swiper .swiper-container-rtl .swiper-button-prev:after {color:#fff; font-size:.16rem; font-weight:600;}
.App-swiper .swiper-button-prev:after,.App-swiper .swiper-container-rtl .swiper-button-next:after {color:#fff; font-size:.16rem; font-weight:600;}

.cod-txt{display:flex; justify-content:space-between;  font-family: 'Mont-Book';}
.cod-txt h4{font-size:.44rem;  font-weight:300;}
.cod-txt h4 label{font-weight:500; }
.cod-txt h5{font-size:.34rem; font-weight:600;}

.bgCulture{background:url(/css/images/bg_culture.jpg) white no-repeat center bottom; background-size:cover;}
.culture-wrap{display:flex; justify-content:space-between; flex-wrap:wrap; padding-bottom:10vw;}
.culture-wrap .cultureBox{width:100%; padding:.2rem 0 .4rem;  }
.culture-wrap .cultureBox h3{font-size:.24rem; font-weight:300; margin:0 0 .4rem; position:relative;  font-family: 'Mont-Book';}
.culture-wrap .cultureBox h3 span{font-size:.48rem; font-weight:600; display:block;}
.culture-wrap .cultureBox h4{font-size:.24rem; font-weight:400;  font-family: 'Mont-Book';}

.show-video{width:70%; margin:0 auto;}
.show-video video{display:block; width:100%; height:auto; border-radius:.12rem;}

.spec-icon-list{display:flex; flex-wrap:wrap;}
.spec-icon-list li{width:calc((100% - 1.6rem)/5); margin-right:.4rem; margin-bottom:.2rem;}
.spec-icon-list li:nth-child(5n){margin-right:0;}
.specBox img{display:block; width:.7rem; height:.7rem; background:#babbc4; padding:0px; margin:0 0 .2rem; border-radius:.12rem;}
.specBox p{font-size:.16rem; color:#787878;  overflow:hidden;}
.specBox span{font-size:.18rem; color:#475770; font-weight:600; display:block; margin:0 0 .1rem;}


.Tab-area{position:relative;}
.tab-bar{padding:.4rem 0; }

.tab{display:flex;justify-content:space-between; align-items: center; flex-wrap:wrap; text-align:center; }
.tab span{cursor:pointer; display:block; font-size:18px; width:calc((100% - 120px)/7); text-align:center; padding:12px 10px; line-height:28px; background:#babbc4; color:#fff; margin-left:.2rem; border-radius:.12rem; transition:all .3s;}
.tab span:first-child{margin:0;}
.tab.tabindex span:first-child{ background:#009fa8;}
.tab span.current{background:#363948;}
.tab.tabindex span:first-child.current{background:#009fa8;}
.tab span:hover{background:#363948;}
.tab.tabindex span:first-child:hover{ background:#009fa8; opacity:.7;}
.tab.tabthree span{width:calc((100% - 40px)/3);}

.hanjieTab{background:url(/css/images/hanjie-spec.jpg) no-repeat center; background-size:cover;}
.hanjieTab.hanjie2{background:url(/css/images/hanjie-spec2.jpg) no-repeat center; background-size:cover;}
.hanjieTab.hanjie3{background:url(/css/images/hanjie-spec3.jpg) no-repeat center; background-size:cover;}

.hanSpec{cursor:pointer; min-height:5.6rem; padding:20% 10%; background:rgba(0,0,0,.2); transition: all .4s; border-radius:.12rem;}
.hanSpec:hover{background:rgba(71,87,112,.4); transition: all .4s; }
.hanSpec h4{margin:0 0 .4rem; font-size:.24rem; font-weight:600; display:flex; align-items:center; color:#fff;}
.hanSpec h5{font-size:.24rem; color:#fff; font-weight:600;}
.hanSpec p{font-size:.16rem; opacity:.7; line-height:1.8; color:#fff;}

.spec-ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.2rem;}
.spec-ul li{flex:1;}

.moreLink{display:block; padding:.08rem .24rem; font-size:.16rem; line-height:.3rem; color:white; background:#475770; border-radius:1rem; opacity:.7;}
.moreLink:hover{color:white; background:#475770; opacity:1;}


.product-canshu{display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin:0 0 .2rem;}
.product-canshu:last-child{margin:0;}
.canshu{width:50%;}
.canul{overflow:hidden;}
.canul li{float:left; width:50%; padding:.2rem .2rem .2rem 0; border-bottom:1px solid #ddd;}
.canul li.all-long{width:100%;}
.canul li h5{font-size:.16rem; font-weight:600; color:#363948; margin:0;}
.canul li p{font-size:.16rem; line-height:24px; min-height:48px; color:#666; }

.proimg{width:50%; padding-left:10%;}
.proimg img{display:block; width:100%; margin:0 0 40px}
.proimg.specimg{padding-left:0; padding-right:10%;}

.spece-wrap{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.spece-wrap .flex-box{width:44%;}

.flex-txt h3{font-size:.32rem; margin:0 0 .2rem; position:relative;}
.flex-txt p{font-size:.16rem; color:gray; line-height:1.8; margin:0 0 .1rem; display:flex; flex-wrap:wrap; gap:.1rem;}
.flex-txt p strong{color:#0c0b0c; flex-shrink:0; width:100%;}
.flex-img{position:relative;}
.flex-img video{display:block; width:100%; position:relative; z-index:10; border-radius:.12rem;}
.flex-img img{display:block;  width:100%; border-radius:.12rem; }

.foot-str{display:flex; flex-wrap:wrap;}
.foot-info{width:100%;}
.foot-info dl{margin:0 0 .2rem; color:rgba(255,255,255,.7); line-height:1.65;}
.foot-info dl dt{font-weight:600;}
.foot-info dl dd{margin:0 0 .1rem; font-size:.13rem;}
.foot-info dl dd.address-icon{padding-left:.2rem; background:url(/css/images/address.png) no-repeat left 4px; background-size:10px;}
.foot-info dl dd.mail-icon{padding-left:.2rem; background:url(/css/images/mail.png) no-repeat left center; background-size:10px;}

.foot-info dl dd a{color:rgba(255,255,255,.7);}
.foot-info dl dd a:hover{opacity:.7;}
.foot-info dl dd.phone-icon{padding-left:.24rem; background:url(/css/images/phone.png) no-repeat left center; background-size:10px;}
.foot-info dl dd h3{font-size:.24rem; color:white; margin:0;}

.foot-info .wxBtn .wx-code{display:none; position:absolute; left:50%; top:-1.6rem; transform:translateX(-50%); background:white; border-radius:.1rem; font-size:.12rem; padding:.06rem; color:#999; font-weight:400; }
.foot-info .wxBtn .wx-code img{display:block; width:1.2rem; height:1.2rem; margin:0;}

.social-btn{margin:0 0 .2rem; display:flex; align-items:center;}
.social-btn a{display:block; margin-right:.1rem;  width:.4rem; height:.4rem; border-radius:1rem; border:1px solid #fff; position:relative;  transition:all .3s;}
.social-btn a img{display:block; width:.4rem; height:.4rem; padding:.08rem;}
.social-btn a:hover{background:rgba(255,255,255,.2);}
.foot-info .wxBtn:hover .wx-code{display:block;}


.foot-nav{ display:flex; gap:.4rem; color:white; justify-content:space-between; align-items:flex-start; width:100%;}
.foot-nav dl dt{font-size:.15rem; font-weight:600; margin:0 0 .1rem; font-family: 'Mont-Book';}
.foot-nav dl dd{line-height:2; font-size:.14rem;  text-transform:capitalize; }
.foot-nav dl dd a{color:rgba(255,255,255,.7);}
.foot-nav dl dd a:hover{opacity:.7;}

.downFile{display:flex; flex-wrap:wrap;}
.downFile dt{font-size:.24rem; font-weight:600; margin:0 0 .1rem; width:100%; margin:0 0 .2rem;}
.downFile dd{width:50%;  margin-bottom:.2rem;}
.downFile dd a{display:block; background-color:white; font-size:.16rem; padding:.12rem .12rem .12rem .56rem; position:relative; }
.downFile dd a:before{display:block; content:''; width:.34rem; height:.34rem; background:url(/css/images/down.png) rgba(71,87,112,.7) no-repeat center; background-size:.18rem; border-radius:1rem; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:all .3s;}
.downFile dd a:after{content:''; width:0; height:2px; background:#475770; position:absolute; left:.56rem; bottom:0;  transition:all .3s;}
.downFile dd a:hover:before{background-color:rgba(71,87,112,1);}
.downFile dd a:hover:after{width:.5rem;}

.downFile dt h6{margin:.1rem 0 0; display:inline-block; background:#f0f0f0; border-radius:1rem; padding:.08rem .2rem; font-size:.14rem; color:#333;}
.downFile dd p{font-size:.14rem; color:#777777;}

.down-wrap{display:flex;}
.down-nav{width:20%; border-right:1px solid #ccc; }
.down-nav span{display:block; font-size:.18rem; color:#333; margin:0 0 .1rem; padding:.1rem .2rem .1rem 0; position:relative; cursor:pointer;}
.down-nav span:before{content:''; width:.03rem; height:.3rem; background:#475770; position:absolute; right:-2px; top:50%; transform:translateY(-50%); opacity:0;}
.down-nav span.current{font-weight:600; color:#475770;}
.down-nav span.current:before{opacity:1;}

.down-list{flex:1; padding-left:.4rem;}

/*404*/
.Str-404{width:100%; height:100%; background:#222; color:#fff; display: flex; justify-content:center; align-items: center; text-align:center;}
.Str-404 h1{margin:0; font-size:180px; line-height:1.5; }
.Str-404 h2{font-size:60px; line-height:1.5; }
.Str-404 h3{font-size:24px;  line-height:2; margin:0 0 40px;}
/*wp page*/
.pagination {width:100%; text-align: center; padding: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
.pagination h2{display:none;}
.pagination a ,.pagination span{display:inline-block;margin: 0 1px 0 0; padding: 6px 12px; }
.pagination span.current{background:#475770;  color: #fff !important;}
.pagination a.page-numbers{background:#eeeeee; color:#666666;}

/*news*/
.news-list-page{display:flex;  flex-wrap: wrap; justify-content:left;}
.news-list-page a.newsBox{display:block; background:#fff; margin-right:20px; margin-bottom:20px; padding:30px; width:calc((100% - 40px)/3); box-sizing:border-box; }
.news-list-page a.newsBox:nth-child(3n){margin-right:0;}
.news-list-page a.newsBox h4{font-size:16px; font-family:'AlibabaPuHuiTi'; color:#888; }
.news-list-page a.newsBox .imgbox{margin:0 0 20px; width:100%; padding-top:56%; position:relative; overflow:hidden;}
.news-list-page a.newsBox .imgbox img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.news-list-page a.newsBox h3{font-size:22px; font-weight:600;  line-height:30px; height:60px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.news-list-page a.newsBox p{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.news-list-page a.newsBox span{display:inline-block; position:relative; padding-right:24px; font-size:14px; color:#666; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.news-list-page a.newsBox span:after{content: '\e606';  font-family: 'iconfont'; position:absolute; right:0; top:50%; transform: translate(0, -50%); font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.news-list-page a.newsBox:hover span{padding-right:48px;}
.news-list-page a.newsBox:hover .imgbox img{transform:scale(1.2);}

.moreBtn{padding:.2rem; margin-top:5%; text-align:center; display:flex; align-items:center; justify-content:center;}
.moreBtn .moreNews{display:block; font-size:.16rem; color:#475770; border:1px solid #475770; min-width:10%; padding:.12rem .24rem; border-radius:1rem; transition:all .5s;}
.moreBtn .moreNews:hover{color:#ffffff; background:#475770;}

/*humanoid*/
@font-face {
  font-family: 'Din-Bold';
  src: url("/css/fonts/DIN-Bold.ttf");
  src: url("/css/fonts/DIN-Bold.woff2") format("woff2"), url("/css/fonts/DIN-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Din-Regular';
  src: url("/css/fonts/DIN-Regular.ttf");
  src: url("/css/fonts/DIN-Regular.woff2") format("woff2"), url("/css/fonts/DIN-Regular.ttf") format("truetype");
}
.Str-banner.bgHumanoid{background:url(/css/images/bg_humanoid.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgHumanoid .show-slogan h4{font-size:26px; font-weight:300; line-height:1; letter-spacing:6px;}
.Str-banner.bgHumanoid .show-slogan h2{font-family: 'Din-Bold'; font-size:78px; line-height:1; font-weight:400;  letter-spacing:0; 
  background: linear-gradient(to bottom, #ffffff 40%, #565758,#3D3E40);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  background-clip: text;
  text-fill-color: transparent;
  color: #ffffff;
}
.Str-banner.bgHumanoid .show-slogan h2 label{display:inline-block; margin-left:16px;
background: linear-gradient(to bottom, #81A8CE 40%, #6A7A91);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: #ffffff;
}
.Str-banner.bgHumanoid .show-slogan h3{font-size:32px; line-height:1.2; font-weight:500;}

.bgHumanoid2{background:url(/css/images/humanoid_bg.png) black no-repeat left bottom; background-size:contain; position:relative;}
.humanoid2-wrap{display:flex; justify-content:flex-end; align-items:center;}
.htxt{width:50%;}

.bgHumanoid2 ul{display:flex; flex-wrap:wrap; gap:.3rem; margin:0 0 .2rem;}
.bgHumanoid2 ul li{flex:0 1 auto; flex-shrink:0; position:relative; width:calc((100% - 1rem)/3);}
.bgHumanoid2 ul li:after{content:''; width:1px; height:50%; background:rgba(255,255,255,.4); position:absolute; right:-.1rem; top:50%; transform:translateY(-50%); }
.bgHumanoid2 ul li:nth-child(3):after,.bgHumanoid2 ul li:last-child:after{display:none;}

.bgHumanoid2 dl{display:flex; gap:.5rem; justify-content:space-between; border-bottom:1px dotted rgba(255,255,255,.4); padding:.1rem 0; color:white;}
.bgHumanoid2 dl dt{font-weight:600;}
.bgHumanoid2 dl dd{text-align:right;}

.cs-item{color:white; font-size:.18rem; text-align:left;}
.cs-item i{display:inline-block; font-size:.14rem; opacity:.5;font-style:normal;}
.cs-item label{font-family:'Din-Bold'; font-size:.48rem; display:block;}
.cs-item label sup{font-size:.20rem;}


.cs-item{color:white; font-size:.18rem; text-align:left;}
.cs-item i{display:inline-block; font-size:.14rem; opacity:.5;font-style:normal;}
.cs-item label{font-family:'Din-Bold'; font-size:.64rem; display:block;}
.cs-item label sup{font-size:.24rem;}

.pc-img{display:block;}
.m-img{display:none;}

.bgFeature-1{background:url(/css/images/bg_feat_1.jpg) no-repeat center; background-size:cover;}
.bgFeature-2{background:url(/css/images/bg_feat_2.jpg) #000 no-repeat right bottom; background-size:auto 100%;}
.feat-wrap{display:flex; flex-wrap:wrap; gap:.3rem; justify-content:center; }
.feat-item{flex:1; padding:5%;  color:white; text-align:center;background: linear-gradient(to bottom, rgba(71, 87, 112, 0), rgba(136, 166, 214, .3));}
.feat-item img{display:block; width:100%; margin:0 0 .4rem;}
.feat-item h5{font-size:.24rem; font-weight:500;}
.feat-item p{font-size:.16rem; opacity:.7;}

.str-wrap{display:flex; flex-wrap:wrap; gap:.2rem; }
.str-wrap .str-item-img{flex:1; }
.str-wrap .str-item-img img{display:block; width:100%;}
.str-wrap .str-item-txt{width:39.7%;}
.str-wrap .str-item-txt img{display:block; width:100%;}

.Applys-swiper .swiper-wrapper{width: 100%;}
.Applys-swiper .swiper-slide{width:100%; max-width:1200px; height:720px; position:relative; cursor:pointer; overflow:hidden; border-radius:.1rem;}
.Applys-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }
.Applys-swiper .swiper-slide .txtShow{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:5%; opacity:0; color:white; display:flex; align-items:flex-end; justify-content:flex-start; transition: all .4s; }
.Applys-swiper .swiper-slide .txtShow .custiom-tit{font-size:.18rem; font-weight:400; margin:0;}
.Applys-swiper .swiper-slide .txtShow .custiom-tit strong{font-size:.3rem; font-weight:600;}
.Applys-swiper .swiper-slide.swiper-slide-active .txtShow{opacity:1;}

.Applys-swiper .swiper-button-prev,.Applys-swiper .swiper-container-rtl .swiper-button-next { left:calc((100vw - 1152px)/2); top:50%; transform:translateY(-50%); width:.4rem; height:.4rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; background:rgba(0,0,0,.5);}
.Applys-swiper .swiper-button-prev:hover,.Applys-swiper .swiper-container-rtl .swiper-button-next:hover{background:rgba(0,0,0,.2);}
.Applys-swiper .swiper-button-next,.Applys-swiper .swiper-container-rtl .swiper-button-prev { right:calc((100vw - 1152px)/2); top:50%; transform:translateY(-50%); width:.4rem; height:.4rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; background:rgba(0,0,0,.5);}
.Applys-swiper .swiper-button-next:hover,.Applys-swiper .swiper-container-rtl .swiper-button-prev:hover{background:rgba(0,0,0,.2);}
.Applys-swiper .swiper-button-next:after,.Applys-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.18rem;}
.Applys-swiper .swiper-button-prev:after,.Applys-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.18rem;}

.Str-banner.bgC50u{background:url(/css/images/bg_c50u.jpg) no-repeat center top; background-size:100%; }
.Str-banner.bgC50l{background:url(/css/images/bg_c50l.jpg) no-repeat center top; background-size:100%; }

.bgLightBlue{background: linear-gradient(to bottom, #C3CED8 5%, #C3CED850 20%, #ffffff);}


.canshu-data{display:flex; justify-content:center;}
.candetial{display:flex; flex-direction: column; gap:5px;}
.candetial li{display:flex; flex-wrap:wrap; gap:5px; text-align:left;}
.candetial li span{ font-weight:600; padding-right:20px;}
.candetial li label{ padding-right:20px;}
.candetial li label:last-child{padding:0;}

.bgC50l-2{background:url(/css/images/c50l-2.jpg) no-repeat center top; background-size:cover;}
.bgC50l-3{background:url(/css/images/c50l-3.jpg) no-repeat center top; background-size:cover;}
.bgC50u-2{background:url(/css/images/c50u-2.jpg) no-repeat center bottom; background-size:cover;}
.bgC50u-3{background:url(/css/images/c50u-3.jpg) no-repeat center top; background-size:cover;}

<!--ºÄʱ1778761623.2129Ãë-->