@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Ued Team Copyright 2025 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 */
:root {  
  --main-color-yjh: #1C2081;
  --main-color-black:#202238;
  --main-color-gray:#CCCED4;
  --main-color-lightgray:#f5f5f5;

  --main-fs-h1:3.5rem;
  --main-fs-h2:2.875rem;
  --main-fs-h3:2.5rem;
  --main-fs-h4:2.185rem;
  --main-fs-h5:2rem;
  --main-fs-h6:1.75rem;
  --main-fs-p:1.5rem;

  --html_base: 2.13333vw;

}
html {font-size:var(--html_base); width:100%; height:100%;}
body {font-size:1rem; line-height:1.5; font-family:"Open Sans","PingFang SC","Source Han Sans CN","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif; color:var(--main-color-black,#202238); background:var(--main-color-lightgray,#F5F5F5); 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 0.625rem; }
h1{font-size:var(--main-fs-h1);}
h2{font-size:var(--main-fs-h2);}
h3{font-size:var(--main-fs-h3);}
h4{font-size:var(--main-fs-h4);}
h5{font-size:var(--main-fs-h5);}
h6{font-size:var(--main-fs-h6);}
p{font-size:var(--main-fs-p); margin:0 0 0.625rem;}
sup{font-size:.9rem; vertical-align:top;}

a:hover {color:var(--main-color-yjh,#1c2081); text-decoration:none;}
a{color:var(--main-color-black,#202238); 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);}

img {
  display: inline-block;
  /*max-width: 100%;*/
  /*图片清晰处理*/
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
/*font family*/
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),url('fonts/OpenSans-Light.eot') format('embedded-opentype'),url('fonts/OpenSans-Light.woff') format('woff'),url('fonts/OpenSans-Light.ttf') format('truetype'),url('fonts/OpenSans-Light.svg') format('svg');
    font-display: swap
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),url('fonts/OpenSans-Regular.eot') format('embedded-opentype'),url('fonts/OpenSans-Regular.woff') format('woff'),url('fonts/OpenSans-Regular.ttf') format('truetype'),url('fonts/OpenSans-Regular.svg') format('svg');
    font-display: swap
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('fonts/OpenSans-Semibold.woff2') format('woff2'),url('fonts/OpenSans-Semibold.eot') format('embedded-opentype'),url('fonts/OpenSans-Semibold.woff') format('woff'),url('fonts/OpenSans-Semibold.ttf') format('truetype'),url('fonts/OpenSans-Semibold.svg') format('svg');
    font-display: swap
}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:.16rem;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.bgWhite{background:white;}
.bgGray{background:var(--main-color-lightgray);}
.bgBlack{background:black;}
.bgYjh{background:var(--main-color-yjh);}

.fWhite{color:white;}
.fGray{color:var(--main-color-gray);}
.fBlack{color:var(--main-color-black);}
.fYjh{color:var(--main-color-yjh);}

/*font max line*/
.maxLine-1{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.maxLine-2{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.maxLine-3{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.maxLine-4{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.maxLine-5{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

/**common style**/
.container{position:relative; margin:0 auto; width:calc(100% - 40px);}
.no-scroll{overflow: hidden;}
.commWidget{position:relative; width:100%; }
.commPadding{padding:3.125rem 0;}
.paddingTop-20{padding-top:1.75rem;}
.PaddingBottom-0{padding-bottom:0;}

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

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

.Str-header .Str-menu{display:none; justify-content:space-between; align-items:center; text-align:center;}
.Str-header .Str-menu li{flex:0 1 auto; margin:0; position:relative;}
.Str-header .Str-menu li a{display:block; padding:1rem 1.2rem;  font-size:1rem; color:white; text-decoration:none; position:relative; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; z-index:200;}
.Str-header .Str-menu li a:before{content:'';  opacity:0; width:0; height:2px;  background-color:white; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all .3s;}
.Str-header .Str-menu li a:hover{opacity:.7;}
.Str-header .Str-menu li a:hover:before{opacity:1; width:30%; }

.Str-header .Str-other{margin-right:6.75rem; display:flex; justify-content:flex-end; align-items:center;}
.Str-header .Str-other li{margin-left:0.625rem; position:relative; }
.Str-header .Str-other li.show-lang a{position:relative; padding:0; padding-left:3.125rem; font-size:0; color:white; border-radius:100rem; cursor:pointer;z-index:200; width:3.125rem; height:3.125rem; display:none; box-sizing:border-box; overflow:hidden;}
.Str-header .Str-other li.show-lang a:before{content:'\e85f'; font-family: 'iconfont';  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:3rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}


.Str-header.active,.Str-header-white,.Str-header-light{background:white; color:var(--main-color-black);} 
.Str-header.active h1 a.logo,.Str-header-white h1 a.logo,.Str-header-light h1 a.logo{background-image:url(images/logo_n.svg); }
.Str-header-white .Str-menu li a,.Str-header-light .Str-menu li a{color:var(--main-color-black);}
.Str-header-white .Str-menu li a:before,.Str-header-light .Str-menu li a:before{background-color:var(--main-color-yjh);}
.Str-header-white .Str-menu li a:hover,.Str-header-light .Str-menu li a:hover{color:var(--main-color-yjh); opacity:1;}
.Str-header.active .Str-other li.show-lang a,.Str-header-white .Str-other li.show-lang a,.Str-header-light .Str-other li.show-lang a{color:var(--main-color-black); }


.Str-header .Str-mobile-menu{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; cursor:pointer; position:absolute; right:0; top:0; width:6.5rem; height:6.75rem; padding:2rem 1.6875rem;}
.Str-header .Str-mobile-menu .menu-line{display:block; width:100%; height:3px; 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; border-radius:100rem;}
.Str-header.active .Str-mobile-menu .menu-line,.Str-header-white .Str-mobile-menu .menu-line,.Str-header-light .Str-mobile-menu .menu-line{background:var(--main-color-black);}


/*pc nav*/
.nav-mask{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,.7); z-index:100;}
.submenu-box{position: fixed; left: 0; top: 0; width: 100%; background:url(images/navbg.png) white no-repeat right top; background-size:cover; pointer-events: none;   overflow: hidden; height:0; -webkit-transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); z-index: 150;}
.submenu-content{padding-top:4rem;}

.submenuWrap{flex:1; display:flex; align-items:flex-start; gap:2vw; padding:1.5rem 0;}
.submenuWrap .subnav-left{width:14%;}
.submenuWrap .subnav-left ul{display:block; width:100%;}
.submenuWrap .subnav-left ul li{width:100%;}
.submenuWrap .subnav-left ul li a{display:block; width:100%; font-size:1rem; padding:.75rem 0; text-align:left;}

.submenuWrap .subnav-right{flex:1; display:flex; align-items:center; flex-wrap:wrap; gap:1rem;  }
.submenuWrap .subnav-right .total-tit{width:100%; font-size:var(--main-fs-h6); color:gray; opacity:.7;}
.submenuWrap .subnav-right .cellBox{flex:1; padding:1.2rem; display:flex; align-items:center; justify-content:center; box-sizing:border-box;  }
.submenuWrap .subnav-right .cellBox:before{display:none;}
.submenuWrap .subnav-right .cellBox img{display:block; width:7.5rem; transition:all .3s;}

.submenuWrap .subnav-left span{display:block; cursor:pointer; width:100%; font-size:1rem; padding:.75rem 0; text-align:left; position:relative;  }
.submenuWrap .subnav-left span:before{content:''; width:0; height:1px; background:rgba(204, 206, 212, 1); position:absolute; left:0; bottom:0;  transition:all .4s;}
.submenuWrap .subnav-left span.current{color:var(--main-color-yjh);}
.submenuWrap .subnav-left span.current:after{content:'\eb03'; font-family: 'iconfont';  position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:1rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}
.submenuWrap .subnav-left span.current:before{width:100%;}

.submenuWrap .subnav-right .specBox{position:relative; display:block; width:calc((100% - 3rem)/4); box-sizing:border-box; padding:1rem; background:none; text-align:center; font-size:1rem; color:gray; transition:all .3s;}
.submenuWrap .subnav-right .specBox:before{display:none;}
.submenuWrap .subnav-right .specBox img{display:block; width:100%; height:100%;}
.submenuWrap .subnav-right .specBox:hover{color:var(--main-color-yjh);}


.Str-header .Str-menu li.active a:before{opacity:1; width:30%;}
.Str-header .Str-menu li.active .submenu-box{pointer-events: auto; }
.Str-header .Str-menu li.active .submenuWrap .subnav-left ul li a:before{width:0; height:.01rem; background-color:rgba(204, 206, 212, 1); left:0; transform:translateX(0);}
.Str-header .Str-menu li.active .submenuWrap .subnav-left ul li a:after{content:'\eb03'; font-family: 'iconfont';  position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:1rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .4s;}
.Str-header .Str-menu li.active .submenuWrap .subnav-left ul li a:hover:before{width:100%;}

.submenu-list{position:absolute; left:50%; top:0; width:8.25rem; transform:translateX(-50%); pointer-events: none; overflow: hidden; height:0; -webkit-transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); transition: height .3s cubic-bezier(0.4, 0, 0.6, 1); z-index: 150;}
.Str-header .Str-menu li ul.sublist-nav{padding-top:3.75rem; }
.Str-header .Str-menu li ul.sublist-nav li{background:white;}
.Str-header .Str-menu li ul.sublist-nav li:last-child,.Str-header .Str-menu li ul.sublist-nav li:last-child a{border-radius:0 0 .06rem .06rem;}
.Str-header .Str-menu li ul.sublist-nav li a{display:block; font-size:1rem; padding:0.75rem 0; color:var(--main-color-black);}

.Str-header .Str-menu li.active .submenu-list{pointer-events: auto;}
.Str-header .Str-menu li.active ul.sublist-nav li a:before{display:none;}
.Str-header .Str-menu li.active ul.sublist-nav li a:hover{color:var(--main-color-yjh); background-color:var(--main-color-lightgray); }


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

.mask {display:none; position: absolute; top:0; left:0; width:100%; height:100%; background-color:white; z-index: 997;}
.mask.show {display:block;}

.menu{position:fixed; width:100%; top:6.75rem; z-index: 998; overflow: hidden;}
.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: calc(100vh - 6.75rem); overflow: auto;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul {overflow-y: auto;}
.menu .menu-sitenav ul li{margin:0 0 0.375rem;}
.menu .menu-sitenav ul li a{position:relative; background:var(--main-color-lightgray); color:var(--main-color-black); display: block; font-size: 1.75rem; font-weight:500; padding:2.5rem; box-sizing:border-box; width: 100%; -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:'\e606'; font-family: 'iconfont';  position:absolute; right:2.5rem; top:50%; transform:translateY(-50%); font-size:2.75rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;  transition:all .3s;}
.menu .menu-sitenav ul li.menu-item.menu-item-curr a{color:var(--main-color-yjh);}
.menu .menu-sitenav ul li.menu-item.menu-item-curr a:after{ transform:translateY(-50%) rotate(180deg); }

.menu.active .menu-sitenav li ul.submenu{display:none; width:100%; background:var(--main-color-yjh); overflow:hidden;}
.menu.active .menu-sitenav li ul.submenu li{width:100%;}
.menu.active .menu-sitenav li ul.submenu li a{display:block;font-size:1.5rem; color:white; border:0; padding:1.75rem 2.5rem; transition:all .3s;background:none;}
.menu.active .menu-sitenav li ul.submenu li a:hover{background-color:white; color:var(--main-color-yjh);}
.menu.active .menu-sitenav li ul.submenu li a:after{display:none;}


/*Footer*/
.Str-footer{background:url(images/footer_bg.svg) no-repeat right top; background-size:100%; background-color:var(--main-color-yjh); position:relative; overflow:hidden;}
.footer-wrap{display:flex; align-items:flext-start; justify-content:space-between; flex-wrap:wrap; gap:2vw; padding:0 0 1rem; position:relative; z-index:100;}
.footer-left{width:100%;}
.footer-logo{margin:2.75rem 0;}
.footer-logo a.logo-footer{display:block; width:9.926rem; height:3.75rem; text-indent:-8889px; background:url(images/logo_w.svg) no-repeat center; background-size:9.926rem 3.75rem;}
.footer-infor{margin:0 0 1.75rem;  color:white;}
.footer-infor dt{font-size:1.75rem; opacity:.7;}
.footer-infor dd{font-size:2rem;}
.footer-infor dd strong{font-size:2.5rem; font-weight:600;}
.footer-infor dd a{color:white;}
.footer-infor dd img.code-wx{display:block; width:10.25rem; margin:.25rem 0 0;}

.footer-right{display:none; flex:1; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; flex-shrink: 0;}
.footer-cell{margin-left:auto;}
.foot-nav{margin:0 0 2vw; color:white;}
.foot-nav.nav-long{margin:0 0 .8125rem;}
.foot-nav dt{font-size:1.5rem; font-weight:600; margin:0 0 .8125rem;}
.foot-nav dt a{color:white;}
.foot-nav dt.sub{font-size:1rem; margin:0; font-weight:normal;}
.foot-nav dd a{display:inline-block; font-size:1.5rem; opacity:.7; color:white; margin:0.125rem 0; font-weight:400; transition:all .3s;}
.foot-nav dd a:hover{opacity:1; }

.footer-statement{padding:1rem 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; position:relative; z-index:90;}
.f-left,.f-right{font-size:1.5rem; color:rgba(255,255,255,.7); font-weight:300;}
.f-left span,.f-left a,.f-right a{display:inline-block; margin-right:.8125rem; color:white;}
.foot-canvas{display:block; position:absolute; left:0; top:30%; width:100%; height:100%; z-index:0; opacity:.5;}

/*index style*/
.Str-screen{width:100%; height:120vw; position:relative; margin-top:6.75rem;}
.Home-swiper{width:100%; height:100%; }
.Home-swiper .swiper-slide{width:100%; height:100%; position:relative;}
.Home-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; object-position:50% 50%;}
.Home-swiper .swiper-slide video{display:block; height:100%; width:100%; position:absolute; left:0; top:0;   object-fit:cover; object-position:65% 50%;}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {display:none; right:1rem; left: auto; width:2.75rem; height:2.75rem; border-radius:1rem; color:white; font-weight:600; align-items:center; justify-content:center; }
.Home-swiper .swiper-button-next:after,.Home-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {display:none; right: auto; left:1rem; width:2.75rem; height:2.75rem; border-radius:1rem; color:white; font-weight:600; align-items:center; justify-content:center;}
.Home-swiper .swiper-button-prev:after,.Home-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem;}

.Home-swiper .swiper-pagination {position: relative; display: flex; align-items: center;  justify-content: flex-end; bottom:10%; margin:0 auto; width:87.5%; max-width:1680px; }
.Home-swiper .swiper-pagination:before{opacity:0; content:''; width:12px; height:12px;border:1px solid white; border-radius:100rem; position:absolute; left:0;top:50%; transform:translateY(-50%);}
.Home-swiper .swiper-pagination:after{opacity:0; content:''; width:2px; height:6px; background:none; position:absolute; left:.1rem; top:6px; -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;}

.Home-swiper .swiper-pagination div {width: 30px; height: 30px; margin: 0.2rem 0; position: relative; background-color: transparent; opacity: 1;}
.Home-swiper .swiper-pagination div:before{content: ''; display: block; width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, .3); position: absolute;  left: 0; top: 0; border-radius: 100%; opacity: 0; transition:all .8s ease-in-out; box-sizing:border-box;}
.Home-swiper .swiper-pagination div:after {content: ''; display: block; width: 6px;  height: 6px;  border-radius: 100%; background-color: rgba(255, 255, 255, .5);  position: absolute; left: 50%;  top: 50%; margin-top: -3px; margin-left: -3px; transition:all .8s ease-in-out; box-sizing:border-box;}
.Home-swiper .swiper-pagination div svg {display: block; width: 100%;}
.Home-swiper .swiper-pagination div svg circle {stroke: rgba(255, 255, 255, 1); stroke-width: 2px; fill: transparent; r: 48; cx: 51;  cy: 51; stroke-dasharray: 300; stroke-dashoffset: 300;}

.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active:before{opacity:1;}
.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active:after{background-color: rgba(255, 255, 255, 1);}
.Home-swiper .swiper-pagination div.swiper-pagination-bullet-active svg circle{transition: stroke-dashoffset ease 8s; stroke-dashoffset: 0;}

.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)}
.gradient-overlay-yjh{background: linear-gradient(to bottom,rgba(28,32,129,.6) 10%,rgba(28,32,129,.3) 40%,rgba(28,32,129,0) 100%);}
.gradient-overlay-home{background: linear-gradient(to right,rgba(28,32,129,.4) 20%,rgba(28,32,129,.1) 60%,rgba(28,32,129,0) 100%);}
.gradient-overlay-honor{background: linear-gradient(to right,rgba(129,165,201,1) ,rgba(255,255,255,0) 100%);}
.gradient-overlay-black{background: linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,0));}
.gradient-overlay-light{background: linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,0));}
.gradient-overlay-none{background: none;}

