@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#101833;color:rgba(255,255,255,.6);font:normal 16px/1.875em 'Arial','Sans-serif'; overflow-x:hidden;width:100%;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#fff;}
a:focus{outline:none;-moz-outline:none;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;cursor: pointer}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'Arial','Sans-serif'; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input[type='text']::-moz-placeholder{opacity:0.75; color:inherit;}
input[type='text']:-moz-placeholder{opacity:0.75; color:inherit;}
input[type='text']::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input[type='text']:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{padding:5px;box-sizing:border-box;}
table th{text-align:center; color:#197afa; background-color: #091132; border:none;border-right:1px solid #0c1329;}
table td{background-color: #151e3d;border-bottom:1px solid #0c1329;border-right:1px solid #0c1329;}
table th:last-child,
table td:last-child {border-right:none;}
/*全局样式*/
.inner{width:93.75%;max-width:1440px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure {overflow: hidden; position: relative;}
.figure a {display: block;}
.figure img {display: block; width: 100%; height: auto;}
.figure .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.wot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}
.clip {-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #369cff, #85f6fe);color: #197afa; display:inline-block; vertical-align: middle;}
.button {background-image: linear-gradient(90deg, #197afa, #00c2ff);display: block; text-align: center; height: 3.125em; line-height: 3.125em; color:#fff; border-radius: 1.5625em;}
.button i {display: inline-block; font-style:normal;}
.fz48 {font-size: 48px; line-height: 1.35em;}
.fz40 {font-size: 40px; line-height: 1.35em;}
.fz36 {font-size: 36px; line-height: 1.35em;}
.fz30 {font-size: 30px; line-height: 1.35em;}
.fz24 {font-size: 24px; line-height: 1.5em;}
/* Slider */
.slick-load {display: none; height: 0;}
.slick-initialized {height: auto;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-arrow {overflow: hidden; text-indent: -99999em; background:no-repeat 0 0; background-size:100% auto; cursor: pointer;}
.slick-dots {justify-content: center; display: flex; flex-wrap: wrap; font-size: 16px;}
.slick-dots li { margin:0 0.5625em;border:2px solid transparent;border-radius:50%; transition: border .3s;}
.slick-dots button {display: block; border:none; width: 0.5625em; height: 0.5625em;  border-radius:50%; background-color: #fff; cursor: pointer; text-indent:-99999em; overflow: hidden; transition: border .3s;}
.slick-dots .slick-active {border-color:#fff;}
.slick-dots .slick-active button {background-color: transparent; }



/*entry*/
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:30;color:#fff;transition:all 0.3s;}
#header .inner{display:table;table-layout:fixed;width: 96%;max-width: 100%;}
#header.fixed{background-color:#fff;color:#333;}
#header.fixed #logo{width:4.375em;}
#header.fixed #navbtn:before,#header.fixed #navbtn:after,#header.fixed #navbtn span{background-color:#333;}
@media only screen and (min-width:1025px){
  #header.fixed a{color:#333;}
  #header.fixed a:hover{color:#197afa;}
  #header.fixed #navi nav>ul>i>a{padding-top:1.22222222em;padding-bottom:1.22222222em;}
  #header.fixed #navi a:hover{color:#197afa;}
  #header.fixed #navi .drop{background-color:#fff;}
  #header.fixed #navi .drop li{border-top:1px solid rgba(0,0,0,0.1);}
  #header.fixed #navi .drop li:first-child{border-top:none;}
}

/*logo*/
#logo{width:5em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;padding:0.5em 0;}
#logo a{display:block;overflow:hidden;padding-bottom:77.5%;position:relative;background:no-repeat left center;background-size:contain;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;}

/*navbtn*/
#navbtn{position:relative;width:1.75em;height:1.75em;z-index:11;display:none;cursor:pointer;}
#navbtn:before,#navbtn:after,#navbtn span{width:100%;height:2px;background-color:#fff;display:block;position:absolute;left:0;border-radius:1px;transition:all 0.3s;}
#navbtn:before{top:2px;content:'';}
#navbtn:after{bottom:2px;content:'';}
#navbtn span{top:50%;transform:translateY(-50%);}
#navbtn.active span{opacity:0;}
#navbtn.active:before{transform:rotate(45deg);top:50%;}
#navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}

/*navi*/
#navi{line-height:1.5em;display:table-cell;vertical-align:middle;padding-left:3.125%;font-size:1.125em;}
#navi .ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end;}
#navi .ul > li{padding:0 2.88973384%;position:relative;}
#navi em{display:none;}
#navi a{display:block;position:relative;padding:1.2em 0.27777778em;}
#navi a:before{width:100%;height:0.16666667em;background-color:#197afa;left:0;top:0;content:'';display:block;position:absolute;opacity:0;transition:all 0.3s;}
#navi .on > a{color:#197afa;}
#navi .current > a:before{opacity:1;}
#navi .drop{position:absolute;top:100%;z-index:5;background-color:rgba(25,122,250,0.4);display:block;left:50%;transform:translateX(-50%);text-align:center;min-width:100%;display:none;}
#navi .drop:before{border-bottom:6px solid rgba(25,122,250,0.4);border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
#navi .drop li{border-top:1px solid rgba(255,255,255,0.1);font-size:0.88888889em;}
#navi .drop li:first-child{border-top:none;}
#navi .drop a{white-space:nowrap;padding:0.3125em 0.5em;}
#navi .drop a:hover{color:rgba(255,255,255,0.5);}
@keyframes arrow{
  0%{margin-bottom:0;}
  50%{margin-bottom:0.5%;}
  100%{margin-bottom:0;}
}

/*banner*/
#banner{position:relative;}
#banner .img{padding-bottom:50%;}
#banner .text{position:absolute;top:43%;transform:translateY(-50%);left:0;width:100%;z-index:2;text-align:center;text-transform:uppercase;color:#fff;}
#banner .name,#banner .alias{font-weight:normal;line-height:1.4em;}
#banner .name{font-size:1em;}
#banner .alias{font-size:1.125em;}
#banner .arrow{width:1.5em;height:0.875em;background:url(../images/arrow_02.png) no-repeat center center;background-size:contain;position:absolute;left:50%;bottom:4.16666667%;transform:translateX(-50%);z-index:2;animation:arrow 2s linear 0s infinite;}

.digital-shadow::after{position: absolute;z-index:10;left: 0; top: 0;content:'';width: 100%; height: 100%; background: linear-gradient(0deg, rgb(13 19 34 / 80%), transparent 40%); pointer-events: none;}

/*submenu*/
#submenu{border-bottom:1px solid rgba(255,255,255,0.06);padding:2.08333333% 0 0.52083333%;padding-top: 4%;margin-top: -4%;}
#submenu ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#submenu li{padding:1.38888889% 2.77777778% 1.38888889% 0;}
#submenu li:last-child{padding-right:0;}
#submenu a{display:block;overflow:hidden;border:0.125em solid rgba(255,255,255,0.1);min-width:9.375em;height:3.125em;line-height:2.875em;border-radius:1.5625em;text-align:center;}
#submenu .current a,#submenu a:hover{background-image:linear-gradient(90deg,#197afa,#00c2ff);border:0;line-height:3.125em;}

/*footer*/
#footer{background-color:#111318;padding:1.82291667% 0;}
#footer .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#footer .line{background-color:#2b2e34;width:100%;clear:both;height:1px;}
#footer a{color:rgba(255,255,255,0.4);}
#footer a:hover{color:#fff;}

/*bottom*/
#bottom{display:table;table-layout:fixed;width:100%;color:rgba(255,255,255,0.4);padding:4.51388889% 0 2.77777778%;}
#bottom .td{display:table-cell;vertical-align:top;}

/*contact*/
#contact{width:15em;line-height:1.7em;}
#contact section{margin-bottom:13.33333333%;}
#contact .name{color:#fff;font-size:1em;font-weight:normal;line-height:1.35em;margin-bottom:0.375em;}
#contact .city .name{letter-spacing:0.35em;}
#contact .city p{font-size:0.75em;line-height:1.5em;letter-spacing:0.1em;}
#contact .work p{font-size:0.875em;line-height:1.875em;}
#contact .work span{font-size:1.85714286em;line-height:1.25em;}

/*menu*/
#menu{padding:0 10vw;}
#menu .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:space-around;}
#menu dt{font-size:1.125em;line-height:1.35em;color:#fff;margin-bottom:0.83333333em;}
#menu dt a{color:#fff;}
#menu dt a:hover{color:rgba(255,255,255,0.9);}
#menu dd{line-height:2.125em;}

/*follow*/
#follow{width:6.25em;text-align:center;}
#follow img{display:block;width:100%;border-radius:0.3125em;}
#follow .name{margin-top:6%;}

/*pagelist*/
#pagelist{padding:1.38888889% 0;}
#pagelist ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#pagelist li{font-size:0.875em;padding-right:1.78571429em;position:relative;color:rgba(255,255,255,0.4);line-height:1.75em;}
#pagelist li:after{position:absolute;top:50%;transform:translateY(-50%);width:0.14285714em;height:0.14285714em;right:0.82142857em;background-color:rgba(255,255,255,0.4);display:block;border-radius:50%;content:'';}
#pagelist li:last-child:after{display:none;}

/*copyright*/
#copyright{font-size:0.875em;color:rgba(255,255,255,0.4);line-height:1.75em;padding:1.38888889% 0;}
#copyright a{display:inline-block;vertical-align:middle;}
#copyright img{width:auto;height:1.42857143em;margin-top:-0.21428571em;margin-right:0.21428571em;}

/*wrapper*/
#wrapper{overflow:hidden;padding:4.16666667% 0;}

/*newstop*/
#newstop{padding-bottom:5.55555556%;margin-bottom:5.55555556%;border-bottom:1px solid rgba(255,255,255,0.06);}
#newstop .slick-load{margin-left:-4.16666667%;}
#newstop .img{padding-bottom:65%;}
#newstop .text{background-color:#151e3d;padding:7.95454545% 6.81818182% 7.27272727%;}
#newstop time{display:block;font-size:1.875em;line-height:1em;margin-bottom:6.57894737%;}
#newstop time i{font-size:0.53333333em;color:rgba(255,255,255,0.1);font-style:normal;margin-left:5.26315789%;}
#newstop .title{line-height:1.4em;height:2.8em;-webkit-line-clamp:2;font-weight:normal;margin-bottom:4.21052632%;}
#newstop .title i{display:inline-block;font-style:normal;background:#3280cd linear-gradient(180deg,#3280cd,#4b39bb);font-size:12px;width:2.75em;height:1.75em;line-height:1.83333333em;text-align:center;font-weight:normal;border-radius:2px;vertical-align:middle;margin-top:-0.25em;margin-right:3.15789474%;}
#newstop .excerpt{color:rgba(255,255,255,0.4);height:3.75em;-webkit-line-clamp:2;}
#newstop a{display:block;overflow:hidden;margin-left:12%;border-radius:0.625em;}
#newstop a:hover .img{transform:scale(1.1);}
#newstop .slick-dots{margin-top:3.5%;}

/*newsitem*/
.newsitem{margin-bottom:2.77777778%;padding-bottom:2.77777778%;border-bottom:1px solid rgba(255,255,255,0.06);}
.newsitem .td{display:table-cell;vertical-align:top;}
.newsitem .pic{width:18.75em;}
.newsitem .figure{border-radius:0.625em;}
.newsitem .img{padding-bottom:65%;}
.newsitem .date{width:14.23611111%;font-size:1.875em;line-height:1em;padding:0.5em 0 0 3.47222222%;}
.newsitem .date time{display:block;}
.newsitem .date i{display:block;font-style:normal;color:rgba(255,255,255,0.1);font-size:0.53333333em;line-height:1.125em;margin-top:0.75em;}
.newsitem .text{padding:0.8125em 0;}
.newsitem .title{line-height:1.35em;max-height:2.7em;-webkit-line-clamp:2;margin-bottom:0.70833333em;font-weight:normal;}
.newsitem .excerpt{color:#666;max-height:3.75em;-webkit-line-clamp:2;margin-bottom:2.5em;text-align:justify;}
.newsitem .more{width:1.5625em;}
.newsitem .more i{padding-bottom:44%;display:block;background:url(../images/arrow_01.png) no-repeat center center;background-size:contain;}
.newsitem a{display:table;table-layout:fixed;width:100%;}
.newsitem a:hover .img{transform:scale(1.1);}
.newsitem a:hover .title{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#197afa,#00c2ff);color:#197afa;}
/*details*/
#details .columnname {color:#fff;}
/*pagenavi*/
#pagenavi{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;padding:2.08333333% 0;}
#pagenavi a{display:block;margin:0.5em;padding:0 0.3125em;height:3.125em;line-height:3em;min-width:3.125em;border-radius:1.5625em;border:2px solid rgba(255,255,255,0.1);}
#pagenavi a.a_cur,#pagenavi a:hover{background-image:linear-gradient(90deg,#197afa,#00c2ff);border:none;line-height:3.25em;}
#pagenavi .a_prev,#pagenavi .a_next{position:relative;}
#pagenavi .a_prev:after,#pagenavi .a_next:after{width:0.5em;height:0.5em;content:'';display:block;position:absolute;left:50%;top:50%;border-left:0.125em solid #fff;border-bottom:0.125em solid #fff;margin-top:-0.25em;}
#pagenavi .a_prev:after{transform:rotate(45deg);margin-left:-0.125em;}
#pagenavi .a_next:after{transform:rotate(-135deg);margin-left:-0.375em;}

/*columnname*/
.columnname{text-align:center;font-weight:normal;margin-bottom:2.77777778%;}

/*certSlick*/
.certSlick{overflow:hidden;}
.certSlick .slick-load{margin-left:-2.77777778%;}
.certSlick .info{background-color:#151e3d;color:#fff;text-align:center;margin-left:10.81081081%;}
.certSlick .img{background-size:contain;}
.certSlick .name{font-weight:normal;font-size:1.125em;line-height:1.66666667em;}
.certSlick .slick-dots{margin-top:3.37837838%;margin-left:2.7027027%;}

/*qualification*/
#qualification{margin-bottom:6.25%;}
#qualification .table{max-height:49.5em;margin-bottom:4.16666667%;}
#qualification table{text-align:center;font-size:1.125em;}
#qualification th{width:50%;padding:1.04166667%;}
#qualification td{color:rgba(255,255,255,0.5);padding:1.04166667%;}
#qualification tr:hover td{color:#fff;}
#qualification .info{margin-left:8.09716599%;padding:9.10931174% 11.33603239% 4.65587045%;}
#qualification .img{padding-bottom:69.59064327%;}
#qualification .name{margin-top:13.15789474%;}

/*patent*/
#patent{margin-bottom:1.38888889%;}
#patent .info{padding:13.51351351% 17.56756757% 5.94594595%;}
#patent .img{padding-bottom:145%;}
#patent .name{font-size:1em; margin:23% -15% 0;}

/*search*/
.search .form{position:relative;border:1px solid rgba(255,255,255,0.2);border-radius:1.875em;padding-right:3.625em;}
.search .text{height:3.625em;line-height:1.875em;padding:0.875em 1.25em;color:rgba(255,255,255,0.8);display:block;width:100%;}
.search .submit{position:absolute;top:50%;transform:translateY(-50%);width:3.125em;height:3.125em;border-radius:50%;right:0.3125em;background-image:linear-gradient(145deg,#197afa,#00c2ff);}
.search .submit:after{width:1.1875em;height:1.1875em;background:url(../images/search_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;margin:-0.53125em 0 0 -0.53125em;}

/*jobfilter*/
#jobfilter{background-color:#151e3d;padding:1.38888889% 2.77777778%;display:table;table-layout:fixed;width:100%;margin-bottom:2.08333333%;}

/*jobSearch*/
#jobSearch{width:35.29411765%;display:table-cell;vertical-align:top;}

/*jobcategory*/
#jobcategory{overflow:hidden;font-size:1.125em;line-height:1.66666667em;display:table-cell;vertical-align:middle;}
#jobcategory .title{font-weight:normal;font-size:1em;color:#fff;line-height:1.66666667em;float:left;padding:0.27777778em 0;}
#jobcategory ul{overflow:hidden;margin-left:3em;padding-left:6.36363636%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#jobcategory li{margin-right:7.79220779%;position:relative;padding:0.27777778em 0;}
#jobcategory li:after{width:100%;height:2px;background-color:#197afa;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#jobcategory a{color:rgba(255,255,255,0.4);}
#jobcategory a:hover{color:#197afa;}
#jobcategory .current:after{opacity:1;}
#jobcategory .current a{color:#197afa;}

/*jobmeta*/
.jobmeta{display:table;table-layout:fixed;width:100%;padding:1.73611111% 2.77777778%;font-size:1.125em;color:#fff;line-height:1.66666667em;}
.jobmeta span{display:table-cell;vertical-align:top;}
.jobmeta .cat,.jobmeta .addr{width:30.51470588%;}
.jobmeta .btn{width:1.11111111em;vertical-align:middle;}
.jobmeta i{display:block;position:relative;opacity:0;}
.jobmeta i:before,.jobmeta i:after{width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;top:0;}
.jobmeta i:before{transform:rotate(45deg);}
.jobmeta i:after{transform:rotate(-45deg);}

/*joblist*/
#joblist{margin-bottom:2.77777778%;}

/*jobitem*/
.jobitem{border-radius:0.55555556em;overflow:hidden;}
.jobitem:nth-child(2n-1){background-color:#151e3d;}
.jobitem .jobmeta{color:rgba(255,255,255,0.6);cursor:pointer;}
.jobitem .jobmeta .name{font-size:1.11111111em;color:#fff;}
.jobitem .info{padding:0 2.77777778%;display:none;}
.jobitem .entry{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;padding:4.04411765% 0 5.88235294%;}
.jobitem .entry h3{color:#fff;font-size:1.125em;font-weight:normal;line-height:1.66666667em;margin-bottom:0.77777778em;}
.jobitem .box{width:47.05882353%;}
.jobitem .resume{border-top:1px solid rgba(255,255,255,0.08);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;align-items:center;padding:2.94117647% 0 4.41176471%;}
.jobitem .resume span:first-child{margin-right:2.20588235%;}
.jobitem .resume a{color:#197afa;}
.jobitem .resume .button{width:9.375em; color: #fff;}
.jobitem.current .jobmeta{background-color:#197afa;color:#fff;}
.jobitem.current .jobmeta i{opacity:1;}
.jobitem.current .info{border:3px solid #197afa;border-top:none;border-radius:0 0 0.55555556em 0.55555556em;background-color:#151e3d;}
#widget{position:fixed;top:80%;transform:translateY(-50%);right:5.20833333%;z-index:8;width:2.5em;}
#widget li{position:relative;margin-bottom:0.625em;}
#widget a{background-color:#fff;border-radius:0.3125em;min-height:2.5em;display:block;overflow:hidden;text-align:center;position:relative;z-index:2;}
#widget i{display:block;overflow:hidden;width:60%;padding-bottom:60%;background:no-repeat center center;background-size:contain;position:absolute;left:20%;top:20%;}
#widget .tel{background-image:url(../images/call_01.png);}
#widget .top{background-image:url(../images/top_01.png);}
#widget span{display:block;overflow:hidden;position:absolute;right:100%;background-color:#fff;border-radius:0.25em;margin-right:0.5em;white-space:nowrap;color:#101833;line-height:2em;font-size:1.25em;top:50%;transform:translateY(-50%);padding:0 1em;display:none;}
#widget .btn{background-image:linear-gradient(135deg,#197afa,#00c2ff);line-height:1.25em;padding:0.625em;}
#widget .wap {display: none;}
/*aboutbox*/
.aboutbox{position:relative;padding:4.79166667% 0;background:no-repeat center bottom;background-size:cover;}
.aboutbox:nth-child(2n){background-color:#0e162d;}
.aboutbox .stage{position:absolute;left:0;bottom:0;z-index:0;width:100%;font-size:14.58333333vw;line-height:0.8em;text-transform:uppercase;opacity:0.04;white-space:nowrap;font-weight:bold;letter-spacing:-1px; -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  -o-user-select: none;  user-select: none;}

/*digitalRail*/
#digitalRail .inner{overflow:hidden;}
#digitalRail .left{width:38.88888889%;float:left;padding-right:3.125%;}
#digitalRail .title{margin-bottom:0.875em;}
#digitalRail .title:after{max-width:8.33333333em;height:2px;background-image:linear-gradient(90deg,#369cff,transparent);opacity:0.6;display:block;content:'';margin-top:0.79166667em;}
#digitalRail .name{font-size:0.83333333em;line-height:1.35em;font-weight:normal;}
#digitalRail .alias{font-size:1em;line-height:1.35em;margin-top:0.25em;font-weight:normal;}
#digitalRail .excerpt{line-height:1.5em;}
#digitalRail .excerpt p {white-space: pre-line;}
#digitalRail .right{width:59.72222222%;float:right;font-size:1.125em;line-height:1.77777778em;}

/*ceo*/
#ceo .inner{display:table;table-layout:fixed;}
#ceo .photo{width:29.51388889%;display:table-cell;vertical-align:top;}
#ceo .figure{padding:0 0 5.88235294% 5.88235294%;}
#ceo .figure:before{width:56.47058824%;padding-bottom:56.47058824%;background-image:linear-gradient(135deg,#197afa,#00c2ff);content:'';display:block;position:absolute;left:0;bottom:0;border-radius:0.3125em;}
#ceo .img{padding-bottom:135%;position:relative;z-index:2;border-radius:0.3125em;}
#ceo .text{display:table-cell;vertical-align:middle;padding-left:14.58333333%;}
#ceo .title{margin-bottom:2.85714286%;}
#ceo .name{font-weight:normal;}
#ceo .alias{font-size:1.125em;color:#197afa;font-weight:normal;line-height:1.66666667em;margin-top:0.55555556em;position:relative;}
#ceo .alias:before{right:100%;margin-right:1em;width:1.66666667em;height:0.16666667em;background-color:#197afa;content:'';display:block;position:absolute;top:0.75em;}
#ceo .intro{font-size:1.125em;line-height:2em;}
#ceo .stage{text-align:center;}

/*history*/
#history{background:url(../images/bg_history.png) no-repeat center bottom;}
#history .slick-load{padding:0 6.25%;}
#history .slick-load:before{width:100%;height:1px;background-color:#8a8e9c;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#history .slick-list{padding-left:1.5625em;}
#history .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;}
#history .item {vertical-align: middle;}
#history .info{margin-left:-unit(1.5625,em);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;}
#history .info:nth-child(1){padding-bottom:5em;}
#history .info:nth-child(2){padding-top:5em;}
#history .img{padding-bottom:50%;}
#history .intro{margin-bottom:0.1875em;margin-top:0.75em;letter-spacing:-0.025em;height: 6em;overflow: hidden;}
#history .year{color:#197afa;}
#history .line{position:relative;}
#history .line:before,#history .line:after{content:'';display:block;position:absolute;left:2.75em;transform:translateX(-50%);}
#history .line:before{background-color:#8a8e9c;width:1px;height:4.375em;bottom:0.4375em;}
#history .line:after{width:1.125em;height:1.125em;border-radius:50%;border:0.25em solid #8a8e9c;box-sizing:border-box;bottom:-0.625em;background-color:#101833;}
#history .slick-slide{opacity:0;transition:opacity 0.2s;}
#history .slick-slide:nth-child(2n) .box,#history .slick-slide:nth-child(2n) .info{flex-direction:column-reverse;}
#history .slick-slide:nth-child(2n) .info:nth-child(1){padding-bottom:0;padding-top:5em;}
#history .slick-slide:nth-child(2n) .info:nth-child(2){padding-top:0;padding-bottom:5em;}
#history .slick-slide:nth-child(2n) .intro{margin-top:0.1875em;margin-bottom:0.75em;}
#history .slick-slide:nth-child(2n) .line:before{bottom:auto;top:0.4375em;}
#history .slick-slide:nth-child(2n) .line:after{bottom:auto;top:-0.625em;}
#history .slick-active{opacity:1;}
#history .slick-arrow{position:absolute;top:49.3%;transform:translateY(-50%);width:0.9375em;height:0.9375em;opacity:0.4;}
#history .slick-arrow:after{width:0.5em;height:0.5em;border-left:2px solid #fff;border-bottom:2px solid #fff;content:'';display:block;position:absolute;left:50%;top:50%;}
#history .slick-prev{left:-3.125vw;}
#history .slick-prev:after{transform:rotate(45deg);margin:-0.3125em 0 0 -0.1875em;}
#history .slick-next{right:-3.125vw;}
#history .slick-next:after{transform:rotate(-135deg);margin:-0.3125em 0 0 -0.5em;}

/*culture*/
#culture .info{display:table;table-layout:fixed;width:100%;}
#culture .info .clip{background-image:linear-gradient(180deg,#fff,transparent);opacity:0.15;}
#culture .left{display:table-cell;vertical-align:middle;padding-right:3.125%;}
#culture .title{position:relative;}
#culture .name{color:#197afa;font-size:1em;line-height:1.35em;position:relative;z-index:2;}
#culture .alias{line-height:0.8em;font-weight:normal;position:absolute;left:0;top:0;z-index:0;color:rgba(255,255,255,0.1);}
#culture .right{display:table-cell;vertical-align:top;width:38.88888889%;}
#culture .right .title{padding:4.34782609% 0 7.82608696%;}
#culture .right .alias{font-size:1.33333333em;}
#culture .box{background-color:#151e3d;padding:11.96428571% 8.92857143% 10%;border-radius:1em;position:relative;}
#culture .box:before{width:12.5%;padding-bottom:10.71428571%;background:url(../images/quote_right.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:0;right:8.92857143%;margin-top:-3.57142857%;}
#culture .intro{font-size:1.125em;line-height:1.77777778em;}
#culture .item{padding:2.8742515% 0;}
#culture .item .alias{font-size:160px;}
#culture .item p{margin-top:0.25em;position:relative;z-index:2;}
#culture .item:first-child .alias{top:auto;bottom:0;transform:translateY(30%);}

/*ecology*/
#ecology{background:#101833 url(../images/bg_01.jpg) no-repeat center top;background-size:cover;}
#ecology #banner .img{padding-bottom:60.36458333%;}
#ecology #defs {width:0; height:0; overflow:hidden;}
/*smTitle*/
.smTitle{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
.smTitle .text{margin-right:0.45em;}
.smTitle .name{font-size:2.2em;line-height:1.125em;}
.smTitle .en{font-size:0.8em;line-height:1.125em;text-transform:uppercase;font-weight:bold;}
.smTitle .cn{font-size:1em;line-height:1.125em;color:#fff;}
.smTitle.center{justify-content:center;}

/*ceTitle*/
.ceTitle{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;}
.ceTitle .num{font-weight:bold;font-size:260px;line-height:0.8em;}
.ceTitle .num .clip{background-image:linear-gradient(35deg,#369cff,#85f6fe);}
.ceTitle .text{padding:0.27777778em 0;}
.ceTitle .en{font-size:0.88888889em;line-height:1em;font-weight:bold;text-transform:uppercase;}
.ceTitle .cn{font-size:1em;line-height:1.25em;color:#fff;font-weight:bold;}
#defs{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;}

/*innovation*/
#innovation{margin-bottom:8.33333333%;}
#innovation .top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:6.04166667%;}
#innovation .tab{width:48.61111111%;}
#innovation .tab ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#innovation .tab li{width:32.28571429%;position:relative;}
#innovation .tab .text{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:90%;text-align:center;color:#fff;font-size:22px;}
#innovation .tab .num{font-size:2.27272727em;line-height:1em;margin-bottom:0.14em;}
#innovation .tab .name{line-height:1.36363636em;margin-bottom:0.36363636em;}
#innovation .tab .slug{font-size:0.54545455em;color:rgba(255,255,255,0.4);line-height:1.35em;padding:0 3em;height:2.7em;}
#innovation .btm{max-width:1205px;}
#innovation .title{font-size:1.625em;color:#fff;line-height:1.35em;position:relative;margin-bottom:3.48547718%;}
#innovation .title:after{height:2px;width:21.74273859%;background-image:linear-gradient(90deg,#197afa,transparent);display:block;content:'';margin-top:1.99170124%;}
#innovation .intro{font-size:1.125em;color:rgba(255,255,255,0.8);line-height:1.66666667em;}

/*boxIntro*/
.boxIntro{font-size:1.125em;color:rgba(255,255,255,0.8);line-height:1.66666667em;}
.boxIntro h3{color:#fff;font-size:1.44444444em;line-height:1.88888889em;margin-bottom:0.38461538em;}

/*intelligence*/
#intelligence{margin-bottom:8.07291667%;}
#intelligence .smTitle{margin-bottom:3.95833333%;}

/*institutions*/
#institutions{margin-bottom:8.33333333%;}
#institutions .ceTitle{margin-bottom:5.06944444%;}
#institutions .list ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:center;}
#institutions .list li{width:16.666%;font-size:22px;line-height:1.45454545em;text-align:center;color:#fff;position:relative;margin:0.48611111%;}
#institutions .list .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;padding:0 5%;z-index:2;}
#institutions .list p{white-space:pre-line;}

/*standardization*/
#standardization{margin-bottom:8.07291667%;}
#standardization .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#standardization .figure{width:50%;}
#standardization .intro{width:43.05555556%;padding-right:4.16666667%;}
#standardization .smTitle{margin-bottom:7.85714286%;}
#standardization .smTitle .en{font-size:0.55em;}

/*strategies*/
#strategies{margin-bottom:7.8125%;}
#strategies .ceTitle{margin-bottom:4.44444444%;}
#strategies .list{margin-bottom:11.11111111%;}
#strategies .list ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:center;}
#strategies .list li{font-size:1.375em;line-height:1.45454545em;text-align:center;width:6.81818182em;height:6.81818182em;border:2px solid #29fff9;border-radius:50% 0 50% 50%;color:#fff;position:relative;margin:1.25%;}
#strategies .list li:nth-child(5n+2){border-color:#ffbc76;}
#strategies .list li:nth-child(5n+3){border-color:#215a99;}
#strategies .list li:nth-child(5n+4){border-color:#855654;}
#strategies .list li:nth-child(5n+5){border-color:#2e3499;}
#strategies .list span{display:block;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);left:50%;width:4em;margin-left:-2em;}
#strategies .intro .title{text-align:center;margin-bottom:6.45833333%;}
#strategies .intro .name{font-weight:normal;}
#strategies .intro .alias{font-weight:normal;font-size:0.4em;line-height:1.875em;}
#strategies .intro .pic{margin-bottom:4.86111111%;}
#strategies .intro .pic img{margin:0 auto;display:block;}
#strategies .mark{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
#strategies .mark span{display:block;position:relative;padding-left:1.25em;margin:0 1.52777778%;}
#strategies .mark span:before{content:'';display:block;position:absolute;border-radius:50%;width:0.625em;height:0.625em;left:0;top:50%;transform:translateY(-50%);box-sizing:border-box;}
#strategies .mark .yellow:before{background-color:#ffac40;}
#strategies .mark .circle:before{border:2px solid #5ac6ff;}
#strategies .mark .blue:before{background-color:#5ac6ff;}

/*probox*/
.probox{padding:4.6875% 0;background:no-repeat center center;background-size:cover;position:relative;}
.probox .boxIntro{max-width:1100px;margin:0 auto;}

/*upgradePath*/
#upgradePath .boxIntro{margin-bottom:3.125%;}
#upgradePath .boxIntro p{display:none;}
#upgradePath .boxIntro p:first-child{display:block;}
#upgradePath .btn{text-align:center;}
#upgradePath .button{display:inline-block;padding:0 1.625em;margin:0 auto;}
#upgradePath .button i{background:url(../images/arrow_03.png) no-repeat right center;padding-right:2em;background-size:auto 1.25em;}
#upgradePath .button.active i{background-image:url(../images/close_01.png);background-size:auto 0.71875em;}
#upgradePath .pic{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;align-items:center;margin-top:0.69444444%;}
#upgradePath .figure{padding:2.77777778% 0;}
#upgradePath .figure:nth-child(2n+1){width:38.88888889%;}
#upgradePath .figure:nth-child(2n){width:55.13888889%;}

/*digitalize*/
#digitalize{position:relative;}
#digitalize .img{padding-bottom:49.47916667%;display:none;}
#digitalize .text{position:absolute;left:0;width:100%;top:0;padding:9.375% 0;}
#digitalize .boxIntro{max-width:1100px;margin:0 auto;text-align:center;}
#digitalize .item{display:none;}
#digitalize .tab{justify-content:center;align-items:center;margin-top:2.08333333%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#digitalize .tab span{display:block;overflow:hidden;font-size:1.125em;width:5em;height:5em;line-height:5em;border-radius:50%;background-color:rgba(25,122,250,0.5);margin:0.72222222em;color:#fff;text-align:center;cursor:pointer;}
#digitalize .tab .current{background-image:linear-gradient(135deg,#197afa,#00c2ff);}

/*system*/
#system .list{overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#system ul{overflow:hidden;width:48.26388889%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#system li{padding-bottom:2.30215827%;width:100%;}
#system ul:nth-child(2) li:nth-child(2),#system ul:nth-child(2) li:nth-child(3){width:48.92086331%;}

/*digitalTwin*/
#digitalTwin{background-image:url(../images/bg_02.jpg);}

/*simulation*/
#simulation{background-image:url(../images/bg_03.jpg);padding-bottom:10.41666667%;}

/*operations*/
#operations{background-image:url(../images/bg_04.jpg);padding:10.9375% 0;}
#operations .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#operations .text{width:38.19444444%;}
#operations .columnname{text-align:left;}
#operations .figure{width:50.34722222%;}

/*slogan*/
#slogan{background:#090c1a linear-gradient(180deg,#0b0e1c,#090c1a);padding-bottom:3.64583333%;}
#slogan .columnname{color:#fff;margin-bottom:1.38888889%;}

/*platformChip*/
#platformChip{background:url(../images/bg_05.jpg) no-repeat center bottom;background-size:cover;padding:4.6875% 0 3.125%;}
#platformChip .list{width:102.77777778%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#platformChip .item{width:33.333%;padding-right:2.7027027%;padding-bottom:2.7027027%;}
#platformChip .info{position:relative;height:100%;min-height:21.25em;display:table;table-layout:fixed;width:100%;background-color:#182242;border-radius:1.25em;overflow:hidden;}
#platformChip .figure{display:table-cell;vertical-align:middle;width:37.52759382%;}
#platformChip .img{position:absolute;left:0;top:0;width:100%;height:100%;}
#platformChip .text{display:table-cell;vertical-align:top;padding:11.03752759% 8.83002208%;}
#platformChip .text p{white-space:pre-line;}
#platformChip .name{color:#fff;margin-bottom:11.76470588%;}

/*privatePro*/
#privatePro{padding:4.6875% 0 5.20833333%;background:url(../images/bg_06.jpg) no-repeat center center;background-size:cover;}
#privatePro .columnname{margin-bottom:1.04166667%;padding:0 0.5em;}
#privatePro .boxIntro {text-align: center;}
#privatePro .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:4.16666667%;}
#privatePro .figure{width:54.16666667%;}
#privatePro .figure img{border-radius:1.25em;}
#privatePro .text{width:45.13888889%;}
#privatePro .item{display:table;table-layout:fixed;width:100%;color:#fff;padding:3.84615385% 0;}
#privatePro .item h3{display:table-cell;vertical-align:middle;font-size:26px;line-height:1.35em;width:8.07692308em;padding-right:0.17241379em;}
#privatePro .item ul{display:table-cell;vertical-align:middle;background:url(../images/square_01.png) no-repeat left center;background-size:1.75em 100%;padding-left:1.25em;}
#privatePro .item li{position:relative;padding-left:2.1875em;margin-bottom:0.25em;}
#privatePro .item li:last-child{margin-bottom:0;}
#privatePro .item li:before{width:2.25em;height:0.625em;background:url(../images/arrow_04.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0.625em;}

/*market*/
#market{padding-bottom:740px;background:no-repeat center bottom;background-size:cover;position:relative;}
#market .text{padding:4.6875% 0 3.64583333%;position:absolute;left:0;top:0;width:100%;}
#market .inner{position:relative;}
#market .box{font-size:22px;line-height:1.81818182em;color:#fff;}
#market .intro{white-space:pre-line;text-align:center;}
#market .intro p{height:5.45454545em;overflow:hidden;}
#market .item{background:no-repeat center center;background-size:100% 100%;position:absolute;top:0;margin-top:13.88888889%;}
#market .item h3{font-size:1.27272727em;line-height:2.85714286em;width:7.14285714em;text-align:center;background-color:#197afa;position:absolute;border-radius:0.35714286em;padding:0 0.25em;}
#market .item:nth-child(1){width:12.81818182em;height:9.86363636em;left:15.13888889%;padding-right:1.72727273em;background-image:url(../images/square_02.png);}
#market .item:nth-child(1) h3{right:0.57142857em;bottom:-1.42857143em;}
#market .item:nth-child(2){width:13.36363636em;height:10.77272727em;right:15.97222222%;padding-left:1.72727273em;padding-top:0.90909091em;background-image:url(../images/square_03.png);}
#market .item:nth-child(2) h3{right:-0.92857143em;top:-1.42857143em;}

/*readmore*/
.readmore .more{display:block;width:9.5em;height:3.25em;line-height:3.25em;background:url(../images/circle_01.svg) no-repeat center center;background-size:100% 100%;font-size:16px;text-align:center;border-radius:1.625em;}
.readmore .more:hover{background-image:linear-gradient(90deg,#197afa,#00c2ff);}

/*slides*/
#slides{color:#fff;}
#slides .item{vertical-align:middle;}
#slides .img{padding-bottom:50%;}
#slides video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:2;}
#slides .box{position:absolute;left:0;width:100%;top:30.20833333%;z-index:3;text-align:center;line-height:1.25em;}
#slides .play{width:1.83333333em;height:1.83333333em;background:url(../images/play_01.png) no-repeat center center;background-size:contain;margin:0 auto 0.10416667em;cursor:pointer;}
#slides .slogan p{white-space:pre-line;}
#slides .figure{z-index:3;}
#slides .video{position:relative;}
#slides .video.active .box{display:none;}
#slides .video.active .figure{opacity:0;z-index:1;}
#slides .text{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:5;}
#slides .title{font-size:1em;font-weight:normal;line-height:1.25em;margin-bottom:0.60416667em;}
#slides .title:after{width:1.25em;height:2px;background-color:#fff;display:block;content:'';margin-top:0.625em;}
#slides .intro{font-size:0.5em;line-height:1.75em;margin-bottom:1.66666667em;}
#slides .intro p{white-space:pre-line;}
#slides .center{text-align:center;}
#slides .center .title{margin-bottom:0;}
#slides .center .title:after{display:none;}
#slides .center .more {margin:0 auto;}
#slides .slick-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:5.20833333%;}

/*homebox*/
.homebox{position:relative;overflow: hidden;}
.homebox .columnname{line-height:1.5em;}
.homebox .columnname span{position:relative;}
.homebox .columnname span:before{width:1.475em;height:2.975em;background:url(../images/0101.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:-0.5em;top:-1.125em;z-index:-1;}

/*benchmark*/
#benchmark{padding:8.59375% 0 8.51041667%;background:url(../images/bg_07.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#benchmark .inner{position: relative;z-index: 1;}
#benchmark .slick-load{margin-left:-2.77777778%;margin-top:3.81944444%;}
#benchmark .item{padding-left:5.40540541%;}
#benchmark .info{display:table;table-layout:fixed;width:100%;border-radius:1.25em;overflow:hidden;min-height:18.75em;}
#benchmark .figure{display:table-cell;vertical-align:middle;position:relative;width:42.85714286%;}
#benchmark .img{position:absolute;left:0;top:0;width:100%;height:100%;}
#benchmark .text{background-color:#172239;padding:7.71428571% 5.71428571%;display:table-cell;vertical-align:top;}
#benchmark .title{font-size:1.25em;font-weight:normal;color:#fff;margin-bottom:5%;}
#benchmark .slick-dots{margin-left:2.7027027%;margin-top:1.75675676%;}
#benchmark .item:hover .img {transform: scale(1.1);}
/*hometext*/
.hometext{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:5;}
.hometext .intro{width:50%;max-width:36.875em;}
.hometext .columnname{text-align:left;}
.hometext .boxIntro{text-align:justify;color:rgba(255,255,255,0.6);}

/*homepro*/
#homepro .pc{padding-bottom:46.625%;}
#homepro .wap{display:none;}
#homepro .columnname{margin-bottom:0.75em;}
#homepro .homebox:nth-child(2n) .intro{float:right;}
.homepro2:hover .img {transform: scale(1.1);}
.homepro3:hover .img {transform: scale(1.1);}

.homepro1 .figure  { background:url(../images/digitalBg.jpg) repeat-x; background-size: contain;}
.homepro1 .figure .img { background-size: contain; background-position: left;}
@media only screen and (max-width:1536px){

  /*1536px*/
  .fz48{font-size:3.125vw;}

  /*1536px*/
  .fz40{font-size:2.60416667vw;}

  /*1536px*/
  .fz36{font-size:2.34375vw;}

  /*1536px*/
  .fz30{font-size:1.953125vw;}

  /*1536px*/
  .fz24{font-size:1.5625vw;}

  /*1536px*/
  #history .slick-prev{left:-0.625em;}
  #history .slick-next{right:-0.625em;}

  /*1536px*/
  #culture .item .alias{font-size:10.41666667vw;}

  /*1536px*/
  .ceTitle .num{font-size:16.92708333vw;}

  /*1536px*/
  #innovation .tab .text{font-size:1.43229167vw;}

  /*1536px*/
  #institutions .list li{font-size:1.43229167vw;}

  /*1536px*/
  #privatePro .item h3{font-size:1.69270833vw;}

  /*1536px*/
  #market{padding-bottom:48.17708333%;}
  #market .box{font-size:1.43229167vw;}
}
@media only screen and (max-width:1280px){

  /*1280px*/
  body{font-size:14px;}

  /*1280px*/
  .fz30{font-size:24px;}

  /*1280px*/
  .fz24{font-size:18px;}

  /*1280px*/
  #menu{padding:0 7vw;}

  /*1280px*/
  #newstop time i,#newstop .excerpt{font-size:14px;}

  /*1280px*/
  .readmore .more{font-size:14px;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  .fz40{font-size:26px;}

  /*1024px*/
  #header .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

  /*1024px*/
  #logo,#navbtn{display:block;}

  /*1024px*/
  #navi{padding:0;position:fixed;width:100%;height:100%;background-color:rgba(16,24,51,0.5);z-index:9;left:0;top:0;display:none;font-size:16px;}
  #navi .ul{position:fixed;right:0;top:78.75px;width:80%;max-width:300px;background-color:rgba(25,122,250,0.9);overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 78.75px);display:block;padding:3.5vh 20px;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
  #navi .ul > li{padding:0;}
  #navi a{padding:10px 0;}
  #navi a:before{display:none;}
  #navi.active .ul{transform:translateX(0);}
  #navi .on > a{color:#fff;}
  #navi em{display:block;position:absolute;right:-20px;width:3em;height:52px;z-index:2;top:0;cursor:pointer;}
  #navi em:after{width:0.40909091em;height:0.40909091em;border-right:2px solid #fff;border-bottom:2px solid #fff;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-5px 0 0 -5px;transition:all 0.3s;}
  #navi .drop{position:static;display:block;background-color:transparent;transform:none;text-align:left;font-size:15px;display:none;min-width:0;}
  #navi .drop a{padding:5px 0 5px 1.5em;white-space:normal;}

  /*1024px*/
  #footer .inner{display:block;}
  #footer .line{margin-bottom:1.5%;}

  /*1024px*/
  #pagelist{padding:2px 0;}
  #pagelist ul{justify-content:center;}
  #pagelist li:last-child{padding-right:0;}

  /*1024px*/
  #copyright{padding:2px 0;text-align:center;}

  /*1024px*/
  #submenu a{height:2.75em;line-height:2.57em;min-width:9em;}
  #submenu .current a,#submenu a:hover{line-height:2.75em;}

  /*1024px*/
  #menu{padding:0 4vw;}

  /*1024px*/
  #newstop .slick-load{margin-left:-4.16666667%;}
  #newstop time{margin-bottom:4.5%;}
  #newstop .title{margin-bottom:3%;}
  #newstop a{margin-left:8%;}

  /*1024px*/
  .newsitem .pic{width:15em;}
  .newsitem .date{padding:0.35em 0 0 3%;font-size:1.75em;}
  .newsitem .text{padding:0.5em 0;}
  .newsitem .excerpt{margin-bottom:1.5em;}

  /*1024px*/
  #pagenavi{font-size:12px;}

  /*1024px*/
  .certSlick .slick-load{margin-left:-3.125%;}
  .certSlick .info{margin-left:8.98203593%;}
  .certSlick .slick-dots{margin-left:3.03030303%;}

  /*1024px*/
  #qualification .slick-load{margin-left:-4.16666667%;}
  #qualification .info{margin-left:8%;}
  #qualification .slick-dots{margin-left:4%;}

  /*1024px*/
  #patent .info{padding-left:15.3%;padding-right:15.3%;}

  /*1024px*/
  .search .form{padding-right:3em;}
  .search .text{height:3em;padding-top:0.5em;padding-bottom:0.5em;line-height:2em;}
  .search .submit{height:2.375em;width:2.375em;}

  /*1024px*/
  #jobfilter{display:block;width:auto;padding-top:2.5%;padding-bottom:2.5%;}

  /*1024px*/
  #jobcategory{display:block;margin-bottom:2%;}
  #jobcategory .title{padding-top:0;}
  #jobcategory li{padding-top:0;}

  /*1024px*/
  #jobSearch{display:block;width:auto;}

  /*1024px*/
  #digitalRail .left,#digitalRail .right{width:auto;float:none;padding:2% 0;}

  /*1024px*/
  #culture .right{width:375px;}

  /*1024px*/
  #innovation .top{display:block;}
  #innovation .tab{width:auto;margin-top:3.5%;}
  #innovation .tab .text{font-size:2.734375vw;}

  /*1024px*/
  #institutions .list li{width:32%;font-size:3.125vw;}

  /*1024px*/
  #standardization .inner{display:block;}
  #standardization .figure{width:auto;margin-bottom:3.5%;}
  #standardization .intro{padding:0 3.125%;width:auto;}
  #standardization .smTitle{margin-bottom:2.5%;}

  /*1024px*/
  #strategies .list li{font-size:1.953125vw;}

  /*1024px*/
  #digitalize .text{position:static;padding: 4.6875% 0;}
  #digitalize .tab span{font-size:1em;width:4em;height:4em;line-height:4em;}

  /*1024px*/
  #privatePro .figure{width:50%;}
  #privatePro .text{width:49%;}
  #privatePro .item h3{font-size:18px;}

  /*1024px*/
  #benchmark .slick-load,#benchmark .slick-dots{margin-left:0;}
  #benchmark .item{padding-left:0;}
/*1024px*/
  #widget .pc {display: none;}
  #widget .wap {display: block;}
}
@media only screen and (max-width:768px){

  /*768px*/
  .fz48{font-size:24px;}

  /*768px*/
  .fz36{font-size:22px;}

  /*768px*/
  .fz30{font-size:20px;}

  /*768px*/
  .button{height:2.75em;line-height:2.75em;}

  /*768px*/
  #header{font-size:12px;}

  /*768px*/
  #navi .ul{top:67.5px;height:calc(100% - 67.5px);}

  /*768px*/
  #banner .img{padding-bottom:100%;}
  #banner .text{font-size:22px;}

  /*768px*/
  #submenu{padding:3% 0 1.5%;}
  #submenu li{padding-right:2%;}
  #submenu a{height:2.5em;line-height:2.357em;min-width:5.9em;}
  #submenu .current a,#submenu a:hover{line-height:2.5em;}

  /*768px*/
  #footer{padding:2.5% 0;}
  #footer .line{margin-bottom:2.5%;}

  /*768px*/
  #bottom #menu{display:none;}

  /*768px*/
  #contact{width:auto;}
  #contact section{margin-bottom:5%;}

  /*768px*/
  #wrapper{padding:6% 0 7%;}

  /*768px*/
  .newsitem{margin-bottom:5%;padding-bottom:5%;}
  .newsitem .pic{width:10em;}
  .newsitem .date{width:90px;font-size:1.5em;padding-top:0.1em;padding-bottom:0.1em;}
  .newsitem .date i{font-size:0.65em;margin-top:0.5em;}
  .newsitem .text{padding:0;}
  .newsitem .excerpt{margin-bottom:0;}
  .newsitem .more{display:none;}

  /*768px*/
  #pagenavi{justify-content:space-around;}
  #pagenavi .a_num{display:none;}

  /*768px*/
  .columnname{margin-bottom:5%;}

  /*768px*/
  .certSlick .slick-dots{margin-top:5%;}

  /*768px*/
  #qualification .table{font-size:12px;margin-right:0.5em;}
  #qualification th,#qualification td{padding:1.5%;}
  #qualification .name{margin-top:10%;}

  /*768px*/
  #patent{margin-bottom:5%;}
  #patent .info{padding:10% 10% 5%;}
  #patent .name{font-size:14px;margin:12% -11% 0;}

  /*768px*/
  .search .form{padding-right:2.5em;}
  .search .text{height:2.5em;line-height:1.5em;}
  .search .submit{height:2.1875em;width:2.1875em;}

  /*768px*/
  #jobfilter{padding:4% 5% 5%;}

  /*768px*/
  #jobcategory{font-size:14px;margin-bottom:5%;}

  /*768px*/
  .jobmeta{padding:3.5% 5%;}
  .jobmeta .cat{display:none;}

  /*768px*/
  .jobmeta .addr{width:20%;}

  /*768px*/
  .jobitem .info{padding:0 5%;}
  .jobitem .entry{display:block;}
  .jobitem .box{width:auto;padding:2% 0;}
  .jobitem .resume{padding:5% 0;}
  .jobitem .resume .button{width:7.5em;}

  /*768px*/
  #widget{font-size:12px;}

  /*768px*/
  .aboutbox{padding:6% 0;}

  /*768px*/
  #ceo .inner{display:block;}
  #ceo .photo{width:50%;max-width:400px;margin-left:40px;margin-bottom:5%;display:block;}
  #ceo .text{display:block;padding-left:40px;}

  /*768px*/
  #culture .info{display:block;}
  #culture .left{display:block;padding-right:0;margin-bottom:3.5%;}
  #culture .right{display:block;width:auto;}
  #culture .right .title{padding-bottom:5%;}
  #culture .box{padding:7% 5% 6%;}
  #culture .item .alias{font-size:66px;}

  /*768px*/
  #ecology #banner .img{padding-bottom:120%;}

  /*768px*/
  .ceTitle .num{font-size:160px;}

  /*768px*/
  #innovation .tab .text{font-size:3.125vw;}
  #innovation .box{display:none;}
  #innovation .title{font-size:1.5em;margin-bottom:5%;}
  #innovation .title:after{margin-top:3.5%;}
  #innovation .intro{font-size:1em;}

  /*768px*/
  .smTitle{font-size:20px;}

  /*768px*/
  .boxIntro{font-size:1em;}

  /*768px*/
  #strategies .list li{font-size:3.64583333vw;}
  #strategies .intro .title{font-size:22px;line-height:1.5em;padding:0 0.5em;}
  #strategies .intro .alias{font-size:12px;line-height:1.5em;margin-top:0.5em;}

  /*768px*/
  .probox{padding:7% 0;}

  /*768px*/
  #upgradePath .boxIntro{margin-bottom:5%;}
  #upgradePath .pic{display:block;margin-top:4%;}
  #upgradePath .figure:nth-child(2n),#upgradePath .figure:nth-child(2n+1){width:auto;}

  /*768px*/
  #system .columnname{padding:0 1em;}
  #system .list{display:block;}
  #system ul{width:auto;}

  /*768px*/
  #operations .inner{display:block;}
  #operations .text{width:auto;margin-bottom:5%;}
  #operations .columnname{text-align:center;}
  #operations .figure{width:auto;}

  /*768px*/
  #platformChip{padding:7% 0 6%;}
  #platformChip .list{display:block;width:auto;}
  #platformChip .item{width:auto;padding-right:0;}

  /*768px*/
  #privatePro{padding:6% 0 7%;}
  #privatePro .box{display:block;}
  #privatePro .figure{width:auto;}
  #privatePro .text{width:auto;margin-bottom:2%;}

  /*768px*/
  #market{padding-bottom:75%;}
  #market .box{font-size:2.34375vw;}
  #market .intro{font-size:1.25em;}
  #market .item{margin-top:27%;}
  #market .item:nth-child(1){left:0;}
  #market .item:nth-child(2){right:0;}

  /*768px*/
  #slides .img{padding-bottom:100%;}

  /*768px*/
  .readmore .more{font-size:12px;}

  /*768px*/
  #benchmark{padding:10% 0 8%;}
  #benchmark .slick-dots{margin-top:5%;}

  /*768px*/
  .hometext{position:static;transform:none;padding:7% 0;}
  .hometext .intro{width:auto;max-width:none;}
  .hometext .columnname{font-size:22px;margin-bottom:3.5%;}

  /*768px*/
  #homepro .pc{display:none;}
  #homepro .wap{display:block;padding-bottom:75%;}
  #homepro .homebox:nth-child(2n) .intro{float:none;}
}
@media only screen and (max-width:540px){

  /*540px*/
  #newstop .slick-load{margin-left:0;}
  #newstop .text{padding:6% 5%;}
  #newstop time{margin-bottom:3.5%;}
  #newstop a{margin-left:0;}

  /*540px*/
  .newsitem .td{display:block;width:auto;}
  .newsitem .pic{margin-bottom:3.5%;}
  .newsitem .date{padding:0;float:left;line-height:1.25em;}
  .newsitem .text{margin-left:65px;overflow:hidden;}
  .newsitem .title{margin-bottom:0.3em;}
  .newsitem .excerpt{margin-bottom:1em;}
  .newsitem .more{display:block;}
  .newsitem a{display:block;}

  /*540px*/
  .certSlick .slick-load{margin-left:-4.9382716%;}
  .certSlick .info{margin-left:9.39849624%;}
  .certSlick .slick-dots{margin-left:4.70588235%;}

  /*540px*/
  #qualification .slick-load{margin-left:0;}
  #qualification .info{margin-left:0;}
  #qualification .slick-dots{margin-left:0;}

  /*540px*/
  #history .slick-load{margin:0 1em;}
  #history .slick-load:before{transform:none;top:auto;bottom:5px;}
  #history .slick-list{padding-left:0;}
  #history .info{display:none;margin-left:0;}
  #history .line{display:block;}
  #history .line:after{bottom:0;}
  #history .slick-arrow{top:auto;transform:none;bottom:-1px;}
  #history .slick-slide:nth-child(2n) .info:nth-child(1){padding-top:0;padding-bottom:5em;}
  #history .slick-slide:nth-child(2n) .line:before{top:auto;bottom:0.4375em;}
  #history .slick-slide:nth-child(2n) .line:after{top:auto;bottom:0;}
  #history .slick-slide:nth-child(2n) .intro{margin-bottom:0.1875em;margin-top:0.75em;}

  /*540px*/
  .readmore .more{width:94px;height:32px;line-height:32px;}

  /*540px*/
  #slides .title{font-size:0.83333333em;}

  /*540px*/
  #benchmark .info{display:block;min-height:0;}
  #benchmark .figure{display:block;width:auto;}
  #benchmark .img{position:static;padding-bottom:100%;}
  #benchmark .text{display:block;}
  #benchmark .title{margin-bottom:3.5%;}
}



/* 2023.4.27 */
#slides .item .close{
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 2px solid #1371ef;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
#slides .item .close:before,
#slides .item .close:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 47%;
    border-bottom: 2px solid #1371ef;
    left: 26%;
}
#slides .item .close:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
#slides .item .close:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
/* 项目案例 */
.case01{
    position: relative;
}
.case01 .imgbox{
    width: 100%;
}
.case01 .imgbox img{
    width: 100%;
}
.case01 .inner{
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.case01 .inner .tit{
  line-height: 1.33;
  text-align: center;
}

.case02{
    padding:  100px 0 70px;
    background-color: #101833;
}
.case02 .list{
    display: flex;
    flex-wrap: wrap;
}
.case02 .list .item{
    width: 23.125%;
    margin-bottom: 2.5%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.case02 .list .item:not(:nth-child(4n+1)){
    margin-left: 2.5%;
}
.case02 .item:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.case02 .item .imgbox{
    padding-bottom: 75.1%;
    position: relative;
    overflow: hidden;
}
.case02 .item .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
.case02 .item .text{
    padding: 30px;
    background-color: #151e3d;
}
.case02 .item .tit{
    font-size: 20px;
    color: #fffefe;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.case02 .item .ctit{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.875;
    margin-top: 15px;
}
.case02 .item .more{
    width: 25px;
    height: 11px;
    background-image: url(../images/case_icon01.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}
.case02 .item:hover .tit{
    color: #197afa;
}
.case03{
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.case03 .title{
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1;
}

.case03 .main{
    max-width: 720px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.case03 .item{
    display: flex;
    align-items: center;
    height: 55px;
    border: 2px solid #272e44;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
}
.case03 .item label{
    font-size: 16px;
    color: #ffffff;
    margin-right: 30px;
}
.case03 .item input{
    font-size: 16px;
    color: #ffffff;
}
.case03 .item input::placeholder{
    color: rgba(255,255,255,.15);
}
.case03 .item.cur{
    padding-right: 30px;
}
.case03 .item.cur::before{
    content: '*';
    position: absolute;
    right: 20px;
    top: 60%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    color: #ffffff;
}
.case03 .btn{
    width: 100%;
    height: 60px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
    background-image: linear-gradient(90deg, #369cff, #85f6fe);
}
.case03 .btn input{
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
}
@media(max-width:1459px){
    .case02 {
        padding: 60px 0;
    }
    .case03 {
        padding: 80px 0;
    }
    .case03 .title{
        font-size: 32px;
    }
    .case01 .inner{
        font-size: 30px;
    }
}
@media(max-width:1024px){
    .case02 {
        padding:40px 0;
    }
    .case03 {
        padding: 40px 0;
    }
    .case03 .title{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .case01 .inner{
        font-size: 24px;
    }
}
@media(max-width:768px){
    .case02 {
        padding: 30px 0;
    }
    .case03 {
        padding: 30px 0;
    }
    .case03 .title{
        font-size:20px;
        margin-bottom: 20px;
    }
    .case02 .item .text{
        padding: 15px;
    }
    .case02 .list .item{
        width: 32.33%;
    }
    .case02 .list .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .case02 .list .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    .case02 .item .tit {
        font-size: 18px;
    }
    .case02 .item .ctit {
        font-size: 14px;
        margin-top: 5px;
    }
    .case02 .item .more {
        margin-top: 10px;
    }
    .case01 .inner{
        font-size: 20px;
    }

}
@media(max-width:640px){
    .case02 .item .tit{
        font-size: 14px;
    }
    .case02 .item .ctit{
        font-size: 12px;
    }
    .case02 {
        padding: 20px 0 0;
    }
    .case03 {
        padding: 20px 0;
    }
    .case03 .title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .case02 .list .item{
        width: 49%;
    }
    .case02 .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .case02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .case03 .item {
        height: 45px;
        padding-left: 15px;
        margin-bottom: 10px;
    }
    .case03 .item label {
        font-size: 14px;
        margin-right: 15px;
    }
    .case03 .item input {
        font-size: 14px;
    }
    .case03 .item.cur {
        padding-right: 20px;
    }
    .case03 .item.cur::before {
        right: 10px;
    }
    .case03 .btn {
        height: 45px;
    }
    .case03 .btn input {
        font-size: 16px;
    }
    .case01 .inner{
        font-size: 18px;
    }
    .case01 .inner{
        top: 60%;
    }
}

/* 项目案例详情 */
.part01{
    position: relative;
}
.part01 .imgbox{
    position: relative;
}
.part01 .imgbox img{
    width: 100%;
}
.part01 .textbox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.part01 .textbox .title{
    font-size: 40px;
    color: #ffffff;
    line-height: 1.5;
    max-width: 800px;
    display: inline-block;
    position: relative;
}
.part01 .textbox .title::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #fff;
}
.part01 .textbox .title::before{
    display: block;
    content: '';
    width: 120%;
    height: 180%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: linear-gradient(to right, transparent ,#111318,transparent);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: -1;
    opacity: .5;
}
.part01 .main{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(17, 19, 24, .7);
}
.part01 .list{
    display: flex;
    padding: 50px 0;
    justify-content: space-between;
}
.part01 .list .item{
    display: flex;
}
.part01 .item .text{
    margin-left: 15px;
}
.part01 .item .tit{
    font-size: 20px;
    color: #ffffff;
}
.part01 .item .ctit{
    font-size: 26px;
    color: #ffffff;
    margin-top: 25px;
}
.part01 .item .icon{
    width: 30px;
    height: 30px;
    position: relative;
}

.part01 .item .icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.part02{
    background-color: #101833;
    padding: 100px 0;
}
.part02 .sect {
    margin-bottom: 40px;
}
.part02 .sect .title{
    position: relative;
    display: inline-block;
}
.part02 .sect .tit{
    font-size: 24px;
    color: #197afa;
    padding-top: 35px;
}
.part02 .sect .num{
    position: absolute;
    font-size: 80px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#197afa, transparent);
    position: absolute;
    left:50%;
    top: -30%;
    opacity: .3;
    font-weight: 700;
    font-style: oblique;
    line-height: 1;
}
.part02 .sect .edit{
    padding: 20px 0;
}
.part02 .sect .edit,
.part02 .sect .edit *{
    font-size: 18px;
    color: rgba(255,255,255,.6);
    line-height: 2;
}
.part02 .main{
    position: relative;
}
.part02 .main .imgbox img{
    width: 100%;
}
.part02 .golist{
    display: block;
    width: 150px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
    margin: 100px auto 0;
    background-image: linear-gradient(90deg, #197afa, #00c2ff);
}

@media (max-width: 1459px){
    .part01 .textbox .title {
        font-size: 32px;
    }
    .part01 .list {
        padding: 30px;
    }
    .part01 .item .ctit {
        font-size: 20px;
        margin-top: 10px;
    }
    .part01 .item .tit {
        font-size: 18px;
    }
    .part02 {
        padding: 80px 0;
    }
    .part02 .sect {
        margin-bottom: 30px;
    }
    .part02 .sect .num {
        font-size: 48px;
    }
    .part02 .sect .tit {
        padding-top: 15px;
    }
    .part02 .golist {
        margin: 50px auto 0;
    }
}
@media (max-width: 1024px){
    .part01 .list {
        padding: 15px 0;
    }
    .part01 .textbox .title {
        font-size: 24px;
    }
    .part02 {
        padding: 40px 0;
    }
    .part02 .sect .tit {
        font-size: 20px;
    }
    .part02 .sect .edit, .part02 .sect .edit * {
        font-size: 16px;
    }
    .part02 .sect .edit {
        padding: 20px 0 0;
    }
    .part02 {
        padding: 40px 0;
    }
    .part02 .golist {
        width: 120px;
        line-height: 40px;
    }
    .part01 .item .ctit {
        font-size: 14px;
    }
}
@media (max-width: 768px){
    .part01 .textbox .title {
        font-size: 20px;
    }
    .part02 {
        padding: 30px 0;
    }
    .part02 .sect {
        margin-bottom: 30px;
    }
    .part02 .sect .num {
        font-size: 30px;
    }
    .part02 .golist {
        margin: 30px auto 0;
    }
}
@media (max-width: 640px){
    .part01 .textbox .title {
        font-size: 16px;
    }
    .part01 .list {
        padding: 10px 0;
        flex-wrap: wrap;
    }
    .part01 .list .item{
        width: 50%;
        margin-bottom: 2%;
        justify-content: center;
    }
    .part01 .list .item:last-child{
        width: 100%;

    }
    .part02 {
        padding: 20px 0;
    }
    .part02 .sect {
        margin-bottom: 20px;
    }
    .part02 .golist {
        margin: 20px auto 0;
        width: 90px;
        line-height: 30px;
        font-size: 14px;
    }

    .part01 .item .tit {
        font-size: 14px;
    }
    .part01 .item .ctit {
        font-size: 12px;
        margin-top: 5px;
    }
    .part01 .main {
        position: static;
        background-color: #101833;
    }
    .part02 .sect .tit {
        font-size: 18px;
        padding-top: 5px;
    }

    .part02 .sect .edit {
        padding: 10px 0 0;
    }

    .part02 .sect .edit, .part02 .sect .edit * {
        font-size: 14px;
    }

}

/*公共swiper */
.base_swiper .swiper_btn{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    position: absolute;

    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 2;
    background-color: rgba(255,255,255,.2);
}
.base_swiper .swiper_btn:hover{
    background-image: linear-gradient(to bottom right, #1681fa, #03bafe);
    background-color: unset;
}

.base_swiper .swiper_btn::before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.base_swiper .swiper_btn.prev::before{
    border-bottom: 2px solid #b6b6b6;
    border-right: 2px solid #b6b6b6;
    top: 19px;
    right: 18px;
}
.base_swiper .swiper_btn.next::before{
    border-top: 2px solid #b6b6b6;
    border-left: 2px solid #b6b6b6;
    top: 20px;
    right: 21px;
}
.base_swiper .swiper_btn.prev{
    left: -25px;
}
.base_swiper .swiper_btn.next{
    right: -25px;
}

@media (max-width: 1024px){
    .base_swiper .swiper_btn{
        width: 35px;
        height: 35px;
    }
    .base_swiper .swiper_btn.prev::before{
        top: 12px;
        right: 9px;
    }
    .base_swiper .swiper_btn.next::before{
        top: 12px;
        right: 14px;
    }
    .base_swiper .swiper_btn.prev{
        left: 0;
    }
    .base_swiper .swiper_btn.next{
        right: 0;
    }
}
@media (max-width: 768px){
    .base_swiper .swiper_btn{
        width: 30px;
        height: 30px;
    }
    .base_swiper .swiper_btn.prev::before{
        top: 8px;
        right: 6px;
    }
    .base_swiper .swiper_btn.next::before{
        top: 8px;
        right: 9px;
    }
}


/* 2023.4.27 */
#banner{
  overflow: hidden;
}
#banner .bimg{
  position: absolute;
  bottom: -30%;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  z-index: 2;
}
@keyframes rotate{
  0%{
     transform: rotate(0);
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     -ms-transform: rotate(0);
     -o-transform: rotate(0);
  }
  50%{
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
  }
  100%{
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
  }
}

#banner .bimg img{
  animation: rotate 60s linear infinite;
  -webkit-animation: rotate 60s linear infinite;
}

@media (max-width: 768px){
  #banner .bimg{
    width: 75%;
  }
}

@keyframes topbot {
  0%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
}
  50%{
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
}
  100%{
      transform: translate(0,-10px);
      -webkit-transform: translate(0,-10px);
      -moz-transform: translate(0,-10px);
      -ms-transform: translate(0,-10px);
      -o-transform: translate(0,-10px);
}
}
.road01 .list{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.road01 .list .icon{
  position: absolute;
  /* animation: topbot 3s infinite; */
  /* -webkit-animation: topbot 3s infinite; */
  transition: all 0.5s;
}
.road01 .list .icon:hover{
    transform: scale(1.2);
}
.road01 .list .icon:nth-child(1){
  right: 46.5%;
  top: 65%;
}
.road01 .list .icon:nth-child(2){
  right: 38%;
  top: 50.5%;
}
.road01 .list .icon:nth-child(3){
  right: 26%;
  top: 51.5%;
}
.road01 .list .icon:nth-child(4){
  right: 16%;
  top: 46%;
}
.road01 .list .icon:nth-child(5){
  right: 9.5%;
  top: 61%;
}

@media (max-width: 768px){

  .road01 .list .icon:nth-child(1){
    right: 81%;
    top: 60.7%;
  }
  .road01 .list .icon:nth-child(2){
    right: 64%;
    top: 49.5%;
  }
  .road01 .list .icon:nth-child(3){
    right: 38%;
    top: 50.5%;
  }
  .road01 .list .icon:nth-child(4){
    right: 20%;
    top: 45%;
  }
  .road01 .list .icon:nth-child(5){
    right: 8%;
    top: 59%;
  }

}
@media (max-width: 480px){
  .road01 .list .icon img{
    max-width: 80px;
  }
  .road01 .list .icon:nth-child(1){
    right: 73%;
    top: 66.7%;
  }
  .road01 .list .icon:nth-child(2){
    right: 60%;
    top: 51.5%;
  }
  .road01 .list .icon:nth-child(3){
    right: 38%;
    top: 57.5%;
  }
  .road01 .list .icon:nth-child(4){
    right: 20%;
    top: 50%;
  }
  .road01 .list .icon:nth-child(5){
    right: 8%;
    top: 65%;
  }
}


.popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);z-index: 200;}
.popup .popup-box{position: absolute;left: 0;right: 0;top: 50%;max-width: 700px;margin: 0 auto;padding: 3%;background-color: #fff;border-radius: 8px;box-sizing: border-box;transform: translateY(-50%);z-index: 3;}
.popup .popup-box .title{
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1;
}

.popup .popup-box .item{
    display: flex;
    align-items: center;
    height: 55px;
    border: 2px solid #272e44;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
}
.popup .popup-box .item label{
    font-size: 16px;
    color: #333;
    margin-right: 30px;
}
.popup .popup-box .item input{
    font-size: 16px;
    color: #ffffff;
}
.popup .popup-box .item input::placeholder{
    color: #999;
}
.popup .popup-box .item.cur{
    padding-right: 30px;
}
.popup .popup-box .item.cur::before{
    content: '*';
    position: absolute;
    right: 20px;
    top: 60%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    color: #ffffff;
}
.popup .popup-box .btn{
    width: 100%;
    height: 60px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
    background-image: linear-gradient(90deg, #369cff, #85f6fe);
}
.popup .popup-box .btn input{
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
}
.popup .popup-box .close{position: absolute;top: 2%;right: 2%;width: 32px;height: 32px;background-image: url('../images/close.png');}

@media (max-width: 640px){
  .popup .popup-box{max-width: 94%}
  .popup .popup-box .title{font-size: 28px;}
  .popup .popup-box .item label{margin-right: 15px;}
}



/* 0509新增 */
#digitServices li a{
    display: block;
    margin:0 20px;
    /*margin-bottom: 40px;*/
}
#digitServices .img_box {
    display: block;
    width: 100%;
    padding-top: 58.215%;
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
  }
  #digitServices .img_box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
  }
  #digitServices li:hover img{
    transform: scale(1.05);
  }
  #digitServices .text_box{
      padding: 20px 0 30px;
      text-align: center;
  }
  #digitServices .text_box .t1{
    font-size: 18px;
    font-weight: bold;
  }
  #digitServices .text_box .t2{
    font-size: 14px;
    opacity: 0.8;
    line-height:1.5;
  }


/*20280829*/
#copyright {
    text-align: center;
    width: 100%;
}