@charset 'UTF-8';
/* UED Interaction (http) */
/* 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 */
:root {
  --main-color-blue: #00498e;
  --main-color-green:#71bf44;
  --main-color-black:#252525;
  --main-color-gray:#999999;
  --main-color-lightgray:#f5f5f5;
 
  --main-padding-num:.8rem;
  --main-container-width:15.60rem;

  --main-fs-large:.76rem;
  --main-fs-big:.68rem;
  --main-fs-middle:.56rem;
  --main-fs-small:.14rem;

  --main-fs-h1:.48rem;
  --main-fs-h2:.38rem;
  --main-fs-h3:.34rem;
  --main-fs-h4:.28rem;
  --main-fs-h5:.24rem;
  --main-fs-h6:.2rem;
  --main-fs-p18:.18rem;
  --main-fs-p16:.16rem;

}
html {font-size:625%; width:100%; height:100%;}
body {font-family:'PingFang SC',"Source Han Sans CN", "Noto Sans S Chinese Light",'Helvetica','Hiragino Sans GB','Source Han Sans','Microsoft Yahei',Arial,'Lucida Grande',sans-serif;; font-size:.14rem; line-height:1.5; color:var(--main-color-black,#252525); background:#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 .2rem; font-weight:bold;}
h1{font-size:.48rem;}
h2{font-size:.44rem;}
h3{font-size:.34rem;}
h4{font-size:.28rem;}
h5{font-size:.24rem;}
h6{font-size:.22rem;}
p{font-size:.16rem; margin:0 0 .15rem;}
sup{font-size:.12rem; vertical-align:top;}
a:hover{color:var(--main-color-blue,#00498e); text-decoration:none;}
a{color:var(--main-color-black,#252525); 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: 'Montserrat-Light';
	src: url('fonts/Montserrat-Light.eot');
	src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
@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;}

/*animation*/
@-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}}
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,3em);transform: translate(0,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,3em);transform: translate(0,3em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

.down{display:none;width:20px;margin-left:-10px;height:25px;position:absolute;left:50%;top:0;background:url(images/downext.png) center center no-repeat; background-size:20px 25px;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:var(--main-padding-num); padding-right:var(--main-padding-num); max-width:var(--main-container-width);}
.commWidget{position:relative; width:100%;}
.commPadding-tb{padding-top:var(--main-padding-num);padding-bottom:var(--main-padding-num);}
.commPadding-lr{padding-left:var(--main-padding-num);padding-right:var(--main-padding-num);}
.no-scroll{overflow: hidden;}
.noPadding-top{padding-top:0;}
.noPadding-bottom{padding-bottom:0;}

.commTxt{font-size:var(--main-fs-p16); line-height:1.71429; text-align:justify;}
.commTxt p{font-size:var(--main-fs-p18);}

/*font color*/
.fWhite{color:white;}
.fBlack{color:var(--main-color-black);}
.fGray{color:var(--main-color-gray);}
.fBlue{color:var(--main-color-blue);}
.fRed{color:#f60;}

/*background color*/
.bgWhite{background:white;}
.bgGray{background:var(--main-color-lightgray);}
.bgBlue{background:var(--main-color-blue);}
.bgGreen{background:var(--main-color-green);}
.bgBlack{background:var(--main-color-black);}
.bgSologan{background-image:url(images/bg_sologan.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.bgWhiteimg{background:url(images/bg_white.jpg) white no-repeat center top; background-size:100% auto;}
.bgWhiteimg2{background:url(images/bg_white_2.jpg) no-repeat center bottom; background-size:cover;}

/*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;}


/*button link*/
.homeLink{position:relative; display:inline-block; text-align:left;  font-size:var(--main-fs-p18); height:.44rem; line-height:.44rem; padding:0 .5rem 0 0;  overflow:hidden; border-radius:1rem;  overflow:hidden;  border:0px solid rgba(255,255,255,.7); transition: all 0.3s ease-in-out; color:white;} 
.homeLink:after{ content: '\e624'; font-family: 'iconfont'; position:absolute; right:.2rem; 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;}
.homeLink:hover{padding-right:.7rem; color:white; letter-spacing:.04rem;}

.btnLink{position:relative; display:inline-block; text-align:left;  font-size:var(--main-fs-p16); height:.44rem; line-height:.44rem; padding:0 .6rem 0 .3rem;  overflow:hidden; border-radius:1rem; background:none; overflow:hidden;  border:1px solid rgba(255,255,255,.7); transition: all 0.3s ease-in-out; color:#fff;} 
.btnLink:after{ content: '\e624'; font-family: 'iconfont'; position:absolute; right:.2rem; 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;}
.btnLink:hover{padding-right:.8rem; color:var(--main-color-black); background:white;}

.moreLink{position:relative; display:inline-block; font-size:var(--main-fs-p18); padding-right:.24rem; font-style:normal;}
.moreLink:after{content:'\e624';  font-family: 'iconfont'; 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:.34rem;}

.commLink{position:relative;display:inline-block; font-size:var(--main-fs-p16);  font-style:normal; border:1px solid #999; padding:.1rem .4rem .1rem .2rem; overflow:hidden; border-radius:1rem; overflow:hidden; transition: all 0.3s ease-in-out;}
.commLink label{position:relative; z-index:10;}
.commLink:after{content: '\e624'; font-family: 'iconfont'; position:absolute; right:.2rem; top:50%; transform: translate(0, -50%); font-size:var(--main-fs-p16); font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease-in-out;}
.commLink:before{content:''; width:0%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:0; border-radius:1rem; background:var(--main-bg-linear-greenblue,#00498e); transition: all 0.3s ease-in-out;}

.tabLink{display:inline-block; padding:.1rem .3rem; border-radius:1rem; font-size:var(--main-fs-p16); background:#f0f0f0;}
.tabLink:hover{background:rgba(0,73,142,.1); color:var(--main-color-blue);}
.tabLink.current,.tabLink.current:hover{background:var(--main-color-blue); color:white;}

/*title style*/
.index-title{margin:0 0 .4rem; display:flex; justify-content:space-between; align-items:center;}
.index-title .title h2{font-size:var(--main-fs-h2); margin-top:-.4rem;}
.index-title .title h2.no-margin{margin:0;}
.index-title .title p{display:block; margin-top:.1rem; font-size:var(--main-fs-p18); color:var(--main-color-gray);}
.index-title .title label{display:block; font-size:var(--main-fs-h2); font-weight:600; opacity:.1; font-family:'Microsoft Yahei'; text-transform:uppercase;}

.index-title .more.fWhite a{color:white; opacity:.7;}
.index-title.tCenter{justify-content:center; text-align:center; }


.sub-title{margin:0 0 .3rem; display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap;}
.sub-title .title h3{margin-top:-.4rem; font-size:var(--main-fs-h3);}
.sub-title .title h3.no-margin{margin:0;}
.sub-title .title h4{font-size:var(--main-fs-h4);}
.sub-title .title p{font-size:var(--main-fs-p18); color:gray;}
.sub-title .title label{display:block;font-size:var(--main-fs-h2); font-weight:600; opacity:.1; font-family:'Microsoft Yahei'; text-transform:uppercase;}
.sub-title.tCenter{justify-content:center; text-align:center; }
.sub-title.tCenter .title{width:100%; margin:0 0 .2rem;}

.sub-title .more{display:flex; justify-content:start-end; align-items:center; flex-wrap:wrap; }
.sub-title .more a,.sub-title .more span{margin-left:.1rem; cursor:pointer;}
.sub-title.fWhite .tabLink{color:white; background:none; border:1px solid white;}
.sub-title.fWhite .tabLink.current{color:white; background:#01498e; border-color:#01498e;}
.sub-title.fWhite .tabLink:hover{color:white;}
/*layout line*/
.flex-1-20{display:flex; justify-content:space-between; flex-wrap:wrap; }
.flex-1-20 .flexBox{width:100%; margin-bottom:.2rem;}

.flex-2-20{display:flex; justify-content:space-between; flex-wrap:wrap; }
.flex-2-20 .flexBox{width:50%; width:calc((100% - .2rem)/2); margin-right:.2rem; margin-bottom:.2rem;}
.flex-2-20 .flexBox:nth-child(2n){margin-right:0;}
.flex-2-20 .flexBox.flexBox-all{width:100%; margin-right:0;}

.flex-2-25{display:flex; justify-content:space-between; flex-wrap:wrap; }
.flex-2-25 .flexBox{width:50%; width:calc((100% - 2.5%)/2); margin-right:2.5%; margin-bottom:2.5%;}
.flex-2-25 .flexBox:nth-child(2n){margin-right:0;}
.flex-2-25 .flexBox.flexBox-all{width:100%; margin-right:0;}


.flex-3-30{display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%;}
.flex-3-30 .flexBox{width:calc((100% - .6rem)/3); margin-right:.3rem; margin-bottom:.3rem;}
.flex-3-30 .flexBox:nth-child(3n){margin-right:0; }
.flex-3-30 .flexBox.flexBox-all{width:100%; margin-right:0;}

.flex-3-20{display:flex; justify-content:flex-start; flex-wrap:wrap; }
.flex-3-20 .flexBox{width:calc((100% - .4rem)/3); margin-right:.2rem; margin-bottom:.2rem;}
.flex-3-20 .flexBox:nth-child(3n){margin-right:0; }
.flex-3-20 .flexBox.flexBox-all{width:100%; margin-right:0;}

.flex-3-40{display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%;}
.flex-3-40 .flexBox{width:calc((100% - .8rem)/3); margin-right:.4rem; margin-bottom:.3rem;}
.flex-3-40 .flexBox:nth-child(3n){margin-right:0; }
.flex-3-40 .flexBox.flexBox-all{width:100%; margin-right:0;}


.flex-4-20{display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%;}
.flex-4-20 .flexBox{width:25%; width:calc((100% - .6rem)/4); margin-right:.2rem; margin-bottom:.2rem;}
.flex-4-20 .flexBox:nth-child(4n){margin-right:0;}
.flex-4-20 .flexBox.flexBox-all{width:100%; margin-right:0;}

.flex-5-20{display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.flex-5-20 .flexBox{width:20%; width:calc((100% - .8rem)/5); margin-right:.2rem; margin-bottom:.2rem;}
.flex-5-20 .flexBox:nth-child(5n){margin-right:0;}


.flex-2-1-30{display:flex; justify-content:space-between; flex-wrap:wrap; }
.flex-2-1-30 .flexBox{width:calc((100% - .6rem)/3); height:4.4rem; overflow:hidden;}
.flex-2-1-30 .flexBox-main{flex:1; margin-right:.3rem; height:4.4rem; overflow:hidden;}

.tag{margin:0 0 .1rem; display:inline-block; font-size:var(--main-fs-small); padding:.04rem .14rem; background:rgba(0,73,142,.1); color:var(--main-color-blue); border-radius:.06rem;}
/*layout style*/
body.offscreen .Str-header{margin-top:-.9rem;}
body.drop .Str-header{margin-top:0;}

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

.Str-header .Str-menu{display:flex; justify-content:space-between; align-items:center; text-align:center;}
.Str-header .Str-menu li{flex:0 1 auto; margin:0 .05rem;}
.Str-header .Str-menu li a{position:relative; display:block; padding:.1rem .2rem; font-size:.18rem; 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;}
.Str-header .Str-menu li a:before{content:'';  opacity:0; width:0; height:.02rem;  background-color:white; position:absolute; left:50%; top: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{display:flex; justify-content:flex-end; align-items:center;}
.Str-header .Str-other li{margin-left:.1rem; position:relative; padding:.1rem;}
.Str-header .Str-other li.show-lang span,.Str-header .Str-other li.show-lang a{position:relative; display:block; padding:.1rem .12rem; padding-left:.38rem; padding-right:.24rem; font-size:.14rem; color:white; border-radius:1rem; cursor:pointer;}
.Str-header .Str-other li.show-lang span:before,.Str-header .Str-other li.show-lang a:before{content:'\e85f'; font-family: 'iconfont';  position:absolute; left:.12rem; top:50%; transform:translateY(-50%); font-size:.18rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}
.Str-header .Str-other li.show-lang span:after,.Str-header .Str-other li.show-lang a:after{content:'\e606'; font-family: 'iconfont';  position:absolute; right:.06rem; top:50%; transform:translateY(-50%) rotate(-90deg); font-size:.12rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}
.Str-header .Str-other li.show-lang .lang{display:none; position:absolute; left:50%; top:.6rem; width:.8rem; transform:translateX(-50%); background:white; border-radius:.06rem; box-shadow:0 0 .06rem rgba(0,0,0,.1);}
.Str-header .Str-other li.show-lang .lang a{display:block; padding:.2rem; font-size:.14rem; text-align:center;}

.Str-header .Str-other li.show-search span{position:relative;display:block;  padding:.1rem .12rem; padding-left:.34rem; font-size:.14rem; color:white; border-radius:1rem;}
.Str-header .Str-other li.show-search span:after{content:'\e675'; font-family: 'iconfont';  position:absolute; left:.12rem; top:50%; transform:translateY(-50%); font-size:.18rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}

.Str-header-scroll,.Str-header-white,.Str-header-light{background:white; color:var(--main-color-black);} 
.Str-header-scroll h1 a.logo,.Str-header-white h1 a.logo,.Str-header-light h1 a.logo{background:url(images/logo_n.svg) no-repeat center; }
.Str-header-scroll .Str-menu li a,.Str-header-white .Str-menu li a,.Str-header-light .Str-menu li a{color:var(--main-color-black);}
.Str-header-scroll .Str-menu li a:before,.Str-header-white .Str-menu li a:before,.Str-header-light .Str-menu li a:before{background-color:var(--main-color-blue);}
.Str-header-scroll .Str-menu li a:hover,.Str-header-white .Str-menu li a:hover,.Str-header-light .Str-menu li a:hover{color:var(--main-color-blue); opacity:1;}

.Str-header-scroll .Str-other li.show-lang span,.Str-header-white .Str-other li.show-lang span,.Str-header-light .Str-other li.show-lang span{color:var(--main-color-black);}
.Str-header-scroll .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-scroll .Str-other li.show-search span,.Str-header-white .Str-other li.show-search span,.Str-header-light .Str-other li.show-search span{color:var(--main-color-black);}

.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,.Str-header-light .Str-mobile-menu .menu-line{background:var(--main-color-black);}

.Str-header .Str-mobile-filter{display:none; cursor:pointer; position:fixed; right:.6rem; top:0; width:.6rem; height:.6rem; color:white;}
.Str-header .Str-mobile-filter:after{content:'\e675'; font-family: 'iconfont';  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:.24rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}
.Str-header-scroll .Str-mobile-filter{color:var(--main-color-black);}

/*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:.9rem; background-color:white; background-repeat:no-repeat; background-position:right center; }
.Str-nav{padding:.4rem 0; display:flex; justify-content:center; text-align:left;}

.Str-header .Str-menu li .Str-nav .pronav{width:calc((100% - 10%)/3); margin-right:5%;}
.Str-header .Str-menu li .Str-nav .pronav p{width:100%; padding-top:25%; position:relative; overflow:hidden; }
.Str-header .Str-menu li .Str-nav .pronav p img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; border-radius:.06rem;}
.Str-header .Str-menu li .Str-nav .pronav p a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;display:flex; align-items:center; padding:5%; text-align:left; margin:0; font-size:var(--main-fs-h6); font-weight:600;}
.Str-header .Str-menu li .Str-nav .pronav p a:before{display:none;}
.Str-header .Str-menu li .Str-nav .pronav p a:hover{padding:2% 5%;}
.Str-header .Str-menu li .Str-nav .pronav span{display:block;}
.Str-header .Str-menu li .Str-nav .pronav span a{display:block; border-bottom:1px solid #ddd; font-size:var(--main-fs-p16);}
.Str-header .Str-menu li .Str-nav .pronav span a:before{content:''; width:0; height:1px; opacity:0; position:absolute; left:0; bottom:0; top:auto;transform:translateX(0); }
.Str-header .Str-menu li .Str-nav .pronav span a:after{content: '\e650'; font-family: 'iconfont'; position:absolute; right:.2rem; top:50%;  color:gray;  transform: translate(0, -50%); text-indent:0px; font-size:.18rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s; }
.Str-header .Str-menu li .Str-nav .pronav span a:hover:before{width:100%; opacity:1;}
.Str-header .Str-menu li .Str-nav .pronav span a:hover:after{right:.1rem; color:var(--main-color-blue)}

/*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;}
.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;}

.menu.active .menu-sitenav .menu-other{margin:.2rem auto .1rem;}
.menu.active .menu-sitenav .menu-other span{display:block;  margin:.1rem;  text-align:center;}
.menu.active .menu-sitenav .menu-other a{display:inline-block;font-size:.14rem; padding:.1rem .38rem .1rem; color:var(--main-color-black); position:relative; border-radius:1rem; width:1rem;}
.menu.active .menu-sitenav .menu-other a.lang:after{content:'\e85f'; font-family: 'iconfont';  position:absolute; left:.12rem; top:50%; transform:translateY(-50%); font-size:.18rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}
.menu.active .menu-sitenav .menu-other a.search:after{content:'\e675'; font-family: 'iconfont';  position:absolute; left:.12rem; top:50%; transform:translateY(-50%); font-size:.22rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .3s;}

.border-black{border:1px solid var(--main-color-black);}

/*footer*/
.Str-footer{position:relative; background:var(--main-color-blue); color:white;z-index:10;}
.footer-logo{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.flogo a.logo{display:block; width:1.28rem; height:.36rem; text-indent:-8889px; background:url(images/logo_w.svg) no-repeat center; background-size:1.28rem .36rem;}
.footer-logo .fnav{display:flex; justify-content:space-between; align-items:center;}
.footer-logo .fnav li{margin-left:.4rem;}
.footer-logo .fnav li a{display:inline-block; padding:.1rem 0; font-size:.16rem; color:white;}
.footer-logo .fnav li a:hover{opacity:.7;}
.footer-infor{display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; padding:.4rem 0; }
.address{flex:1;}
.add-box{font-size:.14rem; line-height:2; padding-left:.24rem;}
.add-box strong{position:relative; display:inline-block; font-weight:normal;}
.add-box strong:after{content:'\e6f8'; font-family: 'iconfont';  position:absolute; left:-.2rem; top:50%; transform:translateY(-50%); font-weight:200; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .5s;}

.wxcode img{display:block; width:1.2rem; height:1.2rem; margin:0 0 .1rem; }
.wxcode span{display:block; font-size:.14rem; color:rgba(255,255,255,.7); text-align:center; }

.footer-copyright{position:relative; z-index:10; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:.14rem; color:white; padding:.2rem 0; border-top:1px solid rgba(255,255,255,.2);}
.footer-copyright span{display:block; font-weight:400;}
.footer-copyright span a{display:inline-block; color:white; opacity:.7;}
.footer-copyright label{display:inline-block;}

.scrollTop{float:right; margin-top:calc(var(--main-padding-num) - (var(--main-padding-num) * 2) + .2rem); border-radius:1rem; width:.44rem; height:.44rem; background:var(--main-color-blue); display:flex; justify-content:center; align-items:center; text-align:center; cursor:pointer;transition:all .3s;}
.scrollTop i{position:relative; display:block; width:.44rem; height:.44rem;  color:#fff; font-size:32px; overflow:hidden;}
.scrollTop i:before{content:'\e775'; font-family: 'iconfont';  position:absolute; left:0; top:0; width:.44rem; height:.44rem; font-size:.32rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .5s;}
.scrollTop i:after{content:'\e775'; font-family: 'iconfont';  position:absolute; left:0; top:100%; width:.44rem; height:.44rem; font-size:.32rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .5s;}

.scrollTop:hover{background:rgba(255,255,255,.2);}
.scrollTop:hover i:before{top:-100%;}
.scrollTop:hover i:after{top:0%;}

/*index style*/
.Str-screen{width:100%; height:100%; background:var(--main-color-black); position:relative;}
/*Home-swiper*/
.Home-swiper{width:100%; height:100%; overflow:hidden;}
.Home-swiper .swiper-wrapper{transition-delay:.3s;}
.Home-swiper .swiper-slide{width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.Home-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; right:0; top:0; object-fit:cover; transition: 1s linear 2s;}
.Home-swiper .swiper-slide img.pc-show{display:block;}
.Home-swiper .swiper-slide img.mobile-show{display:none;}

.Home-swiper .swiper-slide video{min-width:100%; min-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:cover;  overflow:hidden; }
.Home-swiper .swiper-slide-active img,.Home-swiper .swiper-slide-duplicate-active img{transition: 16s linear; transform: scale(1.2, 1.2);}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {right: .4rem; left: auto; width:.6rem; height:.6rem; border-radius:1rem; color:white; font-weight:600; text-align:left;}
.Home-swiper .swiper-button-next:after,.Home-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.22rem;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {right: auto; left: .4rem; width:.6rem; height:.6rem; border-radius:100px; color:white; font-weight:600; text-align:left;}
.Home-swiper .swiper-button-prev:after,.Home-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.22rem;}

.Home-swiper .swiper-pagination {position: relative; display: flex; align-items: center;  justify-content: flex-end; bottom:10%; padding-left:var(--main-padding-num); padding-right:var(--main-padding-num); max-width:var(--main-container-width); left:50%; transform:translateX(-50%); }
.Home-swiper .swiper-pagination:before{content:''; width:20px; height:30px;border:1px solid white; border-radius:1rem; position:absolute; left:var(--main-padding-num);top:50%; transform:translateY(-50%);}
.Home-swiper .swiper-pagination:after{content:''; width:2px; height:6px; background:white; position:absolute; left:calc(var(--main-padding-num) + 10px); 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: 40px; height: 40px; 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;}

.screen-video{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width: 100%;  min-height: 100%; background-position:center; background-size:cover;  overflow:hidden;}
.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-home{background: linear-gradient(to right,rgba(8,37,57,.6) 20%,rgba(8,37,57,.4) 60%,rgba(0,0,0,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,.1));}
.gradient-overlay-none{background: none;}

.showSlogan{position:relative; height:100%; display: flex; justify-content:flex-start; align-items: center; text-align:center; }
.show-slogan{width:100%; }
.show-slogan.tLeft{text-align:left; }
.show-slogan.tHalf{width:50%; }
.show-slogan.tRight{text-align:right; }
.show-slogan h1{font-size:var(--main-fs-large);}
.show-slogan h2{font-size:var(--main-fs-big); line-height:1.35;}
.show-slogan h2 sup{display:inline-block; font-size:var(--main-fs-small); vertical-align:top;}
.show-slogan h3{font-size:var(--main-fs-middle); line-height:1.5;}
.show-slogan h4{font-size:var(--main-fs-h4); font-weight:400; letter-spacing:.04rem;}
.show-slogan h5{font-size:var(--main-fs-h3); line-height:1.5;}
.show-slogan h6{font-size:var(--main-fs-p18); line-height:1.5;}
.show-slogan p{font-size:var(--main-fs-p18); font-weight:400; }
.show-slogan .canshu-ul{margin-top:3vw;}
.home-btn{margin-top:4vw;}

.pc-show{display:block;}
.mobile-show{display:none;}
.index-product{display:block; width:100%; position:relative; margin:0 0 .2rem;}
.index-product img{width:100%; height:auto; border-radius:.06rem; margin:0 auto;}
.index-product .index-proTxt{position:absolute; left:50%; top:50%; transform:translateY(-50%); width:35%; padding:5%;}
.index-product .index-proTxt h4{font-size:var(--main-fs-h4);}
.index-product .index-proTxt p{font-size:var(--main-fs-p18);}
.index-product .index-proTxt i{margin-top:2vw; display:inline-block; padding:.05rem .2rem; font-size:var(--main-fs-p16); border:1px solid var(--main-color-black); border-radius:1rem; font-style:normal; transition: all 0.4s ease-in-out;}
.index-product.index-product-2 .index-proTxt{left:0;}
.index-product.index-product-2 .index-proTxt i{border-color:white;}
.index-product.index-product-3 .index-proTxt{top:0; left:0; transform:translate(0,0); text-align:center; width:100%; padding-top:2%;}
.index-product:hover .index-proTxt i{color:white;background:var(--main-color-blue); border-color:var(--main-color-blue);}

/*solution swiper
.Str-solution{overflow:hidden;}
.swiper.Solution-swiper{overflow:visible;}*/
.Solution-swiper .swiper-wrapper{width: 100%; padding-bottom:.6rem;}
.Solution-swiper .swiper-slide{width:100%; padding-top:32%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}

.Solution-swiper .swiper-button-next,.Solution-swiper .swiper-container-rtl .swiper-button-prev {left:.6rem; bottom:0; right:auto; top:auto;  width:.4rem; height:.4rem;  border-radius:1rem; background-color:var(--main-color-blue); }
.Solution-swiper .swiper-button-next:after,.Solution-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.18rem; font-weight:600; color:white;}
.Solution-swiper .swiper-button-prev,.Solution-swiper  .swiper-container-rtl .swiper-button-next {left:0; bottom:0; right:auto; top:auto; width:.4rem; height:.4rem; border-radius:1rem; background-color:var(--main-color-blue); }
.Solution-swiper .swiper-button-prev:after,.Solution-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.18rem; font-weight:600; color:white;}
.Solution-swiper .swiper-button-disabled{background:gray;}

.Solution-swiper.swiper-horizontal>.swiper-pagination-progressbar, .Solution-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{top:auto; bottom:.2rem; background:rgba(0,0,0,.1); margin-left:1.2rem; width:calc(100% - 1.2rem);}
.Solution-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--main-color-blue);}

/*solution style*/
.solution-box{display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; border-radius:.06rem;}
.solution-box .solution-img img{display:block; width:100%; height:100%; position:absolute; left:0 ;top:0; object-fit:cover; transition: all 0.4s; border-radius:.06rem;}
.solution-box .solution-txt{position:absolute; left:0; top:0; background:rgba(0,0,0,0); width:100%; height:100%; overflow:hidden; border-radius:.1rem;}
.solution-box .solution-txt .text{position:absolute; bottom:-2vw; width:100%; padding:2vw; color:white;  transition: all 0.3s;}
.solution-box .solution-txt .text h4{font-size:var(--main-fs-h4); font-family:'beba'; }
.solution-box .solution-txt .text h4 i{display:inline-block;margin-left:0rem; width:.2rem; height:2px; background:white; vertical-align:middle;  transition: all 0.3s;}
.solution-box .solution-txt .text h5{font-size:var(--main-fs-h4); margin:0 0 .2rem;}
.solution-box .solution-txt .text i.moreLink{opacity:0;  transition: all 0.3s;}
.solution-box:hover .solution-img img{transform:scale(1.2);filter: brightness(1.3);}
.solution-box:hover .solution-txt{background:rgba(0,0,0,.2);}
.solution-box:hover .solution-txt .text{bottom:0; }
.solution-box:hover .solution-txt .text h4 i{width:.6rem; }
.solution-box:hover .solution-txt .text i.moreLink{opacity:1;}

.sologan{padding:6vw 0; text-align:center;}
.sologan h1{font-size:var(--main-fs-big); letter-spacing:.04rem;}
/*index end/
/*subpage banner*/
.Str-banner{position:relative; height:30vw; min-height:5.4rem; background-color:background:var(--main-color-black); background-repeat:no-repeat; }
.bgAbout{background-image:url(images/bg_about.jpg); background-color:#01406c; background-position:right center; background-size:auto 100%;}
.bgContact{background-image:url(images/bg_contact.jpg); background-position:center; background-size:cover;}
.bgJobs{background-image:url(images/bg_jobs.jpg); background-position:left center; background-size:cover;}
.bgSolution{background-image:url(images/bg_solution.jpg); background-position:center; background-size:cover;}
.bgSupport{background-image:url(images/bg_support.jpg); background-position:right center; background-size:cover;}
.bgProduct{background-image:url(images/bg_product.jpg); background-color:#011629; background-position:90% center; background-size:auto 100%;}
.bgProlist{background-image:url(images/bg_prolist.jpg); background-position:center top; background-size:100% auto;}
.bgCity{ background:url(images/bgcity.jpg) white no-repeat left 64%; background-size:35%;}
.bgCulture{background:url(images/bg_culture.jpg) white no-repeat center bottom; background-size:cover;}
.bgHonor{background-color:#e9ecef; overflow:hidden;}
.bgNews{background-image:url(images/bg_news.jpg); background-position:right center; background-size:cover;}
/*subpage banner end*/
/*about*/
.about-txt{display:flex; justify-content:space-between; flex-wrap:wrap; align-items: stretch;}
.about-img{width:50%; flex:1; position:relative; overflow:hidden;}
.about-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.about-con{width:50%; flex:1; font-size:var(--main-fs-p18); line-height:1.8; padding-left:5%; }
.about-con p{font-size:var(--main-fs-p18); text-align:justify; }
.about-con p:last-child{margin:0;}
.about-data{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; overflow:hidden;}
.data-number{font-size:var(--main-fs-p18); text-align:center; width:calc((100% - .4rem)/5); margin-right:.1rem; }
.data-number:last-child{margin:0;}
.data-number h3{font-size:var(--main-fs-middle); font-weight:600;  color:var(--main-color-blue); font-family:'beba'; display:inline-block; position:relative;}
.data-number h3 sup{display:inline-block; font-size:var(--main-fs-p18); vertical-align:top; position:absolute; right:-20%; top:5%; } 
.data-number h3 sup.txt{right:auto; left:100%; font-size:var(--main-fs-p16); display:block; width:1.2rem;}

.culture-wrap{display:flex; justify-content:space-between; flex-wrap:wrap; padding-bottom:var(--main-padding-num);}
.cultureBox{padding:0; width:50%; margin-bottom:var(--main-padding-num);}
.cultureBox:first-child,.cultureBox:nth-child(3n){padding-top:.6rem;}
.cultureBox:nth-child(2n){margin-right:0; margin-top:-.6rem;}

.cul-txt h4{font-size:var(--main-fs-h4); color:var(--main-color-blue); margin:0 0 .1rem; position:relative;}
.cul-txt h4 label{display:inline-block; font-size:var(--main-fs-h6); color:gray; font-weight:400; opacity:.5; margin-left:.1rem; text-transform:uppercase; vertical-align:middle;}
.cul-txt p{font-size:var(--main-fs-h4); font-weight:normal;}
/*history start*/
.HistoryWarp{max-width:100%;}
.History-swiper .swiper-wrapper{width: 100%; height:3.5rem; }
.History-swiper .swiper-slide{padding-left: 5%; padding-bottom: 2%; cursor: pointer;}
.History-swiper .swiper-slide .item{padding-left: .24rem;  position: relative;  top: 0;  transition: 0.4s;}
.History-swiper .swiper-slide .item:before{content: '';  position: absolute; left: -4px; top:20px; width: 4px; height: 4px; border: 2px solid #00498e;  -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.History-swiper .swiper-slide .item:after{content: ''; position: absolute;  left: 0;  top: 30px;  height: 100%;  width: 1px; background: #ddd;}
.History-swiper .swiper-slide .item .top{font-size:28px; font-weight:600; font-family: 'beba'; position: relative;  -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.History-swiper .swiper-slide .item .bot{ color: #999;  margin-top:15px;  line-height:1.65;  -webkit-transition: 0.4s; -o-transition: 0.4s;  transition: 0.4s;  max-height: 150px;  overflow: auto; overflow-x: hidden;   overflow-y: auto;  padding-right: 10px;}
.History-swiper .swiper-slide .item .bot p{margin:0 0 15px; font-size: 16px; }

.History-swiper .active .item .top {font-size:var(--main-fs-h3); color:var(--main-color-blue);}
.History-swiper .active .item .bot p{font-size:var(--main-fs-p18); color: var(--main-color-black);}
.History-swiper .active .item::before {top:.25rem;  background: var(--main-color-blue);}
.History-swiper .active .item::after {top: .4rem; }
.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 .44rem; position:relative;}
.Year-swiper .swiper-wrapper{width: 100%; }
.Year-swiper .swiper-slide{cursor: pointer;}
.Year-swiper .swiper-slide p{margin:0; font-size: .22rem; line-height:.44rem; color:gray;  font-family: 'beba';  text-align: center;  cursor: pointer; margin:0;}
.Year-swiper .active p{color: var(--main-color-blue); font-weight:600;}

.YearSpace .swiper-button-next,.YearSpace .swiper-container-rtl .swiper-button-prev {width:.44rem; height:.44rem; border-radius:1rem; color:gray; }
.YearSpace .swiper-button-next:after,.YearSpace .swiper-container-rtl .swiper-button-prev:after {font-size:.22rem; font-weight:600;}
.YearSpace .swiper-button-prev,.YearSpace  .swiper-container-rtl .swiper-button-next {width:.44rem; height:.44rem; border-radius:1rem; color:gray; }
.YearSpace .swiper-button-prev:after,.YearSpace .swiper-container-rtl .swiper-button-next:after {font-size:.22rem; 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-num{margin:0 0 .4rem; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.honor-num .hnum{flex:1; text-align:center;}
.honor-num .hnum label{display:inline-block; font-size:var(--main-fs-middle); color:var(--main-color-blue); font-family:'beba'; display:inline-block; position:relative;}
.honor-num .hnum sup{display:inline-block; font-size:var(--main-fs-h4); margin-top:.05rem;} 

/*honor swiper*/
.Str-honor{overflow:hidden;}
.swiper.Honor-swiper{overflow:visible;}
.Honor-swiper .swiper-wrapper{width: 100%; padding-bottom:.6rem; }
.Honor-swiper .swiper-slide{width:30%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}
.Honor-swiper .swiper-slide:nth-child(10),.Honor-swiper .swiper-slide:nth-child(11),.Honor-swiper .swiper-slide:nth-child(12){width:15%;}
.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:.6rem; bottom:0; right:auto; top:auto;  width:.4rem; height:.4rem;  border-radius:1rem; background-color:var(--main-color-blue); }
.Honor-swiper .swiper-button-next:after,.Honor-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.18rem; 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:.4rem; height:.4rem; border-radius:1rem; background-color:var(--main-color-blue); }
.Honor-swiper .swiper-button-prev:after,.Honor-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.18rem; font-weight:600; color:white;}
.Honor-swiper .swiper-button-disabled{background:gray;}

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

/*.Honor-swiper.swiper-horizontal>.swiper-pagination-progressbar, .Honor-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{top:auto; bottom:.2rem; background:rgba(0,0,0,.1); margin-left:1.2rem; width:calc(100% - 1.2rem);}
.Honor-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:var(--main-color-blue);}
*/
/*product*/
.product-box{display:block; background:rgba(0,0,0,.01); transition: all .4s; overflow:hidden; position:relative;}
.product-box .product-img{display:block; width:100%; padding-top:60.75%; position:relative; overflow:hidden; border-radius:.1rem;}
.product-box .product-img img{width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: 0.4s;}
.product-box .product-txt{position:absolute; left:0; top:.3rem; width:100%; padding:0 4%; text-align:center; }
.product-box .product-txt h5{font-size:var(--main-fs-h5); margin:0 0 .1rem;}
.product-box .product-txt p{font-size:var(--main-fs-p16); color:#353535;}

.product-box:hover .product-img img{transform:scale(1.1); }

.fLink{position:relative; display:inline-block; padding:.1rem .3rem .1rem .6rem; border-radius:1rem; font-size:var(--main-fs-p16);  color:white; background:var(--main-color-blue);}
.fLink:after{content:'\e675';font-family: 'iconfont'; position:absolute; left:.2rem; top:50%; transform:translateY(-50%); font-size:var(--main-fs-p18); -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.fLink:hover{background:rgba(0,73,142,.1); color:var(--main-color-blue);}
.product-box.product-box-high .product-img{padding-top:100%; }

/*product comm*/
.text-ul{margin:0 0 .4rem;}
.text-ul li{position:relative; font-size:var(--main-fs-p16); line-height:2; opacity:.7; padding-left:.24rem;}
.text-ul li:before{content:''; width:.04rem; height:.04rem; background-color:var(--main-color-blue); border-radius:1rem; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.canshu-ul{display:flex; flex-wrap:wrap; margin:0 0 .2rem; }
.canshu-ul li{margin-bottom:.2rem; margin-right:5%;}
.canshu-ul li span{display:block; font-size:var(--main-fs-p16); opacity:.7}
.canshu-ul li label{display:inline-block; font-size:var(--main-fs-h5); font-weight:600; }
.canshu-ul li label i{font-style:normal; font-size:var(--main-fs-p16); font-weight:normal;}
.canshu-ul li sup{display:inline-block; font-size:.12rem; margin-top:.05rem;}

.product-box-screen{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.product-box-screen .product-txt{width:50%; padding-right:0%; font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial; }
.product-box-screen .product-txt h2{font-size:var(--main-fs-middle); margin:0 0 .2rem;}
.product-box-screen .product-txt i{display:block; margin:0 0 .2rem; width:100%; height:.03rem; background:rgba(255,255,255,.1); position:relative;}
.product-box-screen .product-txt i:after{content:''; width:.5rem; height:.03rem; background:var(--main-color-green); position:absolute; left:0;top:0;}
.product-box-screen .product-txt h4{font-size:var(--main-fs-h4);font-family:'Montserrat-Light'}
.product-box-screen .product-txt p{margin:0 0 10%; font-size:var(--main-fs-p18); line-height:1.8; opacity:.7;}
.product-box-screen .product-img{width:50%; padding-left:5%; }
/*.product-box-screen .product-img div{animation: icons 4s linear infinite; -webkit-animation: icons 4s linear infinite;}*/
.product-box-screen .product-img img{display:block; width:100%; position:relative; z-index:10; transition: all 0.3s ease-in-out;}

.product-box-list{width:100%; padding-top:var(--main-padding-num);}
.product-box-list .product-txt{width:100%;}
.product-box-list .product-txt h3{font-size:var(--main-fs-h3); margin:0 0 .2rem;}
.product-box-list .product-txt p{font-size:var(--main-fs-p18); line-height:1.8; opacity:.8; text-align:justify;}
.product-box-list .product-img{margin-top:5%; width:100%; display:flex; justify-content:flex-end;}
.product-box-list .product-img img{display:block; width:100%; }
.product-box-list .canshu-ul{margin-top:2vw;}
/*product chip*/
.bgChip-1{background:url(images/bg_chip_1.jpg) no-repeat center; background-size:cover; }
.bgChip-2{background:url(images/bg_chip_2.jpg) no-repeat center; background-size:cover; }
.bgChip-3{background:url(images/bg_chip_3.jpg) no-repeat center bottom; background-size:cover; }
.bgChip-4{background:url(images/bg_chip_4.jpg) no-repeat center; background-size:cover; }
.bgChip-5{background:url(images/bg_chip_5.jpg) #c0c9d0 no-repeat center; background-size:cover; }

.chip-wrap{background:white;}
.chip-tab{display:flex; align-items:center;}
.chip-tab span{display:block; flex:1; text-align:center; background:var(--main-color-lightgray); font-size:var(--main-fs-p18); font-weight:600; color:#999; line-height:.32rem; padding:.15rem; cursor:pointer;}
.chip-tab span.current{color:var(--main-color-blue); background:white;}

.chip-wrap-con{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.chip-wrap-con .chip-txt{width:50%; padding:2vw;}
.chip-wrap-con .chip-txt p{color:gray; font-size:var(--main-fs-p16); }
.chip-wrap-con .chip-txt h3{font-size:var(--main-fs-h3); font-family:'Microsoft Yahei';}
.chip-wrap-con .chip-txt h4{font-size:var(--main-fs-h4); }
.chip-wrap-con .chip-txt h5{font-size:var(--main-fs-h5); }
.chip-wrap-con .chip-txt h6{font-size:var(--main-fs-p18); }
.chip-wrap-con .chip-img{width:50%;}
.chip-wrap-con .chip-img img{display:block; width:100%;}
.chiptable{width:100%; padding:1vw;}

.chip-wrap-con .canshu-ul li{margin-bottom:.2rem; margin-right:8%; color:#666;}
.chip-wrap-con .canshu-ul li span{font-size:var(--main-fs-small);}
.chip-wrap-con .canshu-ul li label{font-size:var(--main-fs-p16); color:var(--main-color-black)}

/*product sys*/
.bgSys-1{background:url(images/bg_sys_1.jpg) no-repeat center top; background-size:cover;}
.bgSys-2{background:url(images/bg_sys_2.jpg) #aabcd4 no-repeat center top; background-size:cover;}
.bgSys-3{background:url(images/bg_sys_3.jpg) #d8dfe4 no-repeat center top; background-size:cover;}
.bgSys-4{background:url(images/bg_sys_4.jpg) no-repeat center top; background-size:cover; }
.bgSys-5{background:url(images/bg_sys_5.jpg) no-repeat center top; background-size:cover; }

.product-compare{display:flex; flex-wrap:wrap; align-items:flex-start; position:relative; margin:0 0 .2rem;}
.product-compare .compbox{width:50%; padding:2vw; height:5rem;}
.product-compare .compbox.old{background: linear-gradient(to right top,rgba(242,242,242,1) 10%,rgba(242,242,242,1) 20%,rgba(204,204,204,1) 100%);}
.product-compare .compbox.new{background: linear-gradient(to left top,rgba(116,168,239,1) 10%,rgba(116,168,239,1) 20%,rgba(0,73,142,1) 100%);}

.comp-txt h4{font-size:var(--main-fs-h4); }
.comp-txt p{font-size:var(--main-fs-p16); opacity:.7; line-height:.24rem; min-height:.48rem;}
.comp-txt ul{padding:.2rem 0;  }
.comp-txt ul li{font-size:var(--main-fs-p18); padding:.1rem 0; border-bottom:1px solid rgba(0,0,0,.1);}
.comp-txt ul li:last-child{border:0;}
.comp-txt.fWhite ul li{border-color:rgba(255,255,255,.1);}

.product-wrapcon{background:white; padding:2vw; margin-top:.2rem;}
.product-wrapcon h6{font-size:var(--main-fs-h6);}
.product-wrapcon img{display:block; width:100%;}

.spec-dl{padding:.2rem 0; display:flex; align-items:center;}
.spec-dl dt{margin-right:.1rem; width:.4rem; height:.4rem; background:var(--main-color-blue); border-radius:1rem;position:relative; }
.spec-dl dt img{display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.spec-dl dd{flex:1; font-size:var(--main-fs-p16); }
.spec-dl.dlWhite dt{background:white; width:.5rem; height:.5rem; }
.bigpower-spec{padding-top:2vw;}
.product-img-big img{display:block; width:100%; margin:0 auto; padding-top:4vw;}


.sys-txt{padding:2vw; }
.sys-txt h4{font-size:var(--main-fs-h4); margin:0 0 .1rem; text-align:center;}
.sys-txt p{color:gray; font-size:var(--main-fs-p16); text-align:center;}
.sys-img img{display:block; width:100%;}

/*product list*/
.bgProlist{background:url(images/bg-1.jpg) no-repeat center; background-size:cover; min-height:8.4rem;  padding-bottom:calc((var(--main-padding-num))/2); display:flex; align-items:flex-end;}

.pro-title{background:rgba(0,0,0,.05); margin:0 0 .2rem;}
.pro-title h6{position:relative; margin:0; font-size:var(--main-fs-h6); display:inline-block; background:rgba(0,73,142,1); padding:.05rem .2rem; color:white;}
.pro-title h6 span{position:relative;  z-index:10;}
.pro-title h6:after{content:''; width:.5rem; height:100%; background:rgba(0,73,142,1); transform:skew(-35deg); position:absolute; right:-.25rem; top:0; z-index:0; }
.pro-title h6:before{content:''; width:.2rem; height:100%; background:white; transform:skew(-35deg); position:absolute; right:-.4rem; top:0; z-index:0; }

.product-box-main{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative;  padding:.2rem .3rem .1rem; border:5px solid #eee; transition: all 0.3s; overflow:hidden; background:url(images/productbg-1.jpg) no-repeat center top; background-size:cover;}

.product-box-main .product-txt{width:100%; order:2;}
.product-box-main .product-txt h5{font-size:var(--main-fs-h5); font-weight:600;  margin:0 0 .15rem;}
.product-box-main .product-txt p{margin:0 0 5%; font-size:var(--main-fs-p16); color:gray; line-height:.26rem; height:1.3rem;}
.product-box-main .product-img{width:100%; padding:15% 15%; position:relative; order:1;}
.product-box-main .product-img img{display:block; width:100%; position:relative; z-index:10; transition: all 0.3s ease-in-out;}

.product-box-main .canshu-ul li{margin-bottom:.2rem; margin-right:8%; color:#666;}
.product-box-main .canshu-ul li span{font-size:var(--main-fs-small);}
.product-box-main .canshu-ul li label{font-size:var(--main-fs-small); font-weight:normal;}
.product-box-main .canshu-ul li sup{vertical-align:top; margin-top:-.03rem;}
.product-box-main .canshu-ul li:last-child{margin-right:0;}
.product-box-main:hover{border:.05rem solid #dfe7f3; background:url(images/productbg-2.jpg) no-repeat center top; background-size:cover;}
.product-box-main:hover .product-img img{transform:scale(1.2);}
.product-box-main:hover .canshu-ul li{color:#333;}
/*product list end*/

/*product detail*/
.product-box-detail{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.product-box-detail .product-txt{width:50%; padding-left:5%; }
.product-box-detail .product-txt h2{font-size:var(--main-fs-h3);}
.product-box-detail .product-txt p{margin:0 0 10%; font-size:var(--main-fs-p16); opacity:1;}
.product-box-detail .product-img{width:50%; position:relative;}

.text-ul{margin:0 0 .4rem;}
.text-ul li{font-size:var(--main-fs-p16); line-height:2; opacity:1;}

.spec-ul{display:flex; justify-content:flex-start; flex-wrap:wrap; margin:5% 0 0;}
.spec-ul li{margin-right:10%; margin-bottom:5%;}
.spec-box{text-align:center;}
.spec-box span{display:block; margin:0 auto .1rem; width:.54rem; height:.54rem; padding:.14rem; border-radius:1rem; background-color:var(--main-color-blue);}
.spec-box span img{display:block; width:100%;}

.proimgBox{position:relative; width:100%; padding-top:65%; background:rgba(0,73,142,.15); overflow:hidden; transition: all 0.4s;  }
.proimgBox img{display:block; width:65%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.proimgBox2{position:relative; width:100%; padding-top:65%; background:white; border:2px solid gray; opacity:.3; overflow:hidden; transition: all 0.4s; cursor:pointer; }
.proimgBox2 img{display:block; width:80%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

/*Proimg-swiper*/
.Proimg-swiper .swiper-wrapper,.Proimg-swiper2 .swiper-wrapper{width:100%;margin:0 0 .1rem;}
.Proimg-swiper .swiper-slide,.Proimg-swiper2 .swiper-slide{width:100%; transition: all 0.4s ease-in-out;}
.Proimg-swiper .swiper-pagination-bullet{width: .08rem; height: .08rem; border-radius:1rem; display: inline-block;   background:#000000; opacity: .2;}
.Proimg-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-blue,#00498e); }

.Proimg-swiper2 .swiper-slide-thumb-active  .proimgBox2{opacity: 1; border-color:var(--main-color-blue) }

.commBtn{cursor:pointer; display:inline-block; padding:.1rem .3rem; border-radius:1rem; font-size:var(--main-fs-p16); background:var(--main-color-blue); color:white;}
.commBtn:hover{opacity:.8;}

/*filter*/
.filter-warp{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.filter-group{flex:1 1 auto; margin-right:.1rem; }
.filter-group:last-child{margin:0;}

.filter-group-title{margin:0 0 .1rem; line-height:.4rem; height:.4rem; display:flex; justify-content:space-between; align-items:center;}
.filter-group-title .filter-title{flex:1; font-size:var(--main-fs-p16); font-weight:600; position:relative;}
.filter-group-title .filter-title .mobile-btn{display:none; position:absolute; left:0; top:0; width:100%; height:100%; }

.filter-group-title .active-filter-count-wrapper{position:relative; padding:0 .32rem 0 .12rem; line-height:.28rem; border-radius:1rem; background:#8baac9; color:white; font-size:var(--main-fs-small);}
.filter-group-title .active-filter-count-wrapper .clear-filters{cursor:pointer; position:absolute; right:.04rem; top:.04rem; width:.2rem; height:.2rem; line-height:.2rem; font-size:.08rem; color:white; text-align:center; background:rgba(0,73,142,0); border-radius:1rem; transition:all .3s; }
.filter-group-title .active-filter-count-wrapper .clear-filters i{font-size:.1rem;}
.filter-group-title .active-filter-count-wrapper .clear-filters:hover{background:rgba(0,73,142,.5);}
.filter-group-title .active-filter-count-wrapper.d-none{display:none;}

.filter-list{width:100%; height:2.2rem; overflow-y:auto; overflow-x:hidden; background:white; transition:all .3s; color:black}
.filter-list li{cursor:pointer; padding:.12rem; font-size:.14rem;}
.filter-list li input{opacity:0; position:absolute;}
.filter-list li label{display:block; position:relative; padding-left:.24rem;}
.filter-list li label:before{content:''; width:.12rem; height:.12rem; border:1px solid #aaa; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.filter-list li label:after{opacity:0; color:white; content:'\e607'; font-family: 'iconfont';  font-size:.15rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition:all .1s; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.filter-list li:hover{background-color:rgba(0,73,142,.05);}

.filter-list li.li-checked{background-color:rgba(0,73,142,.1);}
.filter-list li.li-checked label:before{background:#06f; border-color:#06f;}
.filter-list li.li-checked label:after{opacity:1;}
.filter-list li.li-disabled{background-color:rgba(0,0,0,0); color:rgba(0,0,0,.3);}
.filter-list li.li-disabled label:before{background:#f5f5f5; border-color:#f0f0f0;}

.filter-list::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 3px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 2px;
}

.filter-list::-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);
}

.filter-list::-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);
}

.Str-table{padding:.4rem; background:white;}
.product-num{padding:.3rem 0; font-size:var(--main-fs-p18); font-weight:normal; text-align:center;}
.product-num label{font-size:var(--main-fs-h6);}

.download-file{display:block; margin:0 auto; width:.24rem; height:.24rem; background:url(images/file.png) no-repeat center; background-size:100%; text-indent:-9999px; overflow:hidden;}
.download-file2{display:block; margin:0 auto; width:.24rem; height:.24rem; background:url(images/file.png) no-repeat center; filter: grayscale(100%); opacity:.2; background-size:100%; text-indent:-9999px; overflow:hidden;}

.comm-tabstyle{width:100%; border:1px solid #ddd;}
.comm-tabstyle tr{background-color:#fff;}
.comm-tabstyle tr:hover{background:rgba(0,73,142,.05);}
.comm-tabstyle th{background:rgba(0,73,142,.1); border-bottom:1px solid #ddd; font-size:.12rem; color:var(--main-color-black); line-height:1.2; padding:.1rem; text-align:center; font-weight:600;}
.comm-tabstyle th.thname{ text-align:left;}
.comm-tabstyle td{color:var(--main-color-black); border-bottom:1px solid #e9e9e9; line-height:1.5; padding:.1rem .1rem; font-size:.12rem; text-align:center;vertical-align: middle;}

.comm-tabstyle-line td{border:1px solid #e9e9e9;max-width:2rem;}
/*page*/
.pagination {text-align: center; padding: .16rem 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: .12rem;}
.pagination a {display:inline-block;margin: 0 1px 0 0; padding: .06rem .12rem; }
.pagination a.number{background:#eeeeee; color:#666666;}
.pagination a.number:hover{background:#f8f8f8; text-decoration:none;}
.pagination a.current {background:#01498e;  color: #fff !important;}
.pagination a.current:hover {background:#01498e;text-decoration: none;}
.pagination a.Previous{border-radius:4px 0px 0px 4px;}
.pagination a.Next{border-radius:0px 4px 4px 0;}

.pagright{text-align:right;}
.pagright span{float:left; width:auto; color:#666666; font-size:.14rem;}
/*page*/

/*product detail end*/
/*position*/
.Str-position{padding:.9rem 0 0;}
.page-position{padding:.2rem 0; font-size:var(--main-fs-small); color:gray; }

/*solution*/
.solu-nav{position: relative; height: 1.4rem; z-index: 100; background:white;}
.nav-wrap.fix{position: fixed; width: 100%;  background:white;  left: 0;  top: 0;  z-index: 90;}

.solu-sort{display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-items: center; padding:0 var(--main-padding-num); }
.solu-sort .navLink{position: relative; display:block; text-align:center;  width:11.1111%; line-height: .4rem; padding-top:.35rem; padding-bottom:.15rem; font-size:var(--main-fs-p18); transition: all .5s;}
.solu-sort .navLink i{display:block; width:.45rem; height:.45rem; margin:0 auto .05rem; background-repeat:no-repeat; background-position:center; background-size:80%; transition: .5s; }
.solu-sort .navLink i.solu-icon-1{background-image:url(images/solu_1.png);}
.solu-sort .navLink:hover i.solu-icon-1{background-image:url(images/solu_1a.png);}
.solu-sort .navLink i.solu-icon-2{background-image:url(images/solu_2.png);}
.solu-sort .navLink:hover i.solu-icon-2{background-image:url(images/solu_2a.png);}
.solu-sort .navLink i.solu-icon-3{background-image:url(images/solu_3.png);}
.solu-sort .navLink:hover i.solu-icon-3{background-image:url(images/solu_3a.png);}
.solu-sort .navLink i.solu-icon-4{background-image:url(images/solu_4.png);}
.solu-sort .navLink:hover i.solu-icon-4{background-image:url(images/solu_4a.png);}
.solu-sort .navLink i.solu-icon-5{background-image:url(images/solu_5.png);}
.solu-sort .navLink:hover i.solu-icon-5{background-image:url(images/solu_5a.png);}
.solu-sort .navLink i.solu-icon-6{background-image:url(images/solu_6.png);}
.solu-sort .navLink:hover i.solu-icon-6{background-image:url(images/solu_6a.png);}
.solu-sort .navLink i.solu-icon-7{background-image:url(images/solu_7.png);}
.solu-sort .navLink:hover i.solu-icon-7{background-image:url(images/solu_7a.png);}
.solu-sort .navLink i.solu-icon-8{background-image:url(images/solu_8.png);}
.solu-sort .navLink:hover i.solu-icon-8{background-image:url(images/solu_8a.png);}
.solu-sort .navLink i.solu-icon-9{background-image:url(images/solu_9.png);}
.solu-sort .navLink:hover i.solu-icon-9{background-image:url(images/solu_9a.png);}

.solu-sort .navLink:before {content: "";  position: absolute;  width: .4rem;  height: 0.04rem; background:var(--main-color-blue);  left: 50%; transform:translateX(-50%);  bottom:0;  opacity: 0;  transition: all .5s;}
.solu-sort .navLink.cur{color:var(--main-color-blue);}

.solu-sort .navLink.cur i.solu-icon-1{background-image:url(images/solu_1a.png);}
.solu-sort .navLink.cur i.solu-icon-2{background-image:url(images/solu_2a.png);}
.solu-sort .navLink.cur i.solu-icon-3{background-image:url(images/solu_3a.png);}
.solu-sort .navLink.cur i.solu-icon-4{background-image:url(images/solu_4a.png);}
.solu-sort .navLink.cur i.solu-icon-5{background-image:url(images/solu_5a.png);}
.solu-sort .navLink.cur i.solu-icon-6{background-image:url(images/solu_6a.png);}
.solu-sort .navLink.cur i.solu-icon-7{background-image:url(images/solu_7a.png);}
.solu-sort .navLink.cur i.solu-icon-8{background-image:url(images/solu_8a.png);}
.solu-sort .navLink.cur i.solu-icon-9{background-image:url(images/solu_9a.png);}
.solu-sort .navLink.cur:before{opacity:1;}

.Solu-wrap{height:100vh; padding:6vw; display:flex; align-items:center;}
.Solu-wrap .solution-warp-box{width:100%; height:80%; display:flex; justify-content:center; flex-wrap:wrap; border-radius:.1rem; background:var(--main-color-lightgray);}
.Solu-wrap .solution-warp-box .solution-img{width:50%; padding-top:32%; position:relative; border-radius:.1rem;}
.Solu-wrap .solution-warp-box .solution-img img{position:absolute; width:100%; height:100%; left:0; top:0; object-fit:cover; border-radius:.1rem;}
.Solu-wrap .solution-warp-box .solution-img:before{content:''; width:2vw; height:.03rem; background:white; position:absolute; right:0; top:6vw; z-index:10;}
.Solu-wrap .solution-warp-box .solution-img:after{content:''; width:2vw; height:.03rem; background:var(--main-color-blue); position:absolute; right:-2vw; top:6vw; z-index:10;}
.Solu-wrap .solution-warp-box .solution-txt{ width:50%; padding:4vw;border-radius:.1rem;}
.Solu-wrap .solution-warp-box .solution-txt h2{font-size:var(--main-fs-h2); font-family:'Microsoft Yahei'; margin:0 0 2vw;}
.Solu-wrap .solution-warp-box .solution-txt p{font-size:var(--main-fs-p18); margin:0 0 .2rem;}

.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img,.Solu-wrap.switchRev .solution-warp-box .solution-img{order:2;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img:before,.Solu-wrap.switchRev .solution-warp-box .solution-img:before{right:auto; left:0;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-img:after,.Solu-wrap.switchRev .solution-warp-box .solution-img:after{right:auto; left:-2vw;}
.Solu-wrap .solution-warp-box:nth-child(2n) .solution-txt,.Solu-wrap.switchRev .solution-warp-box .solution-txt{order:1; }
/*solution end*/

/*news*/
.news-sort{display:flex; justify-content:center; text-align:center;}
.news-sort li{flex:1;}
.news-sort li a{display:block; padding:.2rem; font-size:var(--main-fs-h6);  line-height:2; position:relative;}
.news-sort li.current a{color:var(--main-color-blue); }
.news-sort li.current a:after{content:''; width:.5rem; height:.04rem; background:var(--main-color-blue); position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

.news-list{overflow:hidden;}
.news-list li{float:left; width:100%; }
.news-list li{margin:0 0 .2rem;}

.newsBox{display:block; background:white; padding:2vw;}
.newsBox .news-box{display:flex; justify-content:space-between; align-items:flex-start;}
.newsBox .news-box .news-date{position:relative; padding-left:.2rem; white-space:nowrap;}
.newsBox .news-box .news-date:after{content:''; width:.04rem; height:.24rem; position:absolute; left:0; top:.06rem; background:#00498e; transition: all 0.3s;}
.newsBox .news-box .news-date span{display:block; font-size:var(--main-fs-h5); line-height:.34rem; font-family:'beba'; }
.newsBox .news-box .news-date label{display:block; font-size:var(--main-fs-p16); opacity:.5}

.newsBox .news-box .news-txt{margin:0 2.5vw 0 2vw; position:relative; flex:1;}
.newsBox .news-box .news-txt h4{font-size:var(--main-fs-h4); line-height:.4rem; max-height:.8rem; margin:0 0 .2rem;  }
.newsBox .news-box .news-txt p{font-size:var(--main-fs-p16); line-height:.26rem; max-height:.52rem; color:gray;  }

.newsBox .news-box .news-img{width:25%; min-width:2.4rem;  padding-top:15%; position:relative; overflow:hidden;}
.newsBox .news-box .news-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition: all 0.3s;}

.newsBox:hover .news-box .news-txt i{color:white; border-color:rgba(0,0,0,0); padding-right:.6rem;}
.newsBox:hover .news-box .news-txt i:before{width:100%; opacity:1;}
.newsBox:hover .news-img img{transform:scale(1.2);}
.newsBox:hover .news-date:after{height:.5rem;}

.newsBox2{display:block;background:white; padding:2vw;}
.newsBox2 .news-box{display:flex; justify-content:space-between; align-items:flex-start; }
.newsBox2 .news-img{width:25%;  min-width:2.4rem; padding-top:15%; position:relative; overflow:hidden;}
.newsBox2 .news-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition: all 0.3s;}
.newsBox2 .news-txt{margin-left:2vw; position:relative;  flex:1;}
.newsBox2 .news-txt h6{font-size:var(--main-fs-p18); color:gray; opacity:.5;margin:0 0 .1rem;}
.newsBox2 .news-txt h4{font-size:var(--main-fs-h4); line-height:.4rem; max-height:.8rem; margin:0 0 .2rem;}
.newsBox2 .news-txt p{margin:0 0 2vw; font-size:var(--main-fs-p16); line-height:.26rem; max-height:.52rem; color:gray; }

.newsBox2:hover .news-box .news-txt i{color:white; border-color:rgba(0,0,0,0); padding-right:.6rem;}
.newsBox2:hover .news-box .news-txt i:before{width:100%; opacity:1;}
.newsBox2:hover .news-img img{transform:scale(1.2);}
/*news end*/

/*article*/
/*左侧滚动固定*/
.Str-body{padding-top:1rem; }
.Str-body .container{position:static;}
.Artsider{float:left; width:2rem; height:auto; }
.sider-box{position:relative; top:0; width:2rem; padding-top:1rem; }
.sider-box .fl{margin:0 0 .2rem;}
.Artmain{margin-left:2rem; padding: 0 0 1rem; }
.Detailmain{padding-left:8vw; padding-right:16vw;}
/*左侧滚动固定*/
.article-title{margin:0 0 .4rem; font-size:var(--main-fs-p16); font-family:'Microsoft Yahei',Arial,'Lucida Grande',sans-serif;}
.article-title h1{font-size:var(--main-fs-h1); margin:0 0 .2rem;}
.article-title h2{font-size:var(--main-fs-h2); margin:0 0 .2rem; }
.article-title h3{font-size:var(--main-fs-h3); margin:0 0 .2rem; }
.article-title h4{font-size:var(--main-fs-h4); margin:0 0 .1rem; }
.article-title h5{font-size:var(--main-fs-h5); margin:0 0 .1rem; }
.article-title h6{font-size:var(--main-fs-h6); margin:0 0 .1rem; }
.article-title p{font-size:var(--main-fs-p16); color:gray;}
.article-title p label{display:inline-block; margin:0 .2rem 0 0;}

.article-content{font-size:var(--main-fs-p16);}
.article-content p{font-size:var(--main-fs-p18); line-height:1.8; text-align:justify; }
.article-content img{display:block; max-width:100%; margin:.2rem auto; height:auto;}
.article-content pre{font-family:'Microsoft Yahei',Arial,'Lucida Grande',sans-serif; margin:0 0 .15rem; font-size:var(--main-fs-small); text-align:center; opacity:.5;}

.article-content h1{font-size:var(--main-fs-h2);}
.article-content h2{font-size:var(--main-fs-h3);}
.article-content h3{font-size:var(--main-fs-h4);}
.article-content h4{font-size:var(--main-fs-h5);}
.article-content h5{font-size:var(--main-fs-h6);}
.article-content h6{font-size:var(--main-fs-p18);}

.article-other{clear:all; overflow:hidden;padding:.2rem 0;}
.article-other .prev,.article-other .next{float:left; width:50%; font-size:font-size:var(--main-fs-p18);; line-height:2; }
.article-other .prev a:hover,.article-other .next a:hover{color:rgba(0,0,0,.5);}
.article-other .next{text-align:right;}

/*点赞按钮*/
.likebox{margin:0;}
.likebox a.favorite{position:relative; display:block; margin:0 auto; width:.6rem; height:.6rem;  line-height:.6rem; border-radius:1rem; background:#f5f5f5;  color:gray; font-size:.26rem; text-align:center;}
.likebox a.favorite:hover{box-shadow:0 0 .16rem #aaa;}
.likebox a.favorite.done,.likebox a.favorite:hover.done{background:var(--main-color-blue); color:white; background-size:.3rem; box-shadow:0 0 0 #fff;}
.likebox a.favorite .count{position:absolute; left:.5rem; top:0; background:var(--main-color-black); font-size:.12rem; padding:.02rem .08rem; line-height:.19rem; border-radius:1rem; color:#fff;}
/*转发按钮*/
.sharebtn{cursor:pointer; position:relative; z-index:500;}
.sharebtn i{display:block; margin:0 auto; width:.6rem; height:.6rem; line-height:.6rem; background:#f5f5f5; color:gray; font-size:.26rem; border-radius:2rem; text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sharebtn:hover i{box-shadow:0 0 .16rem #aaa;}
.sharebtn.active i{background-color:var(--main-color-blue); color:#fff;}
.toggleShow{display:none;position:absolute; left:50%; top:.7rem; transform:translateX(-50%); background:#fff; box-shadow:0 0 12px rgba(0,0,0,.12); padding:.15rem .15rem 0; text-align:center; font-size:.14rem;}
.toggleShow em{line-height:.3rem; font-style:normal;}

/*article end*/
/*support*/
/*Tech-swiper*/
.Tech-swiper .swiper-wrapper{width:100%; padding-top:.8rem; padding-bottom:.4rem; margin-top:-1rem;}
.Tech-swiper .swiper-slide{width:100%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}

.Tech-swiper .swiper-button-next,.Tech-swiper .swiper-container-rtl .swiper-button-prev {right: 0; left: auto; top:.4rem; bottom:auto;  width:.4rem; height:.4rem; border-radius:1rem; color:white; background:var(--main-color-blue,#00498e);}
.Tech-swiper .swiper-button-next:after,.Tech-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.18rem; font-weight:600; }
.Tech-swiper .swiper-button-prev,.Tech-swiper  .swiper-container-rtl .swiper-button-next {right: .6rem; left: auto; top:.4rem; bottom:auto; width:.4rem; height:.4rem; border-radius:1rem;color:white; background:var(--main-color-blue,#00498e);}
.Tech-swiper .swiper-button-prev:after,.Tech-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.18rem; font-weight:600;}
.Tech-swiper .swiper-button-disabled{background:#999;}
.Tech-swiper .swiper-pagination-bullets,.Tech-swiper .swiper-pagination-custom, .Tech-swiper .swiper-pagination-fraction {bottom: 0px; }
.Tech-swiper .swiper-pagination-bullet{width: .08rem; height: .08rem; border-radius:1rem; display: inline-block;   background:#000000; opacity: .2;}
.Tech-swiper .swiper-pagination-bullet-active {opacity: 1; background:var(--main-color-blue,#00498e); }


/*tech*/
.articleBox{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; padding:2vw; background:white; border-radius:.1rem;}
.articleBox .abox-img{width:50%; padding-top:35%; position:relative; overflow:hidden;}
.articleBox .abox-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition: all 0.3s;}
.articleBox .abox-txt{width:50%; padding-left:5%; position:relative;}
.articleBox .abox-txt h3{font-size:var(--main-fs-h3); margin:0 0 .2rem;}
.articleBox .abox-txt p{font-size:var(--main-fs-p16); line-height:26px; max-height:78px; color:gray; margin:0 0 .2rem;}

.articleBox i{position:absolute; right:2vw; bottom:2vw;}
.articleBox:hover i{color:white; border-color:rgba(0,0,0,0); padding-right:.6rem;}
.articleBox:hover i:before{width:100%; opacity:1;}
.articleBox:hover .abox-img img{transform:scale(1.2); }

.articleBox .abox-txt .tag{margin:0 0 .1rem;}

.download-warp{display:flex; justify-content:space-between;}
.download-warp .download-side{width:3rem;}
.download-warp .download-main{width:calc(100% - 3rem); padding-left:5%;}
.download-side ul li{margin:0 0 1px;}
.download-side ul li a{display:block; padding:.2rem .3rem; font-size:var(--main-fs-p16); background:#f0f0f0; position:relative;}
.download-side ul li a:after{content: '\e624'; font-family: 'iconfont'; position:absolute; right:.2rem; top:50%; transform: translate(0, -50%);font-size:.18rem; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease-in-out;  }
.download-side ul li a:hover{background:rgba(0,73,142,.2);}
.download-side ul li.current a{background:var(--main-color-blue,#00498e); color:white; font-weight:600;}

.download-list{width:100%; overflow:hidden;}
.download-list li{width:100%; margin:0 0 .15rem;}
.download-list li a.download-item{display:block; padding:.15rem .1rem .15rem .6rem; border-bottom:1px solid #ddd; position:relative;}
.download-list li a.download-item:after{content:''; width:.34rem; height:.34rem; background:url(images/file.png) no-repeat; background-size:100%; position:absolute; left:.1rem; top:.1rem;}
.download-list li a.download-item h3{margin:0 0 .05rem; font-size:var(--main-fs-p18); width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.download-list li a.download-item p{font-size:var(--main-fs-p16); opacity:.5; }
.download-list li a.download-item i{position:absolute; right:0px; top:50%; transform:translateY(-50%); font-size:.14rem; font-style:normal; display:inline-block; padding:.08rem .4rem .08rem .2rem;  border:1px solid #999; border-radius:1rem;transition: all 0.3s; overflow:hidden;}
.download-list li a.download-item i:after{content:'\e775'; font-family: 'iconfont'; position:absolute; right:.1rem; top:50%; transform: rotate(180deg) translateY(50%); font-size:.22rem; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s;}
.download-list li a.download-item i:before{content:'\e775'; font-family: 'iconfont'; position:absolute; right:.1rem; top:-50%;  transform: rotate(180deg) translateY(50%); font-size:.22rem; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s;}

.download-list li a.download-item:hover i{background:rgba(0,73,142,.1);border:1px solid #00498e;}
.download-list li a.download-item:hover i:after{top:100%; opacity:0;}
.download-list li a.download-item:hover i:before{top:50%; opacity:1;}

.shouce{width:100%;padding:1vw; background:white; text-align:center; border:1px solid #ccc;}
.shouce img{display:block; width:100%; margin:0 0 .1rem;}
.shouce span{display:block; font-size:var(--main-fs-p16); }
/*support end*/
/*contact*/

.map-ditu{position:absolute; right:0%; top:50%; transform:translateY(-50%); display:block; width:50%; z-index:0; overflow:hidden;}
.map-ditu img{display:block; max-width:100%; height:auto; float:right;}
.map-contact{position:relative;}
.map-contact .contact-flex{display:flex; width:50%; justify-content:space-between; flex-wrap: wrap; position:relaitve; z-index:10;}
.map-contact .contact-flex .contactman{width:calc((100% - .2rem)/2); margin-right:.2rem; margin-bottom:.2rem; background:rgba(255,255,255,.7); padding:.2rem .2rem .2rem .5rem; position:relative; }
.map-contact .contact-flex .contactman:nth-child(2n){margin-right:0;}

.map-contact .contact-flex .contactman h6{font-size:var(--main-fs-h6); position:relative;}
.map-contact .contact-flex .contactman h6:before{content:'\e600';  font-family: 'iconfont';  width:.34rem; height:.34rem; text-align:center; line-height:.34rem; border-radius:1rem; background:var(--main-color-blue,#00498e); position:absolute; left:-.5rem; top:50%; transform:translateY(-50%); font-size:var(--main-fs-small); color:white; font-style:100; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.map-contact .contact-flex .contactman p{font-size:var(--main-fs-p18); opacity:.7; margin:0;}
.map-contact .contact-flex .contactman p strong{font-weight:600; display:block;}
.contact-way{font-size:var(--main-fs-p16); color:gray;}
.contact-way .boximg{position:relative; padding-bottom:.2rem;border-bottom:2px solid #ddd;}
.contact-way .boximg:after{content:''; width:.64rem; height:2px; background:#06f; position:absolute; left:0; bottom:-2px;}
.contact-way img{display:block; margin:0 0 .1rem; width:.4rem;}
.contact-way span{display:block; font-size:var(--main-fs-h5); font-weight:600; font-family:'itc'; padding:.2rem 0 .1rem;  position:relative; color:var(--main-color-black);}
/*contact end*/
/*jobs*/
.jobBox{margin:0 0 .1rem; display:block; background:url(images/arr_down.png) #fff no-repeat 96% .3rem; background-size:16px;}
.clickEvent{ padding:2% 4% 2% 2%; cursor:pointer;}
.jobBox h6{font-size:var(--main-fs-h6); color:var(--main-color-black); margin:0;}
.jobBox p{font-size:var(--main-fs-p16); color:gray; margin:0;}
.jobBox p label{display:inline-block; margin-right:5%;}
.job-detail{display:none; padding:0 4% 2%;}
.job-detail p{font-size:15px; color:gray; margin:0 0 10px;}
.job-detail a{margin:.2rem 0 0; display:inline-block; padding:10px 16px; background:var(--main-color-blue); border-radius:4px; color:white;}

.jobBox.jobBox-curr{background:url(images/arr_up.png) #fff no-repeat 96% .3rem; background-size:16px;}
.jobBox.jobBox-curr h5{color:var(--main-color-blue); font-weight:600; }
/*jobs end*/

/*new sys product*/
.spec-wrap{display:block; background:white; display:flex; flex-wrap:wrap; justify-content:space-between;  transition: all 0.4s; min-height:2.4rem;}
.spec-wrap:hover{background:url(images/bg_chip_2.jpg) no-repeat left top; background-size:cover; transition: all 0.4s;}
.spec-wrap .spec-txt{width:55%; padding:5%; }
.spec-wrap .spec-txt h4{font-size:var(--main-fs-h4);  font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.spec-wrap .spec-txt h5{font-size:var(--main-fs-h6);  font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
.spec-wrap .spec-txt p{font-size:var(--main-fs-p16); margin:0 0 .05rem; color:gray;}

.spec-wrap .spec-txt .spec-box span{margin:0 0 .1rem; width:.44rem; height:.44rem; padding:.1rem;}

.spec-wrap .spec-img{width:45%; padding:10% 4% 4%; display:flex; align-items:flex-end;}
.spec-wrap .spec-img img{display:block; width:100%;}

.spec-text{border-bottom:1px solid rgba(255,255,255,.2)}
.spec-text h6{font-size:var(--main-fs-p16); color:rgba(255,255,255,.7); font-weight:normal; margin:0;}
.spec-text p{font-size:var(--main-fs-p16); color:white; line-height:.22rem; min-height:.44rem;}

.Screen-swiper .swiper-wrapper{width:100%;}
.Screen-swiper .swiper-slide{width:100%; position:relative; overflow:hidden; transition: all 0.4s ease-in-out;}
.Screen-swiper .swiper-slide img{/*animation: icons 4s linear infinite; -webkit-animation: icons 4s linear infinite;*/}
.Screen-swiper .swiper-button-next,.Screen-swiper .swiper-container-rtl .swiper-button-prev {display:none;}
.Screen-swiper .swiper-button-next:after,.Screen-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:.18rem; font-weight:600; }
.Screen-swiper .swiper-button-prev,.Screen-swiper  .swiper-container-rtl .swiper-button-next {display:none;}
.Screen-swiper .swiper-button-prev:after,.Screen-swiper .swiper-container-rtl .swiper-button-next:after {font-size:.18rem; font-weight:600;}

.Screen-swiper .swiper-pagination-bullets,.Screen-swiper .swiper-pagination-custom, .Screen-swiper .swiper-pagination-fraction {bottom: 0px; }
.Screen-swiper .swiper-pagination-bullet{width: .08rem; height: .08rem; border-radius:1rem; display: inline-block; background:none; border:1px solid white; opacity: .2;}
.Screen-swiper .swiper-pagination-bullet-active {opacity: 1;background:white; }

.can-gg{margin:0 0 .2rem; border:1px solid #b1bdd5; overflow:hidden; background:rgba(255,255,255,.2);}
.can-gg dt{font-size:var(--main-fs-p16);font-weight:600; padding:.1rem; background:#eef1f6;color:#4e6a8f;}
.can-gg dd{float:left; width:20%; padding:.1rem;}
.can-gg dd.last-all{width:40%;}
.can-gg dd h6{font-size:var(--main-fs-small); color:#4e6a8f; font-weight:normal; margin:0;}
.can-gg dd p{font-size:var(--main-fs-p16);margin:0; }

.can-gg.all-along dd{width:25%;}
.can-gg.all-along dd.last-all{width:50%;}

.can-gg.all-along-line{border:0;}
.can-gg.all-along-line dd{width:calc((100% - 1.2rem)/5); margin-right:.3rem; margin-bottom:.2rem; border-bottom:1px solid #b1bdd5; padding-bottom:.2rem;}
.can-gg.all-along-line dd:nth-child(5n){margin-right:0;}
.can-gg.all-along-line dd.last-all{width:50%;}

.list-style-two{overflow:hidden; margin-right:-.2rem; margin-left:-.2rem; margin-top:-.2rem;}
.list-style-two li{float:left; width:50%; padding:.2rem;}

.solution-new-box{background:white; padding:5%; border-radius:.1rem;}
.solution-img-list{margin-top:5%; display:flex; flex-wrap:wrap; gap:.2rem; }
.solution-img-list .imgBox{flex:1;}
.solution-img-list .imgBox img{display:block; width:100%; border-radius:.1rem;}