.showSlogan{position:relative; height:100%; display: flex; justify-content:flex-start; align-items: center; text-align:center; }
.showSlogan.showRight{justify-content:flex-end;}
.showSlogan.showTop{ align-items: flex-start; padding-top:12vw;}
.showSlogan.showBottom{ align-items: flex-end; padding-bottom:12vw;}
.show-slogan{width:100%; }
.show-slogan.tLeft{text-align:left; }
.show-slogan.tHalf{width:80%; }
.show-slogan.tRight{text-align:right; }
.show-slogan h1{font-size:var(--main-fs-h1);}
.show-slogan h2{font-size:var(--main-fs-h2); line-height:1.35; font-weight:500;}
.show-slogan h3{font-size:var(--main-fs-h3); line-height:1.5; font-weight:400; margin:0;}
.show-slogan h3 strong{font-weight:600;}
.show-slogan h4{font-size:var(--main-fs-h4); font-weight:400; margin:0 0 .1rem;}
.show-slogan h5{font-size:var(--main-fs-h5); line-height:1.5; font-weight:400;}
.show-slogan h6{font-size:var(--main-fs-h6); line-height:1.5; font-weight:400;}
.show-slogan p{font-size:var(--main-fs-p); font-weight:400; }


.home-btn{margin-top:3.75rem;}
.homeLink{position:relative; display:inline-block;  box-sizing:border-box; text-align:center;  font-size:1.5rem; line-height:3.495rem; padding:0 2.875rem;  color:white; background:var(--main-color-yjh); border-radius:100rem;  overflow:hidden;  transition: all 0.3s ease-in-out;} 
.homeLink:hover{color:var(--main-color-yjh); background:white;}

.btnLink{position:relative; display:inline-block;box-sizing:border-box; text-align:center; font-size:1.5rem; line-height:3.275rem;   padding:0 2.875rem;  overflow:hidden; border-radius:100rem; background:none; overflow:hidden;  border:1px solid rgba(255,255,255,.7); transition: all 0.3s ease-in-out; color:white;} 
.btnLink:hover{background-color:var(--main-color-yjh); color:white; border:1px solid var(--main-color-yjh);}

.moreLink{position:relative; display:inline-block; font-size:1.5rem; padding-right:2.125rem; font-style:normal; color:white;}
.moreLink:after{content:'\eb03';  font-family: 'iconfont'; font-size:1.75rem; font-weight:300; position:absolute; right:0px; top:50%; transform: translate(0, -50%); text-indent:0px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.moreLink:hover{padding-right:2.75rem; color:white;}

.Huma-swiper{width:100%;}
.Huma-swiper .swiper-slide{width:100%; padding-top:120vw;  position:relative;  overflow:hidden;}
.Huma-swiper .swiper-slide img{position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover;}
.Huma-swiper .swiper-slide video{position: absolute; right:0; bottom:0; min-width:100%;  min-height:100%; background-size: cover; overflow:hidden;}

.Huma-swiper .swiper-pagination-bullets,.Huma-swiper .swiper-pagination-custom, .Huma-swiper .swiper-pagination-fraction { bottom:5%;}
.Huma-swiper .swiper-pagination-bullet{width:3.75rem; height: 3px; display: inline-block; border-radius:0;  background:white; opacity: .5; margin:0;}
.Huma-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-yjh,#1c2081); }
.Huma-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Huma-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .45rem;}

.index-title{margin:0 0 3.125rem; text-align:center;}
.index-title h3{font-size:var(--main-fs-h3); margin:0; font-weight:500;}
.index-title h4{width:100%; font-size:var(--main-fs-h4); font-weight:500; padding-bottom:1.75rem;}
.index-title p{font-size:1.75rem; color:var(--main-color-black); opacity:.7; margin-top:1rem; line-height:1.8;}
.index-title p.tLeft{text-align:justify; font-size:1.75rem;}

.App-swiper .swiper-wrapper{width: 100%; padding-top:4.875rem;}
.App-swiper .swiper-slide{width:100%; height:65vw; position:relative; cursor:pointer;}
.App-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }
.App-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-start; justify-content:center; text-align:center; transition: all .4s; }
.App-swiper .swiper-slide .txtShow .custiom-tit{font-size:var(--main-fs-h4); font-weight:500; margin:0 0 2.5rem;}
.App-swiper .swiper-slide .txtShow .custom-logo{display:block; position:relative; height:2.5rem; width:auto; margin:0 auto 1rem;}
.App-swiper .swiper-slide .txtShow .home-btn{text-align:center;  margin-top:0;}
.App-swiper .swiper-slide.swiper-slide-active .txtShow{opacity:1;}

.App-swiper .swiper-pagination-bullets,.App-swiper .swiper-pagination-custom, .App-swiper .swiper-pagination-fraction {top: 0; bottom:auto; width: 100%; }
.App-swiper .swiper-pagination-bullet{width:auto; display:inline-block; height:3.75rem; line-height:3.75rem; padding:0 1.25rem; border-radius:.375rem; display: inline-block;  background:#efefef;  opacity: 1; color:#787878;  font-size:1.5rem;}
.App-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-yjh); color:white;}
.App-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .App-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .5rem;}

.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:1rem;   width:2.75rem; height:2.75rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; transform:translateY(50%); background:rgba(0,0,0,0);}
.App-swiper .swiper-button-prev:hover,.App-swiper .swiper-container-rtl .swiper-button-next:hover{background:rgba(0,0,0,.2);}
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:1rem;  width:2.75rem; height:2.75rem; color:#fff; border-radius:100rem; font-weight:600; transition: all .4s; margin:0; transform:translateY(50%); background:rgba(0,0,0,0);}
.App-swiper .swiper-button-next:hover,.App-swiper .swiper-container-rtl .swiper-button-prev:hover{background:rgba(0,0,0,.2);}
.App-swiper .swiper-button-next:after,.App-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem;}
.App-swiper .swiper-button-prev:after,.App-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem;}

.hot-news a.hotnews-link{display:flex; flex-wrap:wrap; gap:0;}
.hot-news a.hotnews-link .hotnews-img{flex:0 1 auto; width:100%; padding-top:22.25rem; position:relative; overflow:hidden;}
.hot-news a.hotnews-link .hotnews-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: all .4s;}

.hot-news a.hotnews-link .hotnews-txt{width:100%; background:rgba(28,32,129,.7);  color:white; padding: 1.75rem 2.5rem 1.75rem; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; transition: all .4s;}
.hot-news a.hotnews-link .hotnews-txt .news-title{font-size:2rem; transition: all .4s;}
.hot-news a.hotnews-link .hotnews-txt p{font-size:var(--main-fs-p); opacity:.5; transition: all .4s;}
.hot-news a.hotnews-link .hotnews-txt p.news-date{font-size:var(--main-fs-p);  margin-top:1rem; transition: all .4s;}



.hot-news a.hotnews-link:hover .hotnews-img img{transform:scale(1.1);}
.hot-news a.hotnews-link:hover .hotnews-txt{background:var(--main-color-yjh);}
.hot-news a.hotnews-link:hover .hotnews-txt .news-title{color:white;}
.hot-news a.hotnews-link:hover .hotnews-txt p{color:white;}

.hot-news.warm-news{margin:0 0 2.5rem;}
.hot-news.warm-news:last-child{margin:0;}
.hot-news.warm-news a.hotnews-link{gap:0rem;}
.hot-news.warm-news a.hotnews-link .hotnews-img{flex:0 1 auto; width:100%;}
.hot-news.warm-news:last-child a.hotnews-link .hotnews-txt{order:1;}
.hot-news.warm-news:last-child a.hotnews-link .hotnews-img{order:0;}

.hotnews-list{margin-top:1.25rem; display:flex; align-items:flex-start; flex-wrap:wrap; gap:2.5rem; background:var(--main-color-lightgray); padding:2.5rem;}
.hotnews-list a.news-cell{display:block; flex:0 1 auto; width:100%; position:relative; padding:0 0 1.25rem; transition: all .4s;}
.hotnews-list a.news-cell:before{content:''; width:100%; height:1px; background:var(--main-color-gray); position:absolute; left:0; bottom:0; }
.hotnews-list a.news-cell:after{content:''; width:0; height:1px; background:var(--main-color-yjh); position:absolute; left:0; bottom:0; z-index:10; transition: all .4s;}
.hotnews-list a.news-cell .news-title{margin:0 0 2vw; font-size:2rem; color:var(--main-color-black); font-weight:500; line-height:1.5; height:auto; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; transition: all .4s;}
.hotnews-list a.news-cell p.news-date{font-size:var(--main-fs-p); color:var(--main-color-black);}

.hotnews-list a.news-cell:hover:after{width:100%;}
.hotnews-list a.news-cell:hover .news-title{color:var(--main-color-yjh);}


.friend-list{display:flex; align-items:center; flex-wrap:wrap; gap:1.25rem;}
.friend-list .friend-cell{width:calc((100% - 2.5rem)/3);}
.friend-list .friend-cell img{display:block; width:100%;}

/*end index*/
/*humanoid*/
.Str-banner{padding-top:6.75rem;}
.Huma-case{width:100%; padding-top:65vw; position:relative; overflow:hidden;}
.Huma-case img{position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover;}
.Huma-case video{position: absolute; right:0; bottom:0; min-width:100%;  min-height:100%; background-size: cover; overflow:hidden;}

.humanoid-flash{display:flex; flex-wrap:wrap; gap:1.875rem; width:100%;}
.humanoid-flash .box-sider{width:100%; padding:2.5rem 2.5rem 24%; min-height:24.75rem; background:url(images/flash_bg_0.jpg) no-repeat center bottom; background-size:cover; background-color:var(--main-color-black); color:white; border-radius:0.875rem;}
.humanoid-flash .box-main{flex:0 1 auto; width:100%; display:flex; gap:1.875rem; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.humanoid-flash .box-main .main-cell{flex:0 1 auto; width:100%; display:flex; flex-wrap:wrap; gap:1.875rem;}
.humanoid-flash .box-main .main-cell .cell-item{background-color:var(--main-color-black); padding:2.5rem 2.5rem 24%; min-height:24.75rem; color:white; flex:0 1 auto; width:100%; border-radius:0.875rem;}
.flash-tit{font-size:var(--main-fs-h5); font-weight:400;}
.flash-dec{font-size:var(--main-fs-p); font-weight:300; opacity:.7;}

.flashBg-1{ background:url(images/flash_bg_1.jpg) no-repeat right center; background-size:auto 100%;}
.flashBg-2{ background:url(images/flash_bg_2.jpg) no-repeat right center; background-size:auto 100%;}
.flashBg-3{ background:url(images/flash_bg_3.jpg) no-repeat right center; background-size:auto 100%;}
.flashBg-4{ background:url(images/flash_bg_4.jpg) no-repeat right center; background-size:auto 100%;}

/*end humanoid*/
/*product*/
.product-spec-list{display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; gap:2.5rem;}
.product-spec-list .prospec-cell{width:calc((100% - 2.5rem)/2); text-align:center;}
.product-spec-list .prospec-cell img{display:block; margin:0 auto 0.75rem; width:5.5rem; height:5.5rem; border:2px solid var(--main-color-yjh); border-radius:100rem;}
.product-spec-list .prospec-cell span{font-size:var(--main-fs-p); color:gray;}
.product-spec-list .prospec-cell span strong{font-weight:500; color:var(--main-color-black); display:block;}

.Pro-case{width:100%; padding-top:62.5vw; position:relative; overflow:hidden;}
.Pro-case img{position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover;}
.Pro-case video{position:absolute; left:0; top:0; min-width:100%; min-height:100%;  object-fit:cover;  overflow:hidden;}
.Pro-case .show-slogan.tLeft.tLine-yellow{padding-left:1.75rem; position:relative;}
.Pro-case .show-slogan.tLeft.tLine-yellow:after{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);  width:4px; height:80%; background:#F69B19;}
.Pro-case .show-slogan.tRight.tLine-yellow{padding-right:1.75rem; position:relative;}
.Pro-case .show-slogan.tRight.tLine-yellow:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:4px; height:80%; background:#F69B19;}

.Pro-case .show-slogan.tLeft.tLine-green{padding-left:1.75rem; position:relative;}
.Pro-case .show-slogan.tLeft.tLine-green:after{content:'';position:absolute; left:0; top:50%;  transform:translateY(-50%); width:4px; height:80%; background:#00FF98;}
.Pro-case .show-slogan.tRight.tLine-green{padding-right:1.75rem; position:relative;}
.Pro-case .show-slogan.tRight.tLine-green:after{content:'';position:absolute; right:0; top:50%;  transform:translateY(-50%); width:4px; height:80%; background:#00FF98;}

.Pro-case .show-slogan.tLeft.tLine-blue{padding-left:1.75rem; position:relative;}
.Pro-case .show-slogan.tLeft.tLine-blue:after{content:'';position:absolute; left:0; top:50%;  transform:translateY(-50%); width:4px; height:80%; background:#4992EA;}
.Pro-case .show-slogan.tRight.tLine-blue{padding-right:1.75rem; position:relative;}
.Pro-case .show-slogan.tRight.tLine-blue:after{content:'';position:absolute; right:0; top:50%;  transform:translateY(-50%); width:4px; height:80%; background:#4992EA;}

.Pro-case .show-slogan h2{font-size:1.75rem;}
.Pro-case .show-slogan p{font-size:0.875rem;}

.Pro-banner{width:100%; padding-top:120vw;  position:relative;  overflow:hidden; }
.Pro-banner.abtBanner{padding-top:56vw;}

.Pro-banner img{position:absolute; left:0; top:0; display:block; width:100%; height:100%; object-fit:cover;}
.Pro-banner img.mobile-img{display:block;}
.Pro-banner img.pc-img{display:none;}
.Pro-banner video{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%;  min-height:100%; background-size: cover; overflow:hidden;}
.Pro-banner .show-slogan img.img-txt-icon{display:block; width:18.75rem; height:auto; position:relative;}
.banner-spec .showSlogan{align-items: flex-start; padding-top:8vw;}
.banner-spec .showSlogan.showCenter{align-items: center; padding:0;}
.banner-spec .show-slogan.tLeft{text-align:center;}
.banner-spec .show-slogan img.img-txt-icon{margin:0 auto;  margin-top:1.75rem;}

.Pro-video{width:100%;position:relative; }
.Pro-video video{width:100%; height:auto; background-size: cover; overflow:hidden;}

.swiper.Comm-swiper {width: 100%;height: 100%;}
.Comm-swiper .swiper-wrapper{width: 100%; padding-bottom:2.5rem;}
.Comm-swiper .swiper-slide{width:100%; padding-top:60.73%; position:relative;}
.Comm-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.Comm-swiper .swiper-slide .mark{position:absolute; left:0; bottom:0; padding:0.875rem 1.25rem; width:100%; font-size:var(--main-fs-p); color:white; background:rgba(0,0,0,.2);}
.Comm-swiper .swiper-pagination-bullets,.Comm-swiper .swiper-pagination-custom, .Comm-swiper .swiper-pagination-fraction {position:relative; bottom:.2rem; }
.Comm-swiper .swiper-pagination-bullet{width:0.625rem; height: 0.625rem; border-radius:100rem; display: inline-block;  background:var(--main-color-black);  opacity: .3;}
.Comm-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-yjh);}

.Comm-swiper .swiper-button-next,.Comm-swiper .swiper-container-rtl .swiper-button-prev {left:auto; right:1.5rem; background:rgba(0,0,0,.1); width:2.75rem; height:2.75rem; border-radius:100rem; color:white; transform:translateY(-50%); }
.Comm-swiper .swiper-button-prev,.Comm-swiper  .swiper-container-rtl .swiper-button-next {left:1.5rem; right:auto; background:rgba(0,0,0,.1); width:2.75rem; height:2.75rem; border-radius:100rem; color:white; transform:translateY(-50%); }
.Comm-swiper .swiper-button-next:after,.Comm-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem; font-weight:600; }
.Comm-swiper .swiper-button-prev:after,.Comm-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem; font-weight:600; }

.bgZ200{background:url(images/bg_z200_1.jpg) white no-repeat left center; background-size:cover;}
.bgJ20{background:url(images/bg_j20_1.png) white no-repeat center bottom; background-size:cover;}

.commProduct{width:100%;}
.commProduct img{display:block; width:100%; height:auto;}
.commProduct img.small{width:auto; height:auto; max-width:100%; margin:2.5rem auto;}

.commFlex{width:100%; display:flex; flex-wrap:wrap; gap:1rem;}
.commFlex .commCell-six{flex:0 1 auto; width:calc((100% - 2rem)/3);}
.clean-mabox{text-align:center; font-size:var(--main-fs-p); color:gray;}
.clean-mabox img{display:block; width:6.5rem; height:6.5rem; border-radius:200rem; margin:0 auto 1rem;}

.proJ30{padding:1.75rem;}
.j30-wrap{display:flex; flex-wrap:wrap; gap:1.75rem;}
.j30-wrap .wrap-cell{flex:0 1 auto; width:100%; padding:10%; background:var(--main-color-lightgray); display:flex; align-items:center; justify-content:center; gap:20%;}
.j30-wrap .wrap-cell .cell-txt{flex:1;}
.j30-wrap .wrap-cell .cell-txt .txt-spec{display:flex; align-items:center; gap:1.5rem;}
.j30-wrap .wrap-cell .cell-txt h4{font-size:2.5rem;}
.j30-wrap .wrap-cell .cell-txt p{font-size:1.75rem;}
.j30-wrap .wrap-cell .cell-img{width:16.6666%;}
.j30-wrap .wrap-cell .cell-img img{display:block; width:100%;}



/*end product*/
/*landing page*/
.page-about{display:flex; flex-wrap:wrap;}
.page-about .about-logo{width:100%; margin:0 0 2.5rem;}
.page-about .about-logo img{display:block; width:16.5rem; height:auto; margin:0 auto;}
.page-about .about-txt{flex:0 1 auto; width:auto; padding-left:0;}
.page-about .about-txt h4{font-size:var(--main-fs-h4); color:var(--main-color-black); }
.page-about .about-txt p{font-size:1.75rem; color:gray;}
/*end landing page*/
/*about style*/
.bgAbout{background:url(images/bg_about.jpg) white no-repeat center bottom; background-size:100%; padding-bottom:25vw;}
.aboutWrap{display:flex; gap:4vw; flex-wrap:wrap; align-items:center; justify-content:center; }
.aboutWrap .about-img img{display:block; max-width:10.5rem; }
.aboutWrap .about-txt{flex:0 1 auto; width:100%;}
.aboutWrap .about-txt h3{font-size:var(--main-fs-h3); font-weight:400; margin:0 0 1.5rem; }
.aboutWrap .about-txt p{font-size:1.75rem; text-align:justify; margin:0 0 0.875rem;}

.subCompany{width:100%; padding:0 0 2.5rem;}
.subCompany .swiper-slide{text-align: center;  font-size:var(--main-fs-p); display: flex; justify-content: center; align-items: center;}
.subCompany .swiper-slide a{display:block; width:100%; height:100%; padding:.875rem 0; box-sizing:border-box; color:rgba(0,0,0,.6);}
.subCompany .swiper-slide img{display:block; height:2.75rem; margin:0 auto .875rem;}

.subCompany .swiper-pagination-bullets,.subCompany .swiper-pagination-custom, .subCompany .swiper-pagination-fraction { bottom:0;}
.subCompany .swiper-pagination-bullet{display: inline-block; background:gray; opacity: .5; margin:0;}
.subCompany .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-yjh,#1c2081); }

.sub-name{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4vw;}
.sub-name .name-cell{ text-align:center; color:var(--main-color-gray);}
.sub-name .name-cell strong{font-weight:500; font-size:var(--main-fs-h6); color:var(--main-color-black); display:block;}

/*tx*/
.solution-box{overflow:hidden; height:auto;}
.solution-box .solbox{cursor:pointer; position:relative; float:left; width:100%; height:60vw; transition: all 0.5s ease-in-out;}
.solution-box .solbox.sitem-1{background:url(images/index-slide-1.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-2{background:url(images/index-slide-2.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-3{background:url(images/index-slide-3.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-4{background:url(images/index-slide-4.jpg) no-repeat center; background-size:cover;}

.solution-box .solbox.active{width:100%;}
.solution-box .solbox.small{width:100%;}

.solution-name{position:absolute; left:0%; top:0%; width:100%; padding:2.5rem; z-index:8;}
.solution-name p{padding-top:0;  opacity:1; font-size:var(--main-fs-h4); font-weight:400; transition: all 0.5s ease-in-out;}
.solution-name p label{display:inline-block; margin-right:1rem;}
.smask{position:absolute; left:0; top:0; width:100%; height:100%;  transition: all 0.3s; z-index:1;}

.solution-box .solbox.active .smask{background: linear-gradient(to bottom,rgba(255,255,255,.3) 8%,rgba(255,255,255,0.1) 70%,rgba(255,255,255,0) 100%);}
.solution-box .solbox.active .solution-name p{padding-top:0; opacity:1;}
/*tx*/
.bgHistory{background:url(images/bg_history.png) white no-repeat right center; background-size:100%;}
.history-txt{text-align:center;}
.history-txt p{font-size:var(--main-fs-p); color:var(--main-color-black);}

/*history start*/
.HistoryWarp{width:100%; padding:3.75rem 20px; background:white;}
.History-swiper .swiper-wrapper{width: 100%; height:38.125rem; }
.History-swiper .swiper-slide{padding-left: 5%; padding-bottom: 2%; cursor: pointer;}
.History-swiper .swiper-slide .item{padding-left:2.5rem;  position: relative;  top: 0;  transition: 0.4s;}
.History-swiper .swiper-slide .item:before{content: '';  position: absolute; left: -4px; top:10%; width: 5px; height: 5px; border: 2px solid var(--main-color-yjh);  -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.History-swiper .swiper-slide .item:after{content: ''; position: absolute;  left: 0;  top:calc(10% + 10px);  height: 100%;  width: 1px; background: #ddd;}
.History-swiper .swiper-slide .item .top{font-size:var(--main-fs-h3);  font-weight:600; position: relative;  -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.History-swiper .swiper-slide .item .bot{color:gray;  margin-top:1rem; -webkit-transition: 0.4s; -o-transition: 0.4s;  transition: 0.4s;  max-height:25.625rem;  overflow: auto; overflow-x: hidden;   overflow-y: auto;  padding-right: 1rem;}
.History-swiper .swiper-slide .item .bot p{margin:0 0 .875rem; font-size:1.5rem; }

.History-swiper .active .item .top {font-size:var(--main-fs-h2); color:var(--main-color-yjh);}
.History-swiper .active .item .bot p{color: var(--main-color-black);}
.History-swiper .active .item::before {top:12%;  background: var(--main-color-yjh);}
.History-swiper .active .item::after {top:calc(12.5% + 10px); }
.History-swiper .swiper-slide .item .bot::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 1px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 2px;
}

.History-swiper  .swiper-slide .item .bot::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
	background: rgba(7, 49, 144, 1);
}

.History-swiper  .swiper-slide .item .bot::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.1);
}

.YearSpace{padding:0 2.75rem; position:relative;}
.Year-swiper .swiper-wrapper{width: 100%; }
.Year-swiper .swiper-slide{cursor: pointer; }
.Year-swiper .swiper-slide p{margin:0; font-size: 2.125rem; color:gray; text-align: center;  cursor: pointer; margin:0;}
.Year-swiper .active p{color: var(--main-color-yjh); font-weight:600;}

.YearSpace .swiper-button-next,.YearSpace .swiper-container-rtl .swiper-button-prev {left:auto; right:0; width:2.75rem; height:2.75rem; border-radius:100rem; color:gray; top:50%; transform:translateY(-50%); margin:0;}
.YearSpace .swiper-button-next:after,.YearSpace .swiper-container-rtl .swiper-button-prev:after {font-size:1.5rem; font-weight:600;}
.YearSpace .swiper-button-prev,.YearSpace  .swiper-container-rtl .swiper-button-next {left:0; right:auto; width:2.75rem; height:2.75rem; border-radius:1rem; color:gray; top:50%; transform:translateY(-50%); margin:0; }
.YearSpace .swiper-button-prev:after,.YearSpace .swiper-container-rtl .swiper-button-next:after {font-size:1.5rem; font-weight:600;}

.img_box {overflow: hidden;  position: relative; width:100%;}
.img_box .img_list {position: relative; left: 0; -webkit-transition: 0.6s ease;  -o-transition: 0.6s ease; transition: 0.6s ease; }
.img_box .img_list img {display:block; width:100%; position: relative;  left: 0; }
.img_box .img_list .bgimg {width: 100%; height: 100%; position: absolute;  top: 0;  left: 0;  z-index: 1;  background: url("images/tu2.png") no-repeat;  background-position: -800px 50%;  -webkit-transition: 0.6s ease-in;  -o-transition: 0.6s ease-in;  transition: 0.6s ease-in;  background-size: auto 100%;  -webkit-mask-image: url("images/tu3.png");  -webkit-mask-size: auto 100%;}
/*history end*/
/*honor*/
.Str-honor{overflow:hidden;}
.swiper.Honor-swiper{overflow:visible;}
.Honor-swiper .swiper-wrapper{width: 100%; padding-bottom:3.75rem; }
.Honor-swiper .swiper-slide{width:40%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}
.Honor-swiper .swiper-slide:nth-child(6),.Honor-swiper .swiper-slide:nth-child(7),.Honor-swiper .swiper-slide:nth-child(8){width:20%;}
.Honor-swiper .swiper-slide img{display:block; width:100%;}
.Honor-swiper .swiper-slide span{font-size:var(--main-fs-small); text-align:center; display:none; }

.Honor-swiper .swiper-button-next,.Honor-swiper .swiper-container-rtl .swiper-button-prev {left:3.75rem; bottom:0; right:auto; top:auto;  width:2.75rem; height:2.75rem;  border-radius:100rem; background-color:var(--main-color-yjh); }
.Honor-swiper .swiper-button-next:after,.Honor-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:1rem; font-weight:600; color:white;}
.Honor-swiper .swiper-button-prev,.Honor-swiper  .swiper-container-rtl .swiper-button-next {left:0; bottom:0; right:auto; top:auto; width:2.75rem; height:2.75rem; border-radius:100rem; background-color:var(--main-color-yjh); }
.Honor-swiper .swiper-button-prev:after,.Honor-swiper .swiper-container-rtl .swiper-button-next:after {font-size:1rem; font-weight:600; color:white;}
.Honor-swiper .swiper-button-disabled{background:var(--main-color-gray);}

.Honor-swiper .swiper-pagination-bullets,.Honor-swiper .swiper-pagination-custom, .Honor-swiper .swiper-pagination-fraction {position:relative; bottom:1rem; left:auto; right: 0; width: 100%; text-align:right; }
.Honor-swiper .swiper-pagination-bullet{width:0.625rem; height: 0.625rem; border-radius:100rem; display: inline-block;   background:#000000; opacity: .2;}
.Honor-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-yjh); }
.Honor-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Honor-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.5rem;}

.honor-list{display:flex; justify-content:center; flex-wrap:wrap; gap:1.25rem;}
.honor-list .honor-cell{width:100%; padding:0.5rem; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--main-fs-p);  position:relative; color:var(--main-color-black); border:2px solid var(--main-color-gray);}
.honor-list .honor-cell span{width:100%; height:100%; border:1px solid var(--main-color-gray); display:block; padding:4vw 1vw 1vw; background:url(images/award.png) no-repeat center 15%; background-size:50%; }
/*honor end*/
.contact-way{display:flex; flex-wrap:wrap; align-items:flex-start; gap:2.5rem;}
.way-cell{flex:0 1 auto; width:100%; display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.5rem;}
.way-cell .cell-icon{flex:0 1 auto; width:auto;}
.way-cell .cell-icon i{display:block; margin:0 auto; width:4.75rem; height:4.75rem; border:2px solid var(--main-color-yjh); font-size:1.75rem; color:var(--main-color-yjh); display:flex; align-items:center; justify-content:center; text-align:center; border-radius:100rem;}
.way-cell .cell-txt{flex:1; width:auto; text-align:left; font-size:1.125rem; color:gray;}
.way-cell .cell-txt strong{font-size:1.75rem; color:var(--main-color-black); display:block;}
.way-cell .cell-txt strong.small{font-size:1.5rem;}
.companMap{height:60vh;}
#allmap{width:100%; height:100%;}
/*end about*/
/*news*/
.news-list{display:flex; flex-wrap:wrap; gap:2.5rem; }
.news-list .news-cell-link{flex:0 1 auto; width:100%; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;}
.news-list .cell-link-img{position:relative; width:100%; padding-top:58%; overflow:hidden; margin:0 0 1rem;}
.news-list .cell-link-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: 0.4s;}
.news-list .cell-link-txt{flex:1; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.news-list .cell-link-txt h5{font-size:var(--main-fs-h5); font-weight:500; margin:0 0 1.5rem;}
.news-list .cell-link-txt p{font-size:var(--main-fs-p); opacity:.7; margin-top:auto;}
.news-list .news-cell-link:hover .cell-link-img img{transform:scale(1.1);}
/*end news*/
/*support*/
.support-phone {padding-bottom:2.75rem; text-align:center;}
.support-phone h5 { margin:0; font-size:var(--main-fs-h6); font-weight:500; }
.support-phone h2 {font-size: var(--main-fs-h1); font-family: Arial;}
.support-phone p {font-size:var(--main-fs-p); color:gray;}

.form-wrap{display:flex; flex-wrap:wrap; gap:1.25rem;}
.form-wrap .form-cell{width:100%;}
.form-wrap .form-cell-all{width:100%;}

.form-input{background:white; border: 0; border: 1px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; padding:1.25rem; width: 100%; font-weight:500; font-size:var(--main-fs-p); font-family:'Open Sans'; transition: 0.3s; }
.form-input:focus {border-bottom: 2px solid var(--main-color-yjh); color:var(--main-color-black);}

.form-select {background:white; border: 0; border: 1px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; padding:1.25rem; box-sizing:border-box; width: 100%;  font-weight:500; font-size:var(--main-fs-p); background: none; background: url(images/arr_down.png) white no-repeat 98% center;  background-size:1rem; -webkit-appearance: none;  appearance: none;}
.form-select:focus {border-bottom: 2px solid var(--main-color-yjh); color:var(--main-color-black);}
.confirmBtn{cursor:pointer; display:block; background:var(--main-color-yjh); color:white; padding:1.5rem 2.5rem; min-width:80%; font-size:1.75rem; text-align: center; margin: 0 auto; border-radius:100rem;  transition: 0.3s;}
.confirmBtn:hover{background:#2e34b6;}
/*end support*/
/*join*/
.talentWrap{display:flex; flex-wrap:wrap; gap:0rem; margin:0 0 2.5rem;}
.talentWrap .talent-img{width:100%; padding-top:58%; position:relative; overflow:hidden; border-radius:0.875rem 0.875rem 0 0;}
.talentWrap .talent-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }

.talentWrap .talent-txt{flex:0 1 auto; width:100%; background:var(--main-color-lightgray);  padding:2.5rem; display:flex;  border-radius:0 0 0.875rem 0.875rem;}
.talentWrap .talent-txt .title{font-size:var(--main-fs-h5); }
.talentWrap .talent-txt .title strong{display:block; font-size:var(--main-fs-h2); margin:0; font-family:Arial; line-height:1;}

.talentWrap.next .talent-img{order:0;}
.talentWrap.next .talent-text{order:1;}

.jobs-wrap{display:flex; flex-wrap:wrap; gap:2.25rem;}
.jobs-wrap .jobs-celll{flex:0 1 auto; width:100%; position:relative; padding-top:58%; display:block;}
.jobs-wrap .jobs-celll img{display:block; width:100%; height:100%; position:absolute; left:0 ;top:0; object-fit:cover; border-radius:0.875rem;}
.jobs-wrap .jobs-celll .maskbox{ position:absolute; left:0 ;top:0; width:100%; height:100%; padding:2.5rem;}
.jobs-wrap .jobs-celll .maskbox h4{font-size:var(--main-fs-h4); font-weight:500;}
.jobs-wrap .jobs-celll .maskbox p{margin:0 0 2.5rem; font-size:var(--main-fs-p);}
.jobs-wrap .jobs-celll .maskbox .btnLink{color:var(--main-color-black); border-color:var(--main-color-black);}
.jobs-wrap .jobs-celll .maskbox .btnLink:hover{color:white; border-color:var(--main-color-yjh);}

.gift-wrap{display:flex; flex-wrap:wrap; gap:3.5rem;}
.gift-wrap .gift-cell{width:calc((100% - 7rem)/3); text-align:center; font-size:var(--main-fs-p); color:gray;}
.gift-wrap .gift-cell img{display:block; margin:0 auto 1rem; width:4.375rem;}

.schoolWrap{display:flex; flex-wrap:wrap; gap:2.5rem;}
.schoolWrap .school-box{flex:0 1 auto; width:100%; position:relative; overflow:hidden; border-radius:0.875rem; }
.schoolWrap .school-box img{display:block; width:100%; min-height:50vw;}
.schoolWrap .school-list{flex:0 1 auto; width:100%; display:flex; flex-wrap:wrap; gap:2.5rem;}
.schoolWrap .school-list .list-sider{width:100%; position:relative; overflow:hidden; border-radius:0.875rem;}
.schoolWrap .school-list .list-sider img{display:block; width:100%; height:auto;}
.schoolWrap .school-list .list-main{flex:0 1 auto; width:100%; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap:2.5rem;}
.schoolWrap .school-list .list-main .list-main-cell{flex:0 1 auto; width:100%; height:50vw; position:relative; width:100%; overflow:hidden;  border-radius:0.875rem;}
.schoolWrap .school-list .list-main .list-main-cell img{display:block; width:100%; height:100%; position:absolute; left:0 ;top:0; object-fit:cover;}
.schoolWrap .sch-mask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.1); padding:2.5rem; color:white; display:flex; align-items:flex-end;}
.schoolWrap .sch-mask.showTop{align-items:flex-start;}
.schoolWrap .sch-mask h4{font-size:var(--main-fs-h4);}
.schoolWrap .sch-mask h6{font-size:1.5rem; font-weight:400; opacity:.7;}

/*end join*/


/**wp css**/
.pagination {width:100%;text-align: center; padding: 1.75rem 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:#1c2081;  color: #fff !important;}
.pagination a.page-numbers{background:#eeeeee; color:#666666;}

.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:7.5rem; font-weight:600; font-family:'Microsoft YaHei';}
.Str-404 h2{font-size:2.5rem; line-height:1.5; }
.Str-404 h3{font-size:1.5rem;  line-height:2; margin:0 0 1.75rem;}

.Str-page {padding-top:6.75rem}
.Str-page .container {position: static}
.articleMain{margin:0 auto; width:100%; padding:5%;}
.article-title{margin:0 0 2.5rem; padding-bottom:3.125rem; border-bottom:1px solid #eee;}
.article-title h2{font-size:var(--main-fs-h3); color:var(--main-color-black);}
.article-title p{font-size:var(--main-fs-p); color:var(--main-color-black);}
.article-title p label{display:inline-block; margin-right:1.125rem;}
.article-con{font-size:var(--main-fs-p); line-height:1.8; font-weight:400;}
.article-con p{margin:0 0 20px; text-align:justify;}
.article-con p span{color:gray; font-size:1rem;;}

.article-con img{display:block; margin:10px auto; max-width:100%; height:auto; }
/**end wp css **/