@charset "utf-8"; 
*{padding:0;margin:0;list-style: none;}
ul,li{list-style: none;}
html, body,input,textarea{
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /*font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;*/
    font-family: "Noto Sans SC", -apple-system, blinkmacsystemfont, "Segoe UI",
        roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji" !important;
    color: #121212;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

/*滚动条*/
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #ddd;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #ddd;
}

/*灰色滚动条*/
.gray-scroll::-webkit-scrollbar {
  width: 6px;
}

.gray-scroll::-webkit-scrollbar-track {
  background: #fafafa;
}

.gray-scroll::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 6px;
}

.gray-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: #ddd;
}

.gray-scroll::-webkit-scrollbar-thumb:vertical:hover {
  background: #ddd;
}



table {
    border-spacing: 0;
    border-collapse: collapse;
}


/*公共类名*/
.fn-clear:after{
    content: " ";
    display: table;
    clear: both;
}
.fn-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.fn-flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.fn-align-items-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.fn-justify-content-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.fn-justify-content-between{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content : space-between!important;
}

.fn-flex-direction{
    flex-direction: column;
}
.fn-flex-row{
    flex-direction: row !important;
}
.fn-align-flex-end{
    align-items: flex-end !important;
}
.fn-elementor-row{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fn-column{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fn-column.fn-column-50{
  width: 50%;
}
.fn-border-right{
    border-right:2px solid rgba(1,46,119,0.6);
}
.fn-border-top{
    border-top:1px solid rgba(0,0,0,0.6);
}
.fn-padding-none{
    padding:0 !important;
}
.fn-g-txt{
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 37px;
}
.fn-showden-block{
  background-color: #ffffff;
  background: radial-gradient(29.31% 101.63% at 72.5% -46.08%,rgba(253,179,255,.1) 12.47%,hsla(0,0%,100%,0) 100%),radial-gradient(31.01% 107.52% at 88.92% -48.37%,rgba(179,237,255,.12) 12.47%,hsla(0,0%,100%,0) 100%),linear-gradient(213.41deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 0px 10px 0 rgba(0,0,0,0.05);
  box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.fn-showden-block .subs-txt{
  color: #666;
  line-height: 26px;
  font-size: 16px;
  margin-top: 8px;
}
.fn-showden-block .tit-blue-18{
  color: #0D53FF;
  font-size:18px;
  font-weight: 700;
}
.fn-text-center{
  text-align: center;
}
.fn-sub-text{
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.fn-mr-20{
  margin-right: 20px;
}
.fn-mt-20{
  margin-top: 20px;
}
.fn-mb-20{
  margin-bottom: 20px;
}
.fn-mt-40{
  margin-top: 40px;
}
.fn-f-18{
  font-size: 18px;
}
.fn-f-20{
  font-size: 20px;
}
.fn-f-24{
  font-size: 24px;
}
.fn-sub-table{
  background: #fff;
  border:1px solid rgba(0,0,0,.1);
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
}
.fn-sub-table th {
    background: #888;
    color: #fff;
}
.fn-sub-table td,.fn-sub-table th {
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border:1px solid rgba(0,0,0,.1);
    border-width: 0 1px 1px 0;
}
.fn-sub-table tr:hover {
    background-color: rgba(0,0,0,.075);
    cursor: pointer;
}
.fn-fl{float: left;}
.fn-fr{float: right;}
.fn-ta-c{text-align: center !important;}
.fn-color-text{
  color: #0D53FF;
  background-image: linear-gradient(100deg, #31DFDB 0%, #58C6EB 35%, #5963EE 100%);
  color: transparent !important;
  -webkit-background-clip: text;
  /*animation: changeColor .5s linear infinite alternate;*/
}
 @keyframes changeColor {     
  0% {         
    background-image: linear-gradient(90deg, #31DFDB 0, #58C6EB 45%, #5963EE 100%);     
  }     
  50% {         
      background-image: linear-gradient(90deg, #31DFDB 0, #5963EE 45%, #58C6EB 100%);     
  }     
  100% {         
    background-image: linear-gradient(-90deg, #31DFDB 0, #58C6EB 45%, #58C6EB 100%);     
  }
}
.fn-btn-arrow{
  animation: btnArrowEffect 3s both infinite;
}
@keyframes btnArrowEffect {
    0% {
      transform: translate(0)
    }

    10% {
      transform: translate(4px)
    }

    20% {
      transform: translate(-2px)
    }

    30% {
      transform: translate(4px)
    }

    40% {
      transform: translate(-2px)
    }

    50% {
      transform: translate(0)
    }
}

.page-loading{
  display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url('../img/2023/zhqc_loading.png');
  background-size: 260px;
	 background-repeat: no-repeat;
    background-position: 50% 50%;
     -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255,0.8);
    overflow: hidden;
}
.load .page-loading{
    display: none;
}

/*header*/
.header {
    position: fixed;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    /*box-shadow: 0 0 25px rgba(0,0,0,0.1);*/
    background-color:transparent;
    /*background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,202,252,0));*/
}
.header.header-fix{
   /* border-bottom: 1px solid;
    -o-border-image: linear-gradient(270deg,#ff05d8,#0062ff);
    border-image: linear-gradient(270deg,#ff05d8,#0062ff);
    border-image-slice: 1;*/
    /*background: radial-gradient(circle at 00% 20%, rgba(0, 120, 255, 0.85) 30%, rgba(7,60,216, 0.9) 80%);
    -webkit-backdrop-filter: blur(15px);*/
    background:rgba(255,255,255,0.9);
    /*box-shadow: 0 0 10px rgba(0,72,174,0.1);*/
    border-bottom:1px solid rgb(238, 238, 238);
    /*background: rgba(3,11,30,0.7);*/
     -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}
.header.header-has-active{
    background:rgba(255,255,255,0.9);
}
.container{
    width: 1280px;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
}
.header .logo a.a-glass{
    display: block;
    width: 240px;
    height: 68px;
    position: relative;
    overflow: hidden;
    background: url('../img/zhqc-logo.svg') no-repeat 0 50%;
    background-size: 170px;
}
.header.header-fix .logo a.a-glass,.header.header-has-active .logo a.a-glass{
  background-image: url('../img/zhqc-logo-blue.svg');
}
.header .logo a span {
    display: none;
}
.header .site-menu{
    margin-left: 60px;
}
.header .site-menu .menu-primary {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.header .site-menu .item-0 {
    flex-grow: 1;
    padding: 0 18px;
    margin: 0 10px;
}
.header .site-menu .item-0>a {
    display: block;
    height: 68px;
    line-height: 67px;
    
    position: relative;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.header.header-fix .site-menu .item-0>a,.header.header-has-active .site-menu .item-0>a{
  color: #121212;
}
.header .site-menu .item-0>a::after {
    content: '';
    display: block;
    border-radius:10px;
    background: #006cff;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left:0;
    background: transparent;
    z-index: 10;
      transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.header .site-menu .item-0:hover>a::after{
    background-color: #fff;
    width: 100%;
}
.header .site-menu .item-0 .nav-1{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    transform: translate(-50%, 0);
    padding: 30px 65px 65px 65px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,72,174,.1);
    text-align: left;
    background:rgba(255,255,255);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}
.nav-1 .txt{
    width: 40%;
    float: left;
}
.nav-1 .txt h3{
    font-size: 24px;
    color: #26293c;
    margin-bottom: 25px;
}
.nav-1 .txt p {
    font-size: 14px;
    color: #26293c;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
}
.nav-1 .learn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #26293c;
    line-height: 30px;
    padding-left: 24px;
    margin-top: 48px;
}
.nav-1 .sub-right-list{
    width: 50%;
    float: right;
}
.nav-1 .sub-right-list li {
    float: left;
    width: 50%;
}
.nav-1 .sub-right-list li a {
    font-size: 14px;
    color: #26293c;
    display: block;
    margin: 0 28px;
    line-height: 42px;
    text-decoration: none;
    /* border-bottom: 1px solid #000; */
    position: relative;
    transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
}
.nav-1 .sub-right-list li a i{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,0.2);
}
.nav-1 .sub-right-list li a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 19px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODE4MENDNDhFQkVCMTFFODgyMzFEOTI1QzA4RUQxQzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODE4MENDNDlFQkVCMTFFODgyMzFEOTI1QzA4RUQxQzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MTgwQ0M0NkVCRUIxMUU4ODIzMUQ5MjVDMDhFRDFDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MTgwQ0M0N0VCRUIxMUU4ODIzMUQ5MjVDMDhFRDFDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Poa1UdkAAABxSURBVHjazNJRCsAgCIBhd5FBF1kva0ftcjuEM+ihYGlqg/3g64dhgIjATdMOUpNYoLlpjhVYKYqgApNBJdaCcQU2Bo0Yv6Gxz8CwlZfCjzrrZslzgB5yXrOHHFiq0OX9Z++QARtDSoyHlFhmIeoRYABVVmYHHQwObgAAAABJRU5ErkJggg==) no-repeat center center;
  opacity: 0;
  visibility: hidden;
  transform: translate(-20px, 0px);
  -webkit-transform: translate(-20px, 0px);
  -moz-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  -o-transform: translate(-20px, 0px);
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.nav-1 .sub-right-list li a:hover {
  color: #26293c;
  font-weight: bold;
}
.nav-1 .sub-right-list li a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
}
.nav-1 .learn {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #26293c;
  line-height: 30px;
  padding-left: 24px;
  margin-top: 48px;
}
.nav-1 .learn:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM2RDc5RURFQkVBMTFFOEFDMUM4MUIxNUJDMENGQzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM2RDc5RUVFQkVBMTFFOEFDMUM4MUIxNUJDMENGQzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzZENzlFQkVCRUExMUU4QUMxQzgxQjE1QkMwQ0ZDNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzZENzlFQ0VCRUExMUU4QUMxQzgxQjE1QkMwQ0ZDNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjOLiTUAAAFfSURBVHjatJSxa8JAGMVjEFxCIOAiODrYDJndim2xs0s2R/8C9wwZk8G5kkEKDplcHQTHEAhkbCHt4iqISIa0ITzv5ISgMbkO/eAtdy+/e9x9X0ShuJ6I3ogioh+miK09CxzVJdoQoUIb5i2sR6IjB+SiI/vmJsnhD5CLDvlkNSIvbxiNRgiCAJqm8cA8xhBerjebzSaWyyWSJMFkMoEoilUwyhBm9wzj8RhxHGO9XqPdbpeBKEP4Kjut0+nA933s93voun7PRxnnHimNXq/XYZom0jTFfD6HLMvXHsrgf/LpdApai8WiEPRZBVAUBa7rnhMZhnFOeOX5pqD3Mki/38d2u0UURej1evd8lCG8Fm02Gg3Yto0sy+A4DiRJKks9KGxIVVURhiF2ux2GwyF3Q96MiGVZWK1WaLVaPCPy8C9Dm0/mcc5Xt+qfVGOXN2PP+ksUE32wtUH+Ti51EmAAMFZAQlcH53IAAAAASUVORK5CYII=) no-repeat center center;
  position: absolute;
  top: 5px;
  left: 0;
}
.header .site-menu .item-0.has-children:hover .nav-1 {
    visibility: visible;
    top: 100%;
    opacity: 1;
    height: auto;
}
.header .site-menu .item-0 .nav-1 .item-1{
    width: 146px;
}
.header .site-menu .item-0 .nav-1 .item-1 .link-1{
    display: block;
    width: 100%;
    line-height:42px;
    padding: 5px 0;
    text-decoration: none;
    color: #26293c;
}
.header .site-menu .item-0 .nav-1 .item-1 .link-1:hover{
    background-color: #0078ff;
    color: #fff;
}
.header .site-menu .item-0.has-children .link-0 span{
    position: relative;
    padding-right: 18px;
}
.header .site-menu .item-0.has-children .link-0 span:after{
    content: '';
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url('../img/nav-arrow.png') no-repeat 50% 50%;
    background-size: 12px;
    position: absolute;
    right: 0px;
    top:50%;
    margin-top: -3px;
    transition: all .2s;
}
.header.header-fix .site-menu .item-0.has-children .link-0 span:after,.header.header-has-active .site-menu .item-0.has-children .link-0 span:after{
    background-image: url('../img/nav-arrow-black.png');
}
.header .site-menu .item-0.has-children:hover .link-0 span:after{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.header .site-menu .item-0.current-menu-item>a::after{
    background: rgba(255,255,255,0.8);
    width: 100%;
} 

.title-bar-toggle{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position:absolute;
    width: 26px;
    height: 25px;
    z-index: 1;
    display: none;
    right:16px;
    padding-top:10px;
    top:2px;
}
.title-bar-toggle span {
    transition: all .25s ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: block;
    margin: 7px 0;
    height: 2px;
    background: #fff;
}
body.no-scrolling {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/*弹出菜单*/
.mini-menu{
    z-index:1200;
    position:fixed; 
    _position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: #ffffff;
    background-image: url('../img/2023/about_part_bg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 300%;
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
    /*background: -webkit-radial-gradient(circle at 00% 20%, rgba(7, 32, 108, 0.97) 10%, rgba(7,60,216, 0.98) 20%);
    background: radial-gradient(circle at 00% 20%, rgba(7, 32, 108, 0.97) 10%, rgba(7,60,216, 0.98) 20%);*/
    display:none; 
}
.menu-hd{
  padding: 0 1rem;
  border-bottom:0.05rem solid #f2f2f2;
}
.menu-hd .logo{
    display: block;
    position: relative;
    overflow: hidden;
    background: url('../img/zhqc-logo-blue.svg') no-repeat 0 50%;
    height: 2.2rem;
    background-size: 6rem;
    width: 8rem;
}
.menu-close{
  position:absolute;
  width:36px;
  right:15px;
  top:15px;
  z-index:100;
}
.menu-wrap{
  height: calc(100vh - 90px); 
  overflow: scroll;
}
.menu-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.menu-wrap .menu-list{
    margin-top: .8rem;
    padding: 0 1rem;
    overflow:hidden;
    opacity: 0;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}
.no-scrolling .menu-list{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.menu-wrap .menu-list .menu-item .item-tit{
  text-decoration: none;
  line-height: 2.2rem;
  font-size: .7rem;
  color: #121212;
  position: relative;
}
.menu-wrap .menu-list .menu-item .item-tit .arrow{
    display: block;
    opacity: 0.7;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjEwNWExLjAwMiAxLjAwMiAwIDAxMS40MTYgMEw1IDQuNjg0bDMuNTg0LTMuNTc5YTEuMDAyIDEuMDAyIDAgMDExLjQxNiAwbC00LjY0NiA0LjY0YS41MDEuNTAxIDAgMDEtLjcwOCAwTDAgMS4xMDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iLjg1Ii8+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    background-size: 0.8rem;
    right: 0;
    top:50%;
    margin-top: -0.7rem;
    transition: all .2s ease;
}
.menu-wrap .menu-list .menu-item .item-tit.cur .arrow{
      transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
.menu-wrap .menu-list .menu-item .link{
  text-decoration: none;
  line-height: 2.2rem;
  font-size: .7rem;
  color: #121212;
}
.menu-wrap .menu-list .menu-item .sub-list{
  display: none;
}
.menu-wrap .menu-list .menu-item .sub-list .link{
  padding-left: .8rem;
}

.menu-lista li a:after{
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(255,255,255,0.6);
    border-right: 2px solid rgba(255,255,255,0.6);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    right:18px;
    top:50%;
    margin-top:-4px;
}

#close{
  position:absolute;
  right: 1rem;
  top: 0.4rem;
  padding-top: 0;
  width: 1.2rem;
  height: 1.2rem;
  z-index:100;
}
#close:hover{
  opacity:1;
}
.cx,.cy{
  background:#121212;
  position:absolute;
  width:0px;
  top:.65rem;
  height: 0.0715rem;
  -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
     -o-transition: all 250ms ease-in-out;
      transition: all 250ms ease-in-out;
}
.cx.s1, .cy.s1{ 
  right:0;  
  width:1.2rem; 
  -webkit-transition: all 100ms ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}
.cy.s2{ 
  -ms-transform: rotate(50deg); 
  -webkit-transform: rotate(50deg); 
  transform: rotate(50deg);    
  -webkit-transition: all 100ms ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}
.cy.s3{ 
  -ms-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg);    
  -webkit-transition: all 100ms ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}
.cx.s1{ 
  right:0;  
  width:1.2rem; 
  -webkit-transition: all 100ms ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}
.cx.s2{ 
  -ms-transform: rotate(140deg); 
  -webkit-transform: rotate(140deg); 
  transform: rotate(140deg);     
  -webkit-transition: all 100ms ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}
.cx.s3{ 
  -ms-transform: rotate(135deg); 
  -webkit-transform: rotate(135deg); 
  transform: rotate(135deg);     
  -webkit-transition: all 100ease-out;
     -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
     -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out;
}

.header .product-menu{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.header .product-menu .product-menu-item{
   -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 60px;
}
.header .product-menu .product-menu-item:last-child{
  margin-right: 0;
}
.header .product-menu .product-menu-item .link-tit{
  margin-bottom: 20px;
}
.header .product-menu .product-menu-item .link-tit .tit-block{
  /*text-decoration: none;
  display:block;
  height: 64px;
  line-height: 64px;
  padding-left: 20px;
  background-color: #f6f6f6;
  color: #fff;
  font-size: 18px;
  border-radius: 8px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .4s ease;*/
  text-decoration: none;
  display: block;
  color: rgb(0 71 237);
  text-align: left;
  padding: 15px 10px;
  /*border-bottom: 1px solid #ebebeb;*/
  font-size: 16px;
  background: #eef5ff url('../img/2023/index_bg_2.jpg');
  background-size: cover;
  background-position: right 50%;
  border-radius: 8px;
  font-weight: 700;
}
/*.header .product-menu .product-menu-item .tit-plate .tit-block{
  background-image: url('../img/product/menu_pic_1.jpg');
}
.header .product-menu .product-menu-item .tit-software .tit-block{
  background-image: url('../img/product/menu_pic_2.jpg');
}
.header .product-menu .product-menu-item .tit-equip .tit-block{
  background-image: url('../img/product/menu_pic_3.jpg');
}
.header .product-menu .product-menu-item .link-tit .tit-block:hover{
    transition: all .4s ease;
    background-size: 105%;
}*/
.header .product-menu .product-menu-item .link-tit .tit-block img{
  display: inline-block;
  width: 20px;
  vertical-align: -3px;
  margin-right: 6px;
}

.header .product-menu .product-menu-item .link-list li a{
  display: block;
  text-decoration: none;
  line-height: 46px;
  padding: 0 20px;
  color: #121212;
  border-radius: 8px;
  font-size: 14px;
}
.header .product-menu .product-menu-item .link-list li a:hover{
  color: #0D53FF;
  background-color: #eef5ff;
}
.header .product-menu .product-menu-item .list-col-two{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.header .product-menu .product-menu-item .list-col-two li{
  width: 50%;
}



/*banner*/
.g-banner{
    height: 320px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #073cd8;
    background-size:2000px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: bannerAnimation 2s linear 1s infinite alternate;
}
@keyframes bannerAnimation
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}

@-moz-keyframes bannerAnimation /* Firefox */
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}

@-webkit-keyframes bannerAnimation /* Safari 和 Chrome */
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}
.g-banner:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(7, 32, 108, 0.9) 30%, rgba(7,60,216, 0.7) 80%);

}
.g-banner .g-banner-size{
    margin-top:-40px;
    position: relative;
    z-index: 100;
    color: #fff;
    text-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    text-align:center;
}
.g-banner h1{
    font-size: 36px;
    line-height: 64px;
    font-weight: 400;
    opacity: 0;  
}
.g-banner h2{
    font-weight: 300;
    opacity: 0;
    font-size: 16px;
    
}
.load .g-banner h1{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
.load .g-banner h2{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.o-banner{
    background-color: #f3f8fd;
    margin-top: 68px;
    height: 370px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size:cover;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: bannerAnimation 2s linear 1s infinite alternate;
}
@keyframes bannerAnimation
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}

@-moz-keyframes bannerAnimation /* Firefox */
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}

@-webkit-keyframes bannerAnimation /* Safari 和 Chrome */
{
    from {background-position: center 0;}
    to {background-position: center -20px;}
}
.o-banner:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(255, 255, 255, 0.6) 30%, rgba(255,255,255, 0.1) 80%);

}
.o-banner .o-banner-cont{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 100;
    width: 660px;
    height: 100%;
}
.o-banner .o-banner-cont .tit{
  font-size:36px;
  font-weight: 700;
  margin-bottom: 15px;
}
.o-banner .o-banner-cont .sub-txt{
  font-size: 18px;
  line-height: 1.5;
}
.o-banner-contact{background-image: url('../img/2023/cotact_bg.jpg');}

.contact-info{
  padding: 60px 0;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100%;
}
.contact-info .info-tit{
   text-align: center;
   font-size: 32px;
   font-weight: 700;
}
.contact-info .info-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 40px;
} 
.contact-info .info-cont .item{
   margin-right:30px;
   border:1px solid #E2E2E2;
   border-radius:20px;
   text-align: center;
   padding: 25px;
   -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.contact-info .info-cont .item:hover{
  -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);
}
.contact-info .info-cont .item:last-child{
  margin-right: 0;
}
.contact-info .info-cont .item .img{
  margin-bottom: 16px;
  max-width: 72px;
}
.contact-info .info-cont .item .name{
  font-size: 20px;
  font-weight: 700;
}
.contact-info .info-cont .item .date{
  font-size: 18px;
  margin: 14px 0;
  color: rgba(0,0,0,0.6);
} 
.contact-info .info-cont .item .links{
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #0D53FF;
}
.contact-info .info-cont .item .qr{
  width: 164px;
}

.contact-company{
  background: url('../img/2023/index_coreproduction_bg.png');
}
.contact-info .company-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
} 
.contact-info .company-cont .item{
   margin-right:2.3%;
   border:1px solid #E2E2E2;
   border-radius:20px;
   text-align: center;
   -webkit-box-flex: 0;
    -ms-flex: 0 0 31.8%;
    flex: 0 0 31.8%;
    max-width: 31.8%;
    background-color: #ffffff;
    padding-bottom: 20px;
    text-align: left;
    webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.contact-info .company-cont .item:hover{
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);
}
.contact-info .company-cont .item:nth-child(3n){
  margin-right: 0;
}
.contact-info .company-cont .item .img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}
.contact-info .company-cont .item .name{
  padding: 0 20px;
  margin-top: 15px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  position: relative;
}
.contact-info .company-cont .item .address{
  padding: 0 20px;
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: rgba(0,0,0,0.6);
}
.contact-info .company-cont .item .btn{
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  right: 20px;
  background: url('../img/2023/icon_local.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50% 50%;
  display: none;
}
.contact-info .company-cont .item .btn:hover{
  background-color: #f5f5f5;
  border-radius: 4px;
}
.contact-info .company-cont .item:hover .btn{
  display: inline-block;
}
.contact-join{
  position: relative;
  background: url('../img/2023/company_join_bg.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: 50% 50%;
  padding:200px 0;
  text-align: center;
}
.contact-join::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(14, 0, 57, 0.95) 30%, rgba(0,36,45, 0.7) 80%);
}
.contact-join .join-cont{
   position: relative;
   z-index: 100;
}
.contact-join .join-cont .join-tit{
   font-size: 38px;
   font-weight: 700;
   color: #fff;
}
.contact-join .join-cont .join-btn{
    display: inline-block;
    line-height: 42px;
    margin-top: 30px;
    border-radius: 40px;
    /*border:1px solid #0D53FF;*/
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    padding: 0 25px;
    background: linear-gradient(90deg, rgba(0,238,255,1) 0%,rgba(62,85,251,1) 100%);
    position: relative;
    z-index: 10;
}
.contact-join .join-cont .join-btn::before{
  content: '';
  width: 150px;
  height: 44px;
  position: absolute;
  left: 14px;
  top:16px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(8,223,255,1) 0%,rgba(62,85,251,1) 100%);
  border-radius: 30px;
    filter: blur(16px);
    opacity: 0.6033;
}
.contact-join .join-cont .join-btn:hover{
  opacity: 0.9;
}
.contact-join .join-cont .join-btn path{
    fill: #ffffff;
    stroke: rgb(255, 255, 255);
}

.contact-source .source-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
} 
.contact-source .source-cont .item{
   margin-right:2.3%;
   border:1px solid #E2E2E2;
   border-radius:20px;
   text-align: center;
   -webkit-box-flex: 0;
    -ms-flex: 0 0 31.8%;
    flex: 0 0 31.8%;
    max-width: 31.8%;
    background-color: #ffffff;
    padding-bottom: 20px;
    text-align: left;
    margin-bottom: 25px;
}
.contact-source .source-cont .item:hover{
    box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);
}
.contact-source .source-cont .item:nth-child(3n){
  margin-right: 0;
}
.contact-source .source-cont .item .img{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}
.contact-source .source-cont .item .name{
  padding: 0 20px;
  margin-top: 15px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  position: relative;
}
.contact-source .source-cont .item .btn{
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  right: 20px;
  background: url('../img/2023/icon_download.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 50% 50%;
}
.contact-source .source-cont .item .btn:hover{
  background-color: #f5f5f5;
  border-radius: 4px;
}


/*关于我们2023*/
.o-banner-about{background-image: url('../img/2023/about_bg.jpg');}
.about-intro{
  background-image: url('../img/2023/about_part_bg.png');
  background-repeat: no-repeat;
  background-size:100%;
  background-position: center bottom;
  position: relative;
}
.about-intro .about-intro-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 40px 0 120px 0;
}
.about-intro .about-intro-cont .intro-cont-tit{
  width: 32%;
  text-align: left;
  font-size: 32px;
  font-weight: 700;
}
.about-intro .about-intro-cont .intro-cont-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 15px;
}
.about-intro .about-intro-cont .intro-cont-info .txt{
  line-height: 1.8;
  margin-bottom: 30px;
}
.about-intro .about-intro-cont .culture-item{
  margin-bottom: 30px;
}
.about-intro .about-intro-cont .culture-item h3{
  font-size: 20px;
  margin-bottom: 8px;
}
.about-data{
  background-color: #f5f9fd;
  background-image: url('../img/2023/brand_bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 50%;
  position: relative;
  padding: 120px 0;
  padding-bottom: 160px;
}
.about-data .data-cont-tit{
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  padding: 40px 0 80px 0;
}
.about-data .data-cont-sub{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.about-data .data-cont-sub .sub-item{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
.about-data .data-cont-sub .sub-item h2{
  display: inline-block;
  font-size: 56px;
  margin-bottom: 10px;
}
.about-data .data-cont-sub .sub-item p{
  font-size: 18px;
}
.about-story{
  background-color: #f6f6f6;
  background-image: url('../img/2023/about_story_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 50%;
  position: relative;
  padding: 120px 0;
  color: #ffffff;
}
.about-story:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(38, 95, 255, 0.95) 30%, rgba(89,99,238, 0.8) 80%);
}
.about-story .about-story-cont{
  position: relative;
  z-index: 100;
  background: url('../img/2023/timeline.png') 50% 196px no-repeat;
  background-size:100%;
}
.about-story .about-story-tit{
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
.about-story .about-story-subtit{
  text-align: center;
}
.about-story .about-story-wrap{
  margin-top: 40px;
}
.about-story-wrap .swiper-slide{
    padding: 0 3%;
    text-align: center;
    position: relative;
}
.about-story-wrap .story-item{
  position: relative;
}
.about-story-wrap .story-item .tit{
    font-size: 28px;
    padding: 20px 0;
    font-weight: 700;
    display: inline-block;
    color: #fff;
}
.about-story-wrap .story-item .cicle{
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #0D53FF;
    border: 4px solid #fff;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 81px;
}
.about-story-wrap .story-item .story-list{
  margin-top: 40px;
}
.about-story-wrap .story-item .story-list .list-item{
  margin-bottom: 8px;
}
.about-story-wrap .story-btn{
  text-align: center;
  margin-top: 60px;
}
.about-story-wrap .story-btn .item-btn{
  display: inline-block;
  width: 48px;
  height: 48px;
  border:1px solid #fff;
  border-radius: 48px;
  line-height: 48px;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
}
.about-story-wrap .story-btn .item-btn-next{
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTc2MS42IDQ4OS42LTQzMi00MzUuMmMtOS42LTkuNi0yNS42LTkuNi0zNS4yIDAtOS42IDkuNi05LjYgMjUuNiAwIDM1LjJsNDE2IDQxNi00MTYgNDI1LjZjLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4yczI1LjYgOS42IDM1LjIgMGw0MzItNDQxLjZjOS42LTkuNiA5LjYtMjUuNiAwLTM1LjJ6Ii8+PC9zdmc+') no-repeat 50% 50%;
  background-size: 26px;
}
.about-story-wrap .story-btn .item-btn-prev{
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTc2MS42IDQ4OS42LTQzMi00MzUuMmMtOS42LTkuNi0yNS42LTkuNi0zNS4yIDAtOS42IDkuNi05LjYgMjUuNiAwIDM1LjJsNDE2IDQxNi00MTYgNDI1LjZjLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4yczI1LjYgOS42IDM1LjIgMGw0MzItNDQxLjZjOS42LTkuNiA5LjYtMjUuNiAwLTM1LjJ6Ii8+PC9zdmc+') no-repeat 50% 50%;
  background-size: 26px;
  transform: rotate(180deg);
}
.about-story-wrap .item-btn:hover{
  background-color: rgba(0,0,0,0.4);
  opacity: 0.8;
}
.about-story-wrap .story-btn .item-btn.swiper-button-disabled,.about-story-wrap .story-btn .item-btn.swiper-button-disabled:hover{
   cursor: not-allowed;
   opacity: 0.2;
}
.about-honor{
  padding: 60px 0;
}
.about-honor .about-honor-tit{
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
.about-honor .about-honor-subtit{
  text-align: center;
  padding: 0 40px;
  line-height: 1.6;
}

/*案例分享*/
.o-banner-case{background-image: url('../img/2023/case_bg.jpg');}
.case-list-laout{
  padding: 60px 0;
}
.case-list-laout .case-list-link{
  display: block;
  text-decoration: none;
  color: #121212;
  margin-bottom: 140px;
  transition: all .4s ease;
  position: relative;
}
.case-list-laout .case-list-link:hover{
    transform:translateY(-20px);
}

.case-list-laout .list-item{
  
   display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
     -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content : space-between;
    gap:7.5rem;
}

.case-list-laout .list-item .item-img .lock{
  -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    display: inline-block;
    height: 320px;
    width: 100%;
}
.case-list-laout .list-item .item-txt{
  display: -webkit-box;
    display: -webkit-flex;
    display: flex;
   flex-direction: column;
   max-width: 464px;
}
.case-list-laout .list-item .item-tit{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 10px;
}
.case-list-laout .list-item .item-subtxt{
  font-size: 14px;
  color: #646a73;
  line-height: 1.6;
  margin-bottom: 20px;
}
.case-list-laout .list-item .item-txt .btn{
  display: inline-block;
  width: 140px;
  line-height: 42px;
  border:1px solid #0D53FF;
  border-radius: 40px;
  color: #0D53FF;
  text-align: center;
  transition: all .4s ease;
}
.case-list-laout .list-item .item-txt .btn:hover{
  /*border:1px solid #0D53FF;*/
  border:none;
  background: linear-gradient( 90deg, #6139f6 0.126%, #524af1 44.067%, #0D53FF 97.163% );
  color: #fff;
}
.case-global{
  padding: 60px 0;
  color: #202d40;
}
.case-global .global-inner{
   max-width: 800px;
   margin: 0 auto;
}
.global-inner .inner-img{border-radius: 8px;margin-bottom: 46px;}
.global-inner .inner-img img{width: 100%;border-radius: 8px;}
.global-inner .inner-txt{
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.6;
}
.global-inner .inner-tit-big{
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 10px 0;
}
.global-inner .inner-tit-middle{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.global-inner .txt-blod{
  font-weight: 700;
}
.global-inner .inner-list{
  margin-bottom: 25px;
}
.global-inner .inner-list li{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMzRDNzI0IiBkPSJtMTcuNjggNy40MzcgMS4yMTIgMS4yMTNhLjUyMy41MjMgMCAwIDEgMCAuNzQybC03LjgyOCA3LjgyOGEuNTI1LjUyNSAwIDAgMS0uNzQyIDBMNS44NSAxMi43NDlhLjUyNS41MjUgMCAwIDEgMC0uNzQzbDEuMjEzLTEuMjEyYS41MjQuNTI0IDAgMCAxIC43NDIgMGwyLjg4OCAyLjg4NyA2LjI0NC02LjI0NWEuNTI1LjUyNSAwIDAgMSAuNzQzLjAwMVoiLz48L2c+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px;
  padding-left: 28px;
  line-height: 24px;
  margin-bottom: 6px;

}


.index-show{
    overflow: hidden;
}
.index-show .swiper-container{
  height: 100%;
}
.index-show .show-block{
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.index-show .show-block .fc-vidio {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.index-show .show-block.has-mask::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(10, 35, 73, 0.95) 30%, rgba(10, 35, 73, 0.3) 80%);

    /*background: radial-gradient(circle at 00% 20%, rgba(0, 44, 175, 0.7) 30%, rgba(0,114,195, 0.2) 80%);*/
}
.index-show .show-cont{
    position: relative;
    z-index: 40;
    text-align: center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    flex-direction: column;
}
.index-show .show-cont.show-cont-video{
  position: absolute;
}
.index-show .show-cont .tit{
  font-size: 48px;
  font-weight: 600;
}
.index-show .show-cont .show-pic-1{
    width: 640px;
    opacity: 0;
}
.index-show .show-cont .show-sub-txt-1{
    font-size: 22px;
    font-weight: 300;
    width: 600px;
    margin-top: 68px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.index-show .show-cont .show-link{
    display: inline-block;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #ffffff;
    border-radius: 46px;
    padding: 0 36px;
    text-decoration: none;
    margin-top: 78px;
    opacity: 0;
}
.index-show .show-cont .show-link:hover{
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.8;
}
.index-show .swiper-pagination{
  width: 100%;
  text-align:center;
  bottom: 120px;
}
.index-show .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .2;
    margin:  0 5px;
}
.index-show .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.index-show .swiper-slide-active .show-cont .ani-pic{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.index-show .swiper-slide-active .show-cont .ani-txt{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.index-show .swiper-slide-active .show-cont .ani-link{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
}
.index-show .swiper-pagination-bullet-active{
  background-color: #ffffff;
}



/*index*/
.index-banner{
    width:100%;
    height:100vh;
    background:#008cf5 url('../img/index-bg-1.jpg') 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align:center;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.index-banner-inner{
    position: absolute;
    width: 820px;
    left: 50%;
    top: 32%;
    margin-left: -410px;
    z-index: 100;
    text-align: center;
}
.index-banner-inner .img1,.index-banner-inner .img2{
    display: inline-block;
    width: 280px;
    opacity: 0;
    margin: 0 20px;
}
.index-banner-inner .tit{
    padding-top: 32px;
    color: #fff;
    font-weight:300;
    line-height:46px;
    font-size: 20px;
    opacity: 0;
}
.index-banner-inner .banner-link{
    display: inline-block;
    border:1px solid #fff;
    padding: 0 35px;
    line-height: 48px;
    color: #fff;
    text-decoration: none;
    margin-top: 42px;
    opacity: 0;
}
.index-banner-inner .banner-link:hover{
    opacity: 0.7 !important;
}
.banner-bg{
    width:100%;
    height: 100%;
    position: relative;
}
.banner-bg:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(0, 44, 175, 0.7) 30%, rgba(0,114,195, 0.2) 80%);
}

.load .index-banner-inner .img1{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.load .index-banner-inner .img2{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.load .index-banner-inner .tit{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.load .index-banner-inner .banner-link{
   -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s; 
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



.index-video{
    width:100%;
    height:100vh;
    background:#008cf5 url('../img/form-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align:center;
    position:relative;
    margin-left:auto;
    margin-right:auto;

}
.index-video-inner{
    position: absolute;
    width: 700px;
    left: 50%;
    top: 32%;
    margin-left: -350px;
    z-index: 100;
    text-align: center;
}
.index-video-inner img{
    width: 520px;
}
.index-video-inner .tit{
    padding-top: 32px;
    color: #fff;
    font-weight:300;
    line-height:46px;
}
.index-video-inner .video-link{
    display: inline-block;
    border:1px solid #fff;
    padding: 0 35px;
    line-height: 48px;
    color: #fff;
    text-decoration: none;
    margin-top: 42px;
}
.index-video-inner .video-link:hover{
    opacity: 0.8;
}
.slide-bg{
    width:100%;
    height: 100%;
    position: relative;
}
.slide-bg:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(0, 63, 255, 0.9) 30%, rgba(0,184,255, 0.7) 80%);
}
.index-video .video{
    object-fit: fill;
}
.go-down-btn {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 160px;
    z-index: 100;
    margin-left: -35px;
    width: 71px;
    height: 52px;
    background: url('../img/go-down-icon.png') no-repeat;
    -webkit-animation: upDown 2s ease-in-out infinite;
    animation: upDown 2s ease-in-out infinite;
}
@-webkit-keyframes upDown {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
}
@keyframes upDown {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
}

.index-news-wrap{
    width:100%;
    box-shadow: 0 10px 30px rgba(0,72,174,.1);
}
.index-news{
    position: relative;
    z-index: 30;
    width: 1280px;
    margin: 0 auto;
    padding: 0 25px;
    background: #fff;
    height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.index-news .n-tit{
    line-height: 0;
    margin-right: 20px;
}
.index-news .n-cont{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.index-news #hotNews{
    height: 88px;
    line-height: 88px;
    overflow: hidden;
}
.index-news #hotNews a{
    display: inline-block;
    text-decoration: none;
    color: #26293c;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.index-news #hotNews a:hover{
    text-decoration: underline;
}
.index-news .n-more{
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #0078FF;
    margin-left: 15px;
}
.index-news .n-more img{
    display: inline-block;
    margin-left: 4px;
    width: 18px;
    vertical-align: -3px;
}
.index-news .n-more:hover{
    opacity: 0.8;
}


#indexLine{height: 130px;}

.index-solution{
    padding: 80px 0;
}
.index-solution .solution-l{
    float: left;
}
.index-solution .solution-r{
    float: right;
}
.index-solution .solution-box{
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    max-width: 625px;
    cursor: pointer;
    transition: all 1.5s ease;
}
.index-solution .solution-box a{
    display: block;
    position: relative;
    z-index: 3;
}
.index-solution .solution-box a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top:0;
    background: -webkit-linear-gradient(0deg,rgba(0, 65, 138, 0.85) 0%,rgba(0, 120, 255, 0.15) 94%);
    background: linear-gradient(0deg,rgba(0, 65, 138, 0.85) 0%,rgba(0, 120, 255, 0.15) 94%);
}
.index-solution .solution-box img{
    width: 100%;
    display: block;
    transition: all 1.5s ease;
}
.index-solution .solution-box:hover img{
      transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.index-solution .solution-box .pic2 {
    display: none;
}
.index-solution .solution-box .text{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 0 30px 40px;
    box-sizing: border-box;
    z-index: 9;
    color: #fff;
    text-shadow:0 0 5px rgba(0,0,0,0.4);
}
.index-solution .solution-box .text .tit{
    font-size: 34px;
    font-weight: bold;
    transition: all 0.5s ease;
}
.index-solution .solution-box .text .txt{
    line-height: 26px;
    font-size: 16px;
    margin-top: 20px;
    transition: all 0.5s ease;
}
.index-solution .solution-box:hover .text .tit,.index-solution .solution-box:hover .text .txt{
    padding-bottom: 10px;
}

.index-solution .soluton-block{
    clear:both;
}
.index-solution .soluton-block .solution-box{
    max-width: 100% !important;
    width: 100% !important;
}

.index-feature{
    display: flex;
    width: 100%;
}
.index-feature .feature-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33333333vw;
    height: 33.33333333vw;
    background-size: 100% 100%;
    background-position: 50% 50%;
    color: #FFFFFF;
    overflow: hidden;
    position: relative;
    cursor:pointer;
    text-decoration:none;
}
.index-feature .feature-item img {
  transition: all 1.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-feature .feature-item:hover img{
  transform: scale(1.1);
}
.index-feature .feature-item .text{
    transition: all 1.5s ease;
    font-size: 2.08333333vw;
    font-weight: 400;
    margin-top: 12.5vw;
    z-index: 2;
    text-shadow:0 0 12px rgba(0,0,0,0.9);
}
.index-feature .feature-item:hover .text{
    margin-top: 11.5vw;
}

.index-about{
    background-image:url('../img/index_about_bg.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 140px;
}
.index-about-inner{
    padding-top: 60px;
    background-color:#fff;
    text-align:center;
    box-shadow:0 15px 30px rgba(0,72,174,.1);
    position: relative;
}
.index-about-tit {
    font-size: 36px;
    color: #001d73;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 15px;
}
.index-about-tit:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 45px;
    height: 5px;
    background: #001d73;
    margin-left: -22px;
}
.index-about-intro {
    padding: 40px 8%;
    line-height: 30px;
    text-align: center;
    position: relative;
    color: #001d73;
    font-size: 16px;
}
.index-about-more{
    text-align: center;
    position: relative;
}
.index-about-more .more-btn{
    display: inline-block;
    border: 1px solid #001d73;
    padding: 0 35px;
    line-height: 48px;
    text-decoration: none;
    margin-top: 42px;
    margin-bottom: 60px;
    color: #001d73;
    transition: all 0.2s ease;
    font-size: 16px;
}
.index-about-more .more-btn:hover{
    border-color: #006cff;
    background: #006cff;
    color: #fff;
}
.index-about-inner dl {
    position: relative;
    padding: 20px 15%;
    overflow: hidden;
}
.index-about-inner dl dd {
    float: left;
    text-align: center;
    width: 33.3333%;
    font-size:34px;
    color: #006cff;
}
.index-about-inner dl dd span {
    font-family: Arial;
    font-size: 40px;
    font-weight: bold;
    color: #006cff;
    display: inline-block;
    margin-bottom: 5px;
}
.index-about-inner dl dd p{
    font-size:16px;
    color: #001d73;
}

.index-brand-logo{
    padding:120px 0;
    position: relative;
   background: url('../img/zhqc_home_index_case_bg.jpg') no-repeat top #dae0e9;
   animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: bannerAnimation 2s linear 1s infinite alternate;
}
.index-brand-logo:after{
    content: '';
    width: 100%;
    height: 470px;
    background:url('../img/index-bg.74f4a9ff.png') no-repeat center 0;
    background-size: 100% 470px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.index-brand-logo .logo-list{
    position: relative;
    z-index: 1;
}
.logo-list li{
    float:left;
    width:20%;
    text-align:center;
    margin-bottom:32px;
}
.logo-list li img{
    max-width:100%;
}

.gotop{
    position:fixed;
    right:30px;
    bottom:60px;
    display:block;
    width:56px;
    height:56px;
    background:url('../img/gotop.png') no-repeat 50% 50%;
    background-size:34px;
    background-color:#0D53FF;
    border-radius:60px;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    cursor:pointer;
    z-index:1000;
    display:none;
}

/*在线留言*/
.leave-word{
    position:fixed;
    right:30px;
    bottom:130px;
    display:block;
    width:56px;
    height:56px;
    background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMTIxMjEyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDRhMSAxIDAgMCAwLTEgMXYxMy41ODZsMi4yOTMtMi4yOTNBMSAxIDAgMCAxIDcgMTZoMTJhMSAxIDAgMCAwIDEtMVY1YTEgMSAwIDAgMC0xLTFINVpNMi44NzkgMi44NzlBMyAzIDAgMCAxIDUgMmgxNGEzIDMgMCAwIDEgMyAzdjEwYTMgMyAwIDAgMS0zIDNINy40MTRsLTMuNzA3IDMuNzA3QTEgMSAwIDAgMSAyIDIxVjVhMyAzIDAgMCAxIC44NzktMi4xMjFaIi8+PC9nPjwvc3ZnPg==') no-repeat 50% 50%;
    background-size:32px;
    background-color:#ffffff;
    border-radius:60px;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    cursor:pointer;
    z-index:1000;
}
.fn-popup{
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1001;
  display: none;
}
.fn-popup-warp{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.fn-popup-cont{
  max-height:70%;
  width: 516px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow:0 0 8px rgba(0,0,0,0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.fn-popup-bd{
   -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y:auto;
}
.fn-popup-hd{
  padding: 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
   -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
   -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content : space-between;
    height: 48px;
    border-bottom: 1px solid #efefef;
}
.fn-popup-hd .hd-tit{
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 20px;
}
.fn-popup-hd .hd-close{
  width: 28px;
  height: 28px;
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5MyA1LjI5M2ExIDEgMCAwIDEgMS40MTQgMEwxMiAxMC41ODZsNS4yOTMtNS4yOTNhMSAxIDAgMSAxIDEuNDE0IDEuNDE0TDEzLjQxNCAxMmw1LjI5MyA1LjI5M2ExIDEgMCAwIDEtMS40MTQgMS40MTRMMTIgMTMuNDE0bC01LjI5MyA1LjI5M2ExIDEgMCAwIDEtMS40MTQtMS40MTRMMTAuNTg2IDEyIDUuMjkzIDYuNzA3YTEgMSAwIDAgMSAwLTEuNDE0WiIvPjwvZz48L3N2Zz4=') no-repeat 50% 50%;
  background-size:18px;
  border-radius: 4px;
  cursor: pointer;
}
.fn-popup-hd .hd-close:hover{
  background-color: #f5f5f5;
}
.fn-popup-bd{
  padding: 25px;
}
.form-cont .form-item{
  margin-bottom: 24px;
}
.form-cont .form-item .form-label-item{
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
}
.form-cont .form-item .form-label-item strong{
  display: inline-block;
  color: #ff4133;
  margin-right: 4px;
}
.form-cont .form-item .form-entry .form-input{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #14121f;
    font-size: 14px;
    line-height: 1.5715;
    outline: none;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    height: 40px;
    -webkit-transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    width: 100%;
}
.form-cont .form-item .form-entry .form-textarea{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #14121f;
    font-size: 14px;
    height: auto;
    line-height: 1.5715;
    max-width: 100%;
    min-height: 32px;
    height: 40px;
    outline: none;
    overflow: auto;
    padding-left: 12px;
    padding-right: 12px;
    padding: 4px 12px;
    position: relative;
    resize: vertical;
    -webkit-transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    transition: color .1s linear,border-color .1s linear,background-color .1s linear;
    vertical-align: top;
    width: 100%;
}
.form-cont .form-item .form-entry .form-textarea:hover,.form-cont .form-item .form-entry .form-input:hover{
    background-color: transparent;
    border-color: #ced1d9;
}
.form-cont .form-item .form-entry .form-textarea:focus,.form-cont .form-item .form-entry .form-input:focus{
  border-color: rgb(0,55,255);
}
.form-cont .form-item .form-entry input::-moz-placeholder,.form-cont .form-item .form-entry textarea::-moz-placeholder{color: #ddd;}
.form-cont .form-item .form-entry input:-ms-input-placeholder,.form-cont .form-item .form-entry textarea::-ms-input-placeholder{color: #ddd;}
.form-cont .form-item .form-entry input::placeholder,.form-cont .form-item .form-entry textarea::placeholder{color: #ddd;}

.form-cont .form-btn{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5715;
    outline: none;
    position: relative;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border:none;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 24px;
    width: 160px;
    height: 48px;
    color: #ffffff;
    background-color: #0D53FF;
}
.form-cont .form-btn:hover{
  opacity: 0.9;
}
.form-cont .form-message-error{
  font-size: 12px;
  line-height: 20px;
  min-height: 20px; 
  color:#ff4133;
}

.form-cont .form-item .form-input-error{
  border-color: #ff4133 !important;
}


.ani-box{
    z-index: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    top:0;
}
.ani-box .ani-1,.ani-box .ani-2 {
    position: absolute;
    pointer-events: none;
    background: url('../img/zhqc_home_index_case_bg_circle.png') no-repeat 0 0;
}
.ani-box .ani-1 {
    left: -200px;
    bottom: -200px;
    width: 400px;
    height: 400px;
    background-size: contain;
    -webkit-animation: cloud-float 9s linear 0s infinite;
    animation: cloud-float 9s linear 0s infinite;
}
.ani-box .ani-2 {
    right: -300px;
    top: -300px;
    width: 589px;
    height: 589px;
    -webkit-animation: cloud-float1 10s linear 1s infinite;
    animation: cloud-float1 10s linear 1s infinite;
}

@-webkit-keyframes cloud-float {
    0% {
        transform: translateZ(0)
    }

    33% {
        transform: translate3d(-10%,-8%,0)
    }

    66% {
        transform: translate3d(8%,-10%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes cloud-float {
    0% {
        transform: translateZ(0)
    }

    33% {
        transform: translate3d(-10%,-8%,0)
    }

    66% {
        transform: translate3d(8%,-10%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes cloud-float1 {
    0% {
        transform: translateZ(0)
    }

    33% {
        transform: translate3d(-5%,-5%,0)
    }

    66% {
        transform: translate3d(5%,-5%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes cloud-float1 {
    0% {
        transform: translateZ(0)
    }

    33% {
        transform: translate3d(-5%,-5%,0)
    }

    66% {
        transform: translate3d(5%,-5%,0)
    }

    to {
        transform: translateZ(0)
    }
}

.index-brand{
    margin-bottom: 43px;
    margin-top: 100px;
    overflow: hidden;
}
.index-brand .brand-tit{
    text-align: center;
}
.index-brand .brand-block{
    position: relative;
}
.index-brand .brand-block .letter{
    font-size: 80px;
    opacity: 0.02;
    color: #007AFF;
    font-weight: 500;
    line-height: 60px;
}
.index-brand .brand-block .tits{
    font-size: 42px;
    line-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
}
.index-brand .brand-tit .sub-txt{
    font-size: 16px;
    margin-top: 20px;
    color:rgba(0,0,0,.5);
}

.index-brand .brand-tag{
    background: url('../img/2023/brand_bg.png') no-repeat 50% center;
    background-size: cover;
    height: 514px;
    position: relative;
}
.index-brand .brand-tag .tag-mask{
    height: 407px;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.index-brand .brand-tag .tag-list{
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.index-brand .brand-tag .tag-ul{
    height: 410px;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.index-brand .brand-tag .tag-ul li{
    background: url('../img/2023/brand_tag.png') no-repeat 50%/cover;
    height: 410px;
    position: absolute;
    top: 0;
    width: 1912px;
}
.index-brand .brand-tag .tag-ul li.tag-li-1{
    -webkit-animation: index-brand-move1 60s linear infinite;
    animation: index-brand-move1 60s linear infinite;
    left: 0
}
.index-brand .brand-tag .tag-ul li.tag-li-2{
    -webkit-animation: index-brand-move2 60s linear infinite;
    animation: index-brand-move2 60s linear infinite;
    left: 1912px
}
@-webkit-keyframes index-brand-move1 {
    0% {
        left: 0
    }

    to {
        left: -1912px
    }
}

@keyframes index-brand-move1 {
    0% {
        left: 0
    }

    to {
        left: -1912px
    }
}
@-webkit-keyframes index-brand-move2 {
    0% {
        left: 1912px
    }

    to {
        left: 0
    }
}

@keyframes index-brand-move2 {
    0% {
        left: 1912px
    }

    to {
        left: 0
    }
}


/*核心产品*/
.index-coreproduction{
  /*background-image: url('../img/2023/index_coreproduction_bg.png');*/
  /*background: linear-gradient(94.91deg,rgba(247,248,250,0) 70.4%,#f2f5f8 83.81%),linear-gradient(329.77deg,rgba(247,248,250,0) 21.69%,rgba(233,236,240,.37) 59.14%,rgba(233,236,240,.57) 88.18%,hsla(0,0%,100%,.58) 98.13%),linear-gradient(3.27deg,#f7f8fa 1.66%,rgba(233,236,240,.42) 38.66%,rgba(233,236,240,.38) 86.43%,#fff 104.72%),linear-gradient(0deg,#fff,#fff),linear-gradient(331.6deg,rgba(247,248,250,0) 20.68%,rgba(233,236,240,.37) 56.45%,#fff 96.58%),#fff;*/
  background: url('../img/2023/index_bg_2.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100%;
  /*padding-top: 60px;
  margin-bottom: -300px;*/
  padding: 80px 0;
}

.index-coreproduction .coreproduction-tit{
    text-align: center;
}
.index-coreproduction .coreproduction-block{
    position: relative;
}
.index-coreproduction .coreproduction-block .letter{
    font-size: 80px;
    opacity: 0.02;
    color: #007AFF;
    font-weight: 500;
    line-height: 60px;
}
.index-coreproduction .coreproduction-block .tits{
    font-size: 42px;
    line-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
}
.index-coreproduction .coreproduction-tit .sub-txt{
    font-size: 16px;
    margin-top: 20px;
    color:rgba(0,0,0,.5);
}
.coreproduction-inner{
    display: flex;
    flex-direction: row;
    margin-top: 56px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}
.coreproduction-inner .coreproduction-inner-item{
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 40px;
    padding-right: 40px;
    /*box-shadow: 0 2px 4px -4px rgba(31,35,41,.02), 0 4px 8px rgba(31,35,41,.02), 0 4px 16px 4px rgba(31,35,41,.03);*/
    /*box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);*/
    border-radius: 24px;
    height: 420px;
    flex:1;
    margin-right: 25px;
    position: relative;
    transition: all .4s ease;
    background: linear-gradient(213deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
    box-shadow: 27px 11px 24px rgba(167,227,254,.2), 0 24px 48px rgba(195,203,215,.14), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff;

}
.coreproduction-inner .coreproduction-inner-item:hover{
    box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04);
    margin-top: -20px;
}
.coreproduction-inner .coreproduction-inner-item:last-child{
  margin-right: 0;
}
.coreproduction-inner .coreproduction-inner-item .tit{
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 15px;
}
.coreproduction-inner .coreproduction-inner-item .tit img{
  display: inline-block;
  vertical-align:middle;
  width: 36px;
  margin-right: 8px;
  margin-top: -8px;
}
.coreproduction-inner .coreproduction-inner-item .desc{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #646a73;
    display: block;
    margin-bottom: 16px;
}
.coreproduction-inner .coreproduction-inner-item .desc .point{
  padding-left: 10px;
  margin-top: 5px;
  position: relative;
  text-align: justify;
  line-height: 1.4;
}
.coreproduction-inner .coreproduction-inner-item .desc .point:after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #d5d5d5;
    border-radius: 4px;
    position: absolute;
    left: 2px;
    top: 8px;
}
.coreproduction-inner .coreproduction-inner-item .poit-list li{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMzRDNzI0IiBkPSJtMTcuNjggNy40MzcgMS4yMTIgMS4yMTNhLjUyMy41MjMgMCAwIDEgMCAuNzQybC03LjgyOCA3LjgyOGEuNTI1LjUyNSAwIDAgMS0uNzQyIDBMNS44NSAxMi43NDlhLjUyNS41MjUgMCAwIDEgMC0uNzQzbDEuMjEzLTEuMjEyYS41MjQuNTI0IDAgMCAxIC43NDIgMGwyLjg4OCAyLjg4NyA2LjI0NC02LjI0NWEuNTI1LjUyNSAwIDAgMSAuNzQzLjAwMVoiLz48L2c+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 24px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 24px;
  color: #646a73;
  border-radius: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.coreproduction-inner .coreproduction-inner-item .poit-list li:hover{
  background-color: #eef5ff;
}
.coreproduction-inner .coreproduction-inner-item .poit-list li:hover a{
  color: #0D53FF;
}
.coreproduction-inner .coreproduction-inner-item .poit-list li a{
  display: block;
  text-decoration: none;
  color: #646a73;
}
.coreproduction-inner .coreproduction-inner-item .poit-list-columns{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.coreproduction-inner .coreproduction-inner-item .poit-list-columns li{
  width: 50%;
}

.coreproduction-inner .coreproduction-inner-item .link-btn{
  display: inline-block;
  height: 46px;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  background-color: #0D53FF;
  background: linear-gradient( 90deg, #6139f6 0.126%, #524af1 44.067%, #0D53FF 97.163% );
  border-radius: 10px;
  color: #ffffff;
  position: absolute;
  bottom: 25px;
  left: 50%;
  width: 152px;
  margin-left: -76px;
  transition: all .4s ease;
}
.coreproduction-inner .coreproduction-inner-item .link-btn img{
  display: inline-block;
  width: 20px;
  margin-left: 8px;
  vertical-align: middle;
}
.coreproduction-inner .coreproduction-inner-item .link-btn:hover{
  opacity: 0.8;
}





/*解决方案2023*/
.index-solution2023{
  /*background-image: url('../img/2023/index_solution_bg.png');*/
  /*background-clip: padding-box;
  background-size: 2560px 990px;*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center 100%;
  background-blend-mode: normal;
  /*padding-top: 400px;
  padding-bottom: 108px;*/
  padding: 80px 0;
  background: #000 url('../img/2023/medium_bg.png');
  background-size: cover;

}

.index-solution2023 .solution2023-tit{
    text-align: center;
}
.index-solution2023 .solution2023-block{
    position: relative;
}
.index-solution2023 .solution2023-block .letter{
    font-size: 80px;
    opacity: 0.02;
    color: #ffffff;
    font-weight: 500;
    line-height: 60px;
}
.index-solution2023 .solution2023-block .tits{
    font-size: 42px;
    line-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
    color: #ffffff;
}
.index-solution2023 .solution2023-tit .sub-txt{
    font-size: 16px;
    margin-top: 20px;
    color:rgba(255,255,255,.5);
}
.solution2023-inner{
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.solution2023-inner .solution2023-inner-item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    max-width: 305px;
    width: 305px;
    height: 381px;
    max-height: 381px;
    position: relative;
    box-sizing: border-box;
    cursor: default;
}
.solution2023-inner .item-pic-1{
  background-image: url('../img/2023/solution2023_pic_1.png');
}
.solution2023-inner .item-pic-2{
  background-image: url('../img/2023/solution2023_pic_2.png');
}
.solution2023-inner .item-pic-3{
  background-image: url('../img/2023/solution2023_pic_3.png');
}
.solution2023-inner .item-pic-4{
  background-image: url('../img/2023/solution2023_pic_4.png');
}
.solution2023-inner .item-link{
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 24px;
    width: 305px;
    height: 92px;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    transition: height .2s ease-in-out;
    background: linear-gradient(6.85deg,#3e3aff .52%,rgba(65,60,170,0) 236.49%);
    overflow: hidden;
    box-sizing: border-box;
    text-decoration: none;
}
.solution2023-inner .item-link .tit{
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: block;
}
.solution2023-inner .item-link .desc-wrapper{
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.solution2023-inner .item-link .desc-list{
  margin-top: 20px;
}
.solution2023-inner .item-link .desc-list li{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PG1hc2sgaWQ9ImEiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0ZGRiIgcng9IjAiLz48L21hc2s+PC9kZWZzPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Im0xNy42OCA3LjQzNyAxLjIxMiAxLjIxM2EuNTIzLjUyMyAwIDAgMSAwIC43NDJsLTcuODI4IDcuODI4YS41MjUuNTI1IDAgMCAxLS43NDIgMEw1Ljg1IDEyLjc0OWEuNTI1LjUyNSAwIDAgMSAwLS43NDNsMS4yMTMtMS4yMTJhLjUyNC41MjQgMCAwIDEgLjc0MiAwbDIuODg4IDIuODg3IDYuMjQ0LTYuMjQ1YS41MjUuNTI1IDAgMCAxIC43NDMuMDAxWiIvPjwvZz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 18px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(255,255,255,0.8);
  margin-bottom: 6px;
}
.solution2023-inner .item-link .arrow{
  display: none;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 52px;
  height: 18px;
  margin-left: -26px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHg9IjI0IiByeD0iMCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgNDggMCkiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yOS41IDEzSDI3bDItMS45TDMyLjEgOGwxLjIgMS4yLTEuOSAxLjlINDVWMTNIMjkuNVoiLz48L2c+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 52px;
}
.solution2023-inner .solution2023-inner-item:hover .item-link .arrow{
  display: inline-block;
}
.solution2023-inner .item-link .option_desc{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.solution2023-inner .solution2023-inner-item:hover .item-link{
    height: 100%;
    border-radius: 16px;
    padding: 23px 24px 25px;
}


.product-section.section-digitalize-factory .product-scene .product-scene-item{
  margin-right: 20px;
}
.product-section.section-digitalize-factory  .product-scene .product-scene-item .scene-info{
  padding: 20px;
}
.product-section.section-digitalize-factory .product-scene .product-scene-item .scene-info .list li{
  position: relative;
  padding-left: 18px;
}
.product-section.section-digitalize-factory .product-scene .product-scene-item .scene-info .list li::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 8px;
    position: absolute;
    left: 4px;
    top: 8px;
}
.product-section.section-digitalize-factory  .product-scene .product-scene-item .scene-info .info-subtxt{
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}


/*最新动态2023*/
.index-trends{
  /*background-color: #f1f5ff;*/
  background-color: rgb(15, 22, 31);
  background-image: url('../img/2023/trends_bg.svg');
  padding-top: 60px;
  padding-bottom: 60px;
}
.index-trends .trends-tit{
    text-align: center;
}
.index-trends .trends-block{
    position: relative;
}
.index-trends .trends-block .letter{
    font-size: 80px;
    opacity: 0.02;
    color: #007AFF;
    font-weight: 500;
    line-height: 60px;
}
.index-trends .trends-block .tits{
    font-size: 42px;
    line-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
    color: rgba(255,255,255,1);
}
.index-trends .trends-tit .sub-txt{
    font-size: 16px;
    margin-top: 20px;
    color:rgba(0,0,0,.5);
}
.index-trends .trends-cont{
  text-align: center;
  padding-top: 30px;
}
.index-trends .trends-cont .trends-tabs{
  display: inline-block;
  padding: 4px;
  background-color: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 56px;
}
.trends-cont .trends-tabs .tabs-item{
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  padding: 0 40px;
  cursor: pointer;
  border-radius: 48px;
  transition: all .2s ease;
  color: rgba(255,255,255,0.6);
}
.trends-cont .trends-tabs .tabs-item.active{
  background-color: #0D53FF;
  background: linear-gradient( 90deg, #6139f6 0.126%, #524af1 44.067%, #0D53FF 97.163% );
  color: #ffffff;
}
.trends-cont .tabs-cont{
  padding-top: 30px;
}
.trends-cont .tabs-cont .learnmore-btn{
  display: inline-block;
  height: 46px;
  line-height: 46px;
  color: rgba(255,255,255,0.8);
  border:1px solid rgba(255,255,255,0.8);
  padding: 0 30px;
  text-decoration: none;
  border-radius: 8px;
  transition: all .2s ease;
}
.trends-cont .tabs-cont .learnmore-btn:hover{
  background-color:rgba(0,0,0,0.2);
  color: #ffffff; 
}
.trends-cont .tabs-cont .learnmore-btn .btn-arrow path{
  fill:#ffffff;
  stroke: rgb(255, 255, 255); 
}
.trends-cont .tabs-cont .learnmore-btn:hover .btn-arrow path{
  fill:#ffffff;
  stroke: rgb(255, 255, 255); 
}
.trends-cont .trends-wrap{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 40px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.trends-cont .trends-wrap .wrap-l{
  padding: 20px;
  width: 700px;
  background: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: rgb(5, 8, 13) 0px 12px 32px;
  /*box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);*/
  border-radius: 18px;
  margin-right: 25px;
  transition: all .2s ease;
}
.trends-cont .trends-wrap .wrap-l:hover{
  box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04);
}
.trends-cont .trends-wrap .wrap-l .link-block{
  text-decoration: none;
  color: #121212;
}
.trends-cont .trends-wrap .wrap-l .l-img{
  height: 340px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end;
      -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.trends-cont .trends-wrap .wrap-l .l-img img{
  transition: all .8s ease;
  width: 100%;
}
.trends-cont .trends-wrap .wrap-l .link-block:hover .l-img img{
    transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
}
.trends-cont .trends-wrap .wrap-l .l-tit{
  text-align: left;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: rgba(255,255,255,0.9);
}
.trends-cont .trends-wrap .wrap-l .l-desc{
  text-align:left;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0,0,0,0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: rgba(255,255,255,0.6);
}
.trends-cont .trends-wrap .wrap-r{
  flex:1;
}
.trends-cont .trends-wrap .wrap-r .r-item{
  display: block;
  text-decoration: none;
  color: rgba(255,255,255,0.9);
  padding: 20px;
  background: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: rgb(5, 8, 13) 0px 8px 20px;
  /*box-shadow: 0 4px 8px rgba(31,35,41,.03), 0 3px 6px -6px rgba(31,35,41,.05), 0 6px 18px 6px rgba(31,35,41,.03);*/
  border-radius: 18px;
  text-align: left;
  margin-bottom: 20px;
  transition: all .2s ease;
}
.trends-cont .trends-wrap .wrap-r .r-item:hover{
  background-color: rgba(0,0,0,0.2);
}
.trends-cont .trends-wrap .wrap-r .r-item:hover .r-tit,.trends-cont .trends-wrap .wrap-r .r-item:hover .r-desc,.trends-cont .trends-wrap .wrap-r .r-item:hover .r-time{
  color: #fff;
}
.trends-cont .trends-wrap .wrap-r .r-item:last-child{
  margin-bottom: 0;
}
.trends-cont .trends-wrap .wrap-r .r-item .r-tit{
  text-align: left;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.trends-cont .trends-wrap .wrap-r .r-item .r-desc{
  text-align:left;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.trends-cont .trends-wrap .wrap-r .r-item .r-time{
  margin-top: 10px;
  text-align: right;
}


/*核心优势*/
.index-core{
  padding: 60px 0;
/*  background: linear-gradient(94.91deg,rgba(247,248,250,0) 70.4%,#f2f5f8 83.81%),linear-gradient(329.77deg,rgba(247,248,250,0) 21.69%,rgba(233,236,240,.37) 59.14%,rgba(233,236,240,.57) 88.18%,hsla(0,0%,100%,.58) 98.13%),linear-gradient(3.27deg,#f7f8fa 1.66%,rgba(233,236,240,.42) 38.66%,rgba(233,236,240,.38) 86.43%,#fff 104.72%),linear-gradient(0deg,#fff,#fff),linear-gradient(331.6deg,rgba(247,248,250,0) 20.68%,rgba(233,236,240,.37) 56.45%,#fff 96.58%),#fff;*/
  background: url('../img/2023/index-cooperation-bg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.index-core .core-tit{
    text-align: center;
}
.index-core .core-block{
    position: relative;
}
.index-core .core-block .letter{
    font-size: 80px;
    opacity: 0.02;
    color: #007AFF;
    font-weight: 500;
    line-height: 60px;
}
.index-core .core-block .tits{
    font-size: 42px;
    line-height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    font-weight: 700;
}
.index-core .core-tit .sub-txt{
    font-size: 16px;
    margin-top: 20px;
    color:rgba(0,0,0,.5);
}
.index-core .core-cont{
  padding-top: 40px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.index-core .core-cont .core-item{
  color: #121212;
  text-decoration: none;
   margin-right: 28px;
   -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.index-core .core-cont .core-item:last-child{
  margin-right: 0;
}
.index-core .core-cont .core-item .img{
  height: 268px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius: 20px;
  box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04);
}
.index-core .core-cont .core-item .img img{
  width: 100%;
  border-radius: 20px;
  -webkit-transition: all .5s;
    transition: all .5s;
}
.index-core .core-cont .core-item .info{
  position: relative;
  top:0;
  margin-top: 15px;
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.index-core .core-cont .core-item .info h3{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}
.index-core .core-cont .core-item .info p{
  font-size: 14px;
  color: rgba(0,0,0,0.5);
}
.index-core .core-cont .core-item:hover .img img{
  -webkit-transform: matrix(1.03,0,0,1.03,0,0);
    -ms-transform: matrix(1.03,0,0,1.03,0,0);
    transform: matrix(1.03,0,0,1.03,0,0);
}
.index-core .core-cont .core-item:hover .info{
  top:10px;
}


/*关于我们*/
.g-banner-about{background-image: url('../img/banner/g-banner-about.jpg');}
.g-banner.filter:after{
    transition: all .2s ease;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.g-sub-cont{
    margin-top:-60px;
    overflow: hidden;
}
.g-sub-inner{
    background: #fff;
    position: relative;
    z-index:100;
    box-shadow: 0 10px 30px rgba(0,72,174,.1);
    padding: 60px;
}
.g-about-inner .text{
    line-height:34px;
    margin-bottom:20px;
    position: relative;
}
.g-about-inner .trait-list{
    margin-top:90px;
}
.g-about-inner .trait-list li{
   width:20%;
   float:left;
   text-align:center;
   padding: 15px 0;
   transition: all .2s ease;
}
.g-about-inner .trait-list li img{
    width:60px;
    margin-bottom:12px;
}
.g-about-inner .trait-list li:hover{
    box-shadow: 0 0 10px rgba(0,72,174,.1);
}

.about-main{
    position: relative;
    z-index: 20;
    line-height: 0;
}
.about-main .about-even-li,.about-main .about-odd-li{
  float: left;
  line-height: 0;
  width: 100%;
}
.about-main .about-even-li .imgbox {
  float: left;
}
.about-main .about-even-li .cont-wrap {
  float: right;
  margin-right: 6.18%;
}
.about-main .about-odd-li .imgbox {
  float: right;
}
.about-main .about-odd-li .cont-wrap {
  float: left;
  margin-left: 5.9%;
}
.about-main .imgbox {
  width: 50%;
}
.about-main .imgbox img {
  width: 100%;
}
.about-main .cont-wrap {
  padding-top: 30px;
  width: 38.8%;
}
.about-main .cont-wrap .tit {
  font-size: 28px;
  line-height:42px;
  color: #999;
}
.about-main .cont-wrap .tit strong{
  display: inline-block;
  margin-right: 6px;
  font-size: 34px;
  font-weight: 700;
  color: #0078ff;
}
.about-main .cont-wrap .line {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #7f7f7f;
  margin-top: 15px;
}
.about-main .cont-wrap .sub-tit{
  font-size:16px;
  line-height: 32px;
  margin-top: 18px;
}
.about-main .cont-wrap .sub-tit .blue{
  color: #0078ff;
}
.about-main .cont-wrap .sub-tit h4{
    font-size: 18px;
}
.about-main .cont-wrap .sub-tit .text{
    line-height: 26px;
    font-size: 16px;
}
.about-main .cont-wrap .cn-font {
  display: block;
  font-size: 14px;
  margin-top: 42px;
  line-height: 28px;
  color: #666;
}
.about-main .cont-wrap .en-font {
  display: block;
  line-height: 20px;
  color: #666;
  margin-top: 17px;
}

.sub-company{
  padding-top: 30px;
  text-align: center;
  background: url('../img/sub-company-bg.jpg') no-repeat 50% 0;
  background-size: 100%;
}
.sub-company h5{
  font-size: 24px;
  font-weight: 700;
  padding: 10px 0;
  text-align: center;
}
.sub-company p{
  margin: 18px 0;
  text-indent: 2rem;
  text-align: left;
  line-height: 28px;
}
.sub-company .sub-company-pic{
  max-width: 100%;
}

/**************发展历程*************/
.our-history{
    padding-top: 100px;
    padding-bottom:10px;
    background: url("../img/histroy_bg.jpg") no-repeat 50% 50%;
    background-size: cover;
}
.our-history-tit{
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.our-history-img img{
  width: 100%;
}
.our-history-img-mobile{
  display: none;
}
.history-b{
    position: relative;
    padding-top: 50px;
    padding-bottom: 40px;
    display: none;
}
.history-b-cont{
    position: relative;
    width: 100%;
    padding: 0 2%;
}
.history-b-cont:after{
    position:absolute;
    left:5%;
    top:50%;
    content:"";
    width:90%;
    height:1px;
    background:rgba(0,0,0,0.2);
    margin-top:-2px;
}
.history-b-cont .date{
    font-size:32px;
    color:#26293c;
    margin-bottom:14px;
    position:relative;
}
.history-b-cont .date:after{
    width:16px;
    height:16px;
    background:rgba(255,255,255,0.9);
    border: 2px solid #0078ff;
    content:"";
    border-radius:50%;
    position:absolute;
    left:0px;
    bottom:-37px;
}
.history-b-cont .note{
    font-size:18px;
    color:#8c8c8c;
    margin-top:80px;
}
.history-b-cont .date span{font-size:22px;}
.history-b-cont .swiper-container{width:calc(100% - 180px);}
.history-b-cont .history-cont-prev,.history-b-cont .history-cont-next{
    position: absolute;
    z-index: 100;
    width: 45px;
    height: 45px;
    box-shadow:0 6px 16px 0 rgba(0,34,178,.2);
    top:50%;
    margin-top: -23px;
    border-radius: 90px;
    cursor: pointer;
}
.history-b-cont .history-cont-prev {
    left: 0px;
    background: url('../img/wm_button_icon.png') no-repeat;
    background-position: 0 0;
    background-size: 100%;  
}
.history-b-cont .history-cont-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}
.history-b-cont .history-cont-next {
    right: 0px;
    background: url('../img/wm_button_icon.png') no-repeat;
    background-position: 0 -93px;
    background-size: 100%;

}
.history-b-cont .history-cont-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
.history-b-cont .swiper-pagination{
    bottom: 0px;
}
.history-b-cont .history-cont-prev.swiper-button-disabled,.history-b-cont .history-cont-next.swiper-button-disabled{
    opacity: 0.4;
}




/*所获奖项*/
.history-wrap .cent-wrap li .cont-box .cont-box-img{
  position:absolute;
  width:240px;
  right:-300px;
  top:0px;
}
.history-wrap .cent-wrap li .cont-box .cont-box-img img{
  width:100%;
}
.history-wrap .cent-wrap li:nth-child(even) .cont-box .cont-box-img{
  right:none;
  left:-300px;
}

/*资质荣誉*/
.honor-certificate{
    padding-top: 100px;
}
.honor-tit{
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.honor-subtext{
    /*text-align: center;*/
    /*padding: 0 10%;*/
    padding: 0 4%;
    margin-top: 40px;
    opacity: 0.8;
    font-size: 16px;
}
.honor-cont{
    position: relative;
    padding-bottom: 20px;
}
.honor-cont .swiper-container{
    margin: 0 5px;
    padding: 20px 0 30px;
}

.honor-cont .swiper-slide .honor-item{
    margin: 20px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    transition: all .5s ease;
    position: relative;
    box-shadow: 0 8px 20px 0 rgba(0,72,174,.18);
}
.honor-cont .swiper-slide img{
    transition: all .2s ease;
    width: 100%;
}
.honor-cont .swiper-slide img:hover{
    transform:scale(1.1);
}
.honor-cont .honor-cont-prev,.honor-cont .honor-cont-next{
    position: absolute;
    z-index: 100;
    width: 45px;
    height: 45px;
    box-shadow:0 6px 16px 0 rgba(0,34,178,.2);
    top:50%;
    margin-top: -23px;
    border-radius: 90px;
    cursor: pointer;
}
.honor-cont .honor-cont-prev {
    left: 0px;
    background: url('../img/wm_button_icon.png') no-repeat;
    background-position: 0 0;
    background-size: 100%;  
}
.honor-cont .honor-cont-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}
.honor-cont .honor-cont-next {
    right: 0px;
    background: url('../img/wm_button_icon.png') no-repeat;
    background-position: 0 -93px;
    background-size: 100%;

}
.honor-cont .honor-cont-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
.honor-cont .swiper-pagination{
    bottom: 0px;
}
.honor-cont .honor-cont-prev.swiper-button-disabled,.honor-cont .honor-cont-next.swiper-button-disabled{
    opacity: 0.4;
}

/*核心团队*/
.about-core{
    padding: 100px 0 0 0;
}
.about-core .core-tit {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.about-core .core-cont{
    padding: 20px 0 30px 0;
}
.about-core .core-cont .swiper-container{
    padding: 60px 120px 30px 120px;
}
.about-core .core-item{
    margin: 20px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .5s ease;
    position: relative;
    box-shadow: 0 8px 20px 0 rgba(0,72,174,.18);
}
.about-core .core-item:after{
    content: '';
    width: 0;
    height: 2px;
    background-color: #2c68ff;
    transition: all .5s ease;
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-core .core-item .img{
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 140px;
    margin-top: -80px;
    position: relative;
    transition: all .5s ease;
}
.about-core .core-item .name{
    font-size: 32px;
    font-weight: 400;
    padding: 12px 0;
    transition: all .5s ease;
}
.about-core .core-item .info{
    text-align: left;
    line-height: 1.8;
    font-size: 14px;
    margin-top: 20px;
    color: #666;
    transition: all .5s ease;
}
.about-core .core-item:hover:after{
    width: 100%;
}
.about-core .core-item:hover .img{
    margin-top: -85px;
    transform: scale(1.05);
    box-shadow: 0 8px 12px 0 rgba(0,72,174,.18);
}

/*服务客户*/
.about-partner{
    padding: 100px 0 40px 0;
    background: url('../img/about_partner_bg_city.png') no-repeat 50% 50%;
    background-size: 1100px;
}
.about-partner .partner-tit {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.about-partner .team-img {
    display: block;
    width: 100%;
    cursor: default;
    padding: 20px 0;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 8px 20px 0 rgba(0,72,174,.18);
}
.about-partner .partner-cont{
    padding: 60px 0 30px 0;
}
.about-partner .swiper-container {
    padding: 14px;
}
.about-partner .swiper-wrapper{
    padding-bottom: 60px;
}

.partner-tab-cont{
    margin-top: 30px;
    position: relative;
}
.partner-tab-cont .cont-wrap{
    background: url('../img/histroy_bg.jpg') no-repeat 50% 50%;
    position: relative;
    overflow: hidden;
}
.partner-tab-cont .cont-wrap:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: -webkit-gradient(linear,left top,right top,from(#0044e8),to(rgba(55,130,255,.56863)));
    background-image: linear-gradient(90deg,#0044e8 0,rgba(55,130,255,.56863)100%);
    background-image: -moz-linear-gradient(90deg,#0044e8 0,rgba(55,130,255,.56863)100%);
    background-image: -webkit-linear-gradient(90deg,#0044e8 0,rgba(55,130,255,.56863)100%);*/
}
.partner-tab-cont .cont-wrap .wrap-item{
    position: relative;
    z-index: 10;
    padding: 50px;
    display: none;
    transition: all .5s ease;
    background-color: rgba(224,224,224,0.2);
}
.partner-tab-cont .cont-wrap .wrap-item:after{
    content: '';
    width: 0;
    height: 2px;
    background-color: #2c68ff;
    transition: all .5s ease;
    position: absolute;
    left: 0;
    bottom: 0;
}
.partner-tab-cont .cont-wrap .wrap-item:hover:after{
    width: 100%;
}
.partner-tab-cont .cont-wrap .wrap-item.active{
    display: block;
}
.partner-tab-cont .cont-wrap .wrap-item .tit{
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    font-weight: 400;
    opacity: 0;
}
.partner-tab-cont .cont-wrap .wrap-item .info{
    font-weight: 400;
    line-height: 1.4;
    margin-top: 20px;
    opacity: 0;
}
.partner-tab-cont .cont-wrap .wrap-item .info .word{
    margin-bottom: 15px;
    font-size: 15px;
}
.partner-tab-cont .cont-wrap .wrap-item .item-links{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    min-width: 112px;
    line-height: 28px;
    border-radius: 17px;
    font-size: 14px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    background: #fff;
    color: #212121;
    padding: 3px 20px;
    border: 1px solid rgba(0,0,0,0.3);
    margin-top: 15px;
    opacity: 0;
}
.partner-tab-cont .cont-wrap .wrap-item .item-links:hover{
    opacity: 0.7 !important;
}
.partner-tab-cont .cont-wrap .wrap-item.active .tit{
    animation: pubschemaLt 1s ease both 100ms;
}
.partner-tab-cont .cont-wrap .wrap-item.active .info{
    animation: pubschemaLt 1s ease both 300ms;
}
.partner-tab-cont .cont-wrap .wrap-item.active .item-links{
    animation: pubschemaLt 1s ease both 500ms;
}
@keyframes pubschemaLt{
    0%{transform: translateX(180px);opacity: 0;}
    100%{transform: translateX(0);opacity: 1;}
}


.partner-tabs-text{
    text-align: center;
    background-color: #fff;
    padding-top: 12px;
    opacity: 0.8;
    font-size: 16px;
}
.partner-tab-cont .partner-tabs{
    background-color: #fff;
    padding: 20px 0 0 0;
}
.partner-tab-cont .partner-tabs .tabs-img{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    padding: 6px;
    border:1px solid #fff;
    text-align: center;
    background: #fff;
    overflow: hidden;
    line-height: 0;
    float: left;
    margin-right:4%;
    margin-bottom: 30px;
    transition: all .5s ease;
}
.partner-tab-cont .partner-tabs .tabs-img img{
    max-width: 100%;
}
.partner-tab-cont .partner-tabs .tabs-img.active{
    border-color: #0078ff;
    box-shadow: 0 8px 12px 0 rgba(0,72,174,.18);
}
.partner-tab-cont .partner-tabs .tabs-img:hover{
    box-shadow: 0 8px 12px 0 rgba(0,72,174,.18);
}

/*合作意向*/
.form-title {
    margin-top: 80px;
    text-align: center;
}
.form-title-big {
    font-size: 40px;
    color: #0078ff;
}
.form-title-small {
    font-size: 18px;
    color: #999;
}
.form-desc {
    font-size: 16px;
    line-height: 32px;
    margin-top: 40px;
    text-align: center;
}
.bus-form {
    margin-top: 40px;
    margin-bottom: 80px;
    position: relative;
}
.bus-form-input {
    width: 50%;
    padding-right: 1.7%;
    padding-bottom: 40px;
    float: left;
}
.form-label{
    font-size: 16px;
    line-height: 28px;
    margin-right: 12px;
    letter-spacing: 0;
    color: #222;
    font-weight: 700;
}
.bus-error-msg {
    font-size: 16px;
    line-height: 16px;
    display: none;
    color: #FF301E !important;
}
.bus-form-input input{
    width: 100%;
    background: #f7f7f7;
    color: #222;
    letter-spacing: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    height: 48px;
    padding-left: 16px;
    margin-top: 12px;
    border: 1px solid #fff;
}
.bus-form-input input::-webkit-input-placeholder,.bus-form-textarea textarea::-webkit-input-placeholder{
/* WebKit browsers */
color: #b8b8b8;
}
.bus-form-textarea textarea{
    color: #222;
    letter-spacing: 0;
    width: 100%;
    background: #f7f7f7;
    border: 0;
    resize: none;
    line-height: normal;
    border-radius: 0;
    font-size: 16px;
    height: 144px;
    padding-left: 16px;
    padding-top: 16px;
    margin-top: 12px;
    border: 1px solid #fff;
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.bus-form-input input:focus,.bus-form-textarea textarea:focus{
    border-color: #073cd8;
}
.bus-form-btn{
    text-align: center;
}
.bus-form-btn .form-button{
    /*cursor: not-allowed;*/
    border:none;
    color: #fff;
    border-radius: 92.7px;
    background-color: #073cd8;
    background-image: linear-gradient(-22deg, #073cd8 0%, #0078ff 86%, #0078ff 100%) !important;
    width: 188px;
    letter-spacing: 0px;
    font-size: 24px;
    margin-top: 50px;
    height: 60px;
    cursor: pointer;
}


/*合作伙伴*/

.partners-case-item{
    position:relative;
    margin-bottom:80px;
}
.partners-case-item img{
    width:100%;
}
.partners-case-item:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(7, 32, 108, 0.5) 20%, rgba(0,0,60, 0.4) 80%);
}
.partners-case-item .txt{
    position:absolute;
    top:50%;
    width:50%;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
    color:#fff;
    z-index:100;
    font-size:42px;
    text-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
}





/*软件解决方案*/
.banner-pr-software{
  background-image: url('../img/video/software-solution-poster.jpg');
  background-position: 50% 0;
}

.g-banner-software{background-image: url('../img/software-banner.jpg');height: 280px;}
.g-banner-software:after{background: radial-gradient(circle at 00% 20%, rgb(0 63 255 / 80%) 30%, rgb(0 123 160 / 70%) 80%);}
.g-banner-software h1{margin-top: 124px;}

.warehouse-cont{padding: 80px 0;}
.warehouse-cont .warehouse-item{float: left;width: 30%;background-color: #fff;padding: 15px;margin-right: 5%;}
.warehouse-cont .warehouse-item:last-child{margin-right: 0;}
.warehouse-cont .warehouse-item .tit{color: #26293c;font-size: 24px;font-weight: 700;text-align: center;margin-bottom: 20px;}
.warehouse-cont .warehouse-item img{width: 100%}

.software-block-1{
    background:#f5f7fd url('../img/zhqc_home_index_case_bg.jpg') no-repeat 50% bottom;
    background-size: cover;
    padding: 80px 0;
}
.software-block-1 .sub-text{
    padding: 0 20%;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 20px;
}
.software-block-1 .block-1-list{
    padding-top: 30px;
}
.software-block-1 .block-1-list li{
    background-color: #fff;
    float: left;
    width: 18%;
    margin-right: 2%;
    margin-bottom: 20px;
    text-align: center;
    padding: 25px 0;
    font-weight: 700;
    cursor: pointer;
    transition: all .5s ease;
}
.software-block-1 .block-1-list li:hover{
    box-shadow: 0 8px 12px 0 rgba(0,72,174,.18);
}
.software-block-1 .block-1-list li img{
    display: inline-block;
    width: 58px;
}
.software-block-2{
    height: 680px;
    background: url('../img/portal_index_case-bg.png') 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
}
.software-block-3 .about-main .cont-wrap{
  padding-top: 80px;
}
 .software-block-4{
    height: 740px;
    background-color: #2c68ff;
    background-image: url('../img/jdd_home_ai_mr_bg.png');
    color: #fff;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
}
.software-block-5{
    padding: 80px 0;
    height: 700px;
    background: url('../img/zhqc_home_index_case_bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.software-cols .item{
    position: relative;
    background-color: #fff;
    box-shadow: 0 8px 10px 0 rgba(0,72,174,.1);
    transition: all .2s ease;
    overflow: hidden;
    width: 30%;
    margin-right: 5%;
    cursor: pointer;
    float: left;
    margin-bottom: 40px;
    font-size: 0;
}
.software-cols .item .main-box img{
    width: 100%;
}
.software-cols .item .main-box h4{
    height: 60px;
    width: 100%;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    background-color: #0078ff;
    color: #fff;
    font-weight: 700;
}
.software-cols .item:nth-child(3n+3){
    margin-right: 0;
}
.software-cols .item .detail-box{
    position: absolute;
    top:100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    color: #fff;
    box-sizing: border-box;
    background:#0D53FF;
    transition: all .2s ease;
}
.software-cols .item .detail-box h4{
    padding: 38px 0 15px;
    margin: 0 0 20px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
}
.software-cols .item .detail-box p {
    height: 86px;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.software-cols .item:hover .detail-box{
    top:0;
}
.software-links{
  margin-top: 30px;
  text-align: center;
}
.software-links a{
  display: inline-block;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border:1px solid #fff;
  border-radius: 60px;
  margin: 0 12px;
  text-decoration: none;
  background-color: rgba(0,0,0,0.1);
  font-size: 15px;
}
.software-links a.size{
  font-size: 14px;
}
.software-links a:hover{
  opacity: 0.5;
}

.software-block-6{
    background-color: #f5f7fd;
}
.software-block-7{
    padding: 80px 0;
}
.software-layout .swiper-container{
    padding-bottom: 32px;
}
.software-layout .swiper-pagination-bullet{
    display: inline-block;
    margin: 0 4px;
    background-color: #EFF1FF;
    border-radius: 2px;
    height: 4px;
    width: 22px;
    opacity: 1;
}
.software-layout .swiper-pagination-bullet-active{
    background-color: #97A7FE;
}
.software-layout .honor-item{
    transition: all .2s ease;
}
.software-layout .honor-item:hover{
    box-shadow: 0 8px 10px 0 rgba(0,72,174,.1);
}
.software-layout .honor-item img{
    width: 100%;
}
.software-layout .honor-item .tit{
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
}

.software-block-9{
    padding: 80px 0;
    padding-bottom: 0;
    background:#fff url('../img/zhqc_home_index_case_bg.jpg') no-repeat 50% bottom;
    background-size: cover;
}
.rps-cont{
    text-align: center;
    position: relative;
}
.rps-cont img{
    display: inline-block;
    max-width: 100%;
}

.software-block-10{
    padding: 80px 0;
}


.software-block-11{
  padding: 80px 0;
  background: #fff url('../img/software/portal_channel_idc_bg-fl3.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.workflow-cont{
  text-align: center;
}
.workflow-list{
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.workflow-list .workflow-list-item{
  float: left;
  margin: 0 35px;
}
.workflow-list .workflow-list-item i {
    background: #5081fb;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    height: 70px;
    margin: 0 auto;
    position: relative;
    width: 70px;
}
.workflow-list .workflow-list-item i img {
    width: 70px;
    height: 70px;
}
.workflow-list .workflow-list-item p {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    padding: 30px 0 0 0;
    text-align: left;
    height: 90px;
    text-align: center;
}
.workflow-cont .workflow-list:before {
    content: '';
    height: 1px;
    border-top: 2px dashed #0078FF;
    top: 35px;
    left: 90px;
    right: 90px;
    position: absolute;
}


.n-banner-box{
    position: relative;
    overflow: hidden;
}
.n-banner-box .overlay-y{
    position: absolute;
    top: 400px;
    width: 100%;
    z-index: 1;
    height: 300px;
    background: linear-gradient(180deg,hsla(0,0%,84.7%,0),hsla(222,100%,46%,.94));
}
.n-banner-box .video-boxs,.n-banner-box .video-boxs .banner-pr{
    height: 700px;
    position: relative;
    background-color: #0078ff;
}
.n-banner-box .video-boxs .banner-pr{
    margin-top: 0!important;
    color: rgba(0,4,26,.7);
    box-sizing: border-box;
    width: 1920px;
    margin: 0 auto;
    z-index: 0;
    color: #fff;
    position: relative;
    background-size: cover;
}
.n-banner-box .video-boxs .banner-pr-mask:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background-color: rgba(0,0,0,0.4);
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.n-banner-box .video-boxs .banner-pr .fc-vidio {
    width: 1920px;
    height: 700px;
    /*-o-object-fit: fill;
    object-fit: fill;*/
    -o-object-fit: cover;
    object-fit: cover;
    
}
.n-banner-box .video-boxs .overlay {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg,hsla(0,0%,84.7%,0),hsla(222,100%,9.52%,.94));
}
.n-banner-box .video-boxs .overlay .homepage-title{
    position: absolute;
    top: -80px;
    width: 100%;
    z-index: 1;
}
.n-banner-box .video-boxs .all-box,.n-banner-box .video-boxs .all-box-img {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.n-banner-box .video-boxs .overlay .fc-title1,.n-banner-box .video-boxs .overlay .fc-title2 {
    font-family: PingFang-SC-Bold;
    font-size: 44px;
    font-weight: 500;
}
.n-banner-box .video-boxs .overlay .fc-des {
    margin-top: 14px;
    font-size: 16px;
    color: rgba(0,4,26,.85);
    line-height: 26px;
    color: #fff;
    padding: 0 19%;
}
.n-banner-box .video-boxs .overlay-t {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(270deg,hsla(0,0%,84.7%,0),hsla(222,100%,9.52%,.94));
}

.n-banner-box .video-boxs .banner-pr-hardware{
    background-image: url('../img/banner/g-banner-about.jpg');
} 


/*硬件解决方案*/
.banner-pr-hardware{
  background-image: url('../img/banner/g-banner-about.jpg');
  background-position: 50% 0;
}
.section-col2{
    overflow: hidden;
}
.section-col2 ul.pr-list{
    
}
.section-col2 .pr{
    position: relative;
    height: 540px;
}
.section-col2 .pr .img-box {
    transform-origin: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition: all .2s ease;
}
.section-col2 .pr .img-box,.section-col2 .pr .info-box {
    position: absolute;
    top: 0;
    width: 960px;
    height: 100%;
}
.section-col2 .pr .img-box {
    right: -320px;
}
.section-col2 .abs-lt {
    left: 0;
}
.section-col2 .abs-lt,.section-col2 .abs-rt {
    position: absolute;
    top: 0;
}
.section-col2 .pr .img-box img {
    max-width: 100%;
    max-height: 100%;
}
.section-col2 .pr .info-box {
    left: -320px;
    background: #fff;
}
.section-col2 .abs-rt{
    right: 0;
}
.section-col2 .pr .info-box .info-cont {
    width: 600px;
    padding-top: 90px;
    padding-right: 80px;
    box-sizing: border-box;
}
.section-col2 .pr .info-box h3 {
    position: relative;
    line-height: 40px;
    font-size: 28px;
    padding-bottom: 22px;
}
.section-col2 .pr .info-box .s-desc{
    margin: 27px 0;
    line-height: 24px;
    color: rgba(0,4,26,.7);
    font-size: 16px;
}
.section-col2 .pr .info-box .s-remark {
    line-height: 28px;
    font-size: 18px;
    color: rgba(0,4,26,.7);
}
.section-col2  li:nth-of-type(2n+2) .img-box {
    right: auto;
    left: -320px;
}
.section-col2 li:nth-of-type(2n+2) .info-box {
    left: auto;
    right: -320px;
}
.section-col2 li:nth-of-type(2n+2) .info-box .info-cont {
    padding-left: 80px;
    padding-right: 0;
}
.section-col2 .desc-pointer dd{
    font-size: 14px;
    line-height: 32px;
    color: rgba(0,0,0,0.6);
}


/*智能云工控*/
.banner-pr-smartcloud{
  background-image: url('../img/video/smartcloud-solution-poster.jpg');
  background-position: 50% 0;
}
.smartcloud-sub-pic{
  margin-top: 30px;
}
.smartcloud-sub-pic .sub-pic-item{
  float: left;
  text-align: center;
  margin-right: 20px;
}
.smartcloud-sub-pic .sub-pic-item p{
  margin-top: 10px;
  font-size: 16px;
}

/*咨询服务*/
.banner-pr-consult{
  background-image: url('../img/banner/g-banner-consult.jpg');
  background-position: 50% 0;
}
.consult-block-1{
  background: url('../img/index_about_bg.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.logistics-consulting{
  padding: 80px 5%;
}
.logistics-consulting .consulting-item{
  width: 45%;
  margin-right: 10%;
  min-height: 320px;
  float: left;
  box-shadow: 0 15px 30px rgba(0,72,174,.1);
  margin-bottom: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: relative;
}
.logistics-consulting .consulting-item:nth-child(2n+2){
  margin-right: 0;
}
.logistics-consulting .consulting-item .consulting-tit{
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  padding: 10px 0;
  color: #fff;
  background: url('../img/portal_activity_list_tit_bg6.png') no-repeat 50% 50%;
  background-size: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-shadow:0 0 4px rgba(0,0,0,0.5);
}
.logistics-consulting .consulting-item dl{
  padding: 10px 20px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.consulting-item-1{
  background-image: url('../img/consult/consult-pic1.jpg');
  height: 260px;
}
.consulting-item-2{
  background-image: url('../img/consult/consult-pic2.jpg');
  height: 260px;
}
.consulting-item-3{
  background-image: url('../img/consult/consult-pic3.jpg');
  height:442px;
}
.consulting-item-4{
  background-image: url('../img/consult/consult-pic4.jpg');
  height:442px;
}
.logistics-consulting .consulting-item dl dd{
  margin: 15px 0;
  padding-left: 10px;
        transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
  position: relative;
  font-size: 16px;
}
.logistics-consulting .consulting-item dl dd:after{
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #ccc;
  position: absolute;
  left: 0;
  top:50%;
  margin-top: -3px;
  transition: all .36s ease;
  -webkit-transition: all .36s ease;
  -moz-transition: all .36s ease;
  -ms-transition: all .36s ease;
  -o-transition: all .36s ease;
}
.logistics-consulting .consulting-item dl dd:hover{
  padding-left: 20px;
  color: #0078ff;
}
.logistics-consulting .consulting-item dl dd:hover:after{
  left: 10px;
}
.consulting-contact{
  display: inline-block;
  position: absolute;
  bottom: 30px;
  right: 30px;
  background-color: #0078ff;
  color: #fff;
  line-height: 38px;
  padding: 0 20px;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  font-size: 16px;
}
.consulting-contact:hover{
  opacity: 0.7;
}

/*解决方案*/
.all-col-section{
    height: 298px;
    background: url('../img/portal_index_bg-service-t1.png') no-repeat center;
    background-size: cover;
    padding-top: 80px;
}
.all-solution-tit{
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
}
.all-solution-tit .gray-tit{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0.04;
    font-size: 54px;
    top:-40px;
    text-transform:uppercase;
    width:90%;

}
.all-solution-subtext{
    opacity: 0.8;
    line-height: 1.8;
    text-align: center;
    padding: 0 5%;
    margin-bottom: 40px;
    font-size: 16px;
}
.all-col-section .all-solution-tit,.all-col-section .all-solution-subtext{
    color: #fff;
}
.all-col-tabs{
    margin-top: -65px;
    padding-bottom: 60px;
}
.all-col-tabs-cont{
    background-color: #fff;
    box-shadow: 0 8px 10px 0 rgba(0,72,174,.1);
    
}
.all-col-tabs-cont .nav-item-wrap{
    border-top: 2px solid #c7d6fb;
    border-bottom: 1px solid #eee;
}
.all-col-tabs-cont .nav-item-wrap .tabs-nav-item{
    display: inline-block;
    font-size: 16px;
    width: 20%;
    height: 58px;
    line-height: 58px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}
.all-col-tabs-cont .nav-item-wrap .tabs-nav-item.on{
    border-bottom-color: #4762fe;
}
.cont-item-warp .cont-item{
    padding: 25px;
    line-height: 0;
    display: none;
    position: relative;
}
.cont-item-warp .cont-item img{
    width: 100%;
}
.cont-item-warp .cont-item.on{
    display: block;
}
.cont-item-warp .cont-item .block-6-txt{
    position: absolute;
    z-index: 20;
    top:25%;
    left: 10%;
    line-height: 1.6;
    color: #fff;
}
.cont-item-warp .cont-item .block-6-txt h4{
    font-size: 20px;
    margin-bottom: 25px;
}
.cont-item-warp .cont-item .block-6-txt ul{
    padding-left: 15px;
}
.cont-item-warp .cont-item .block-6-txt li{
    font-size: 14px;
    margin-bottom: 10px;
}
.cont-item-warp .cont-item.on .block-6-txt h4{
    animation: pubschemaLt 1s ease both 100ms;
}
.cont-item-warp .cont-item.on .block-6-txt ul{
    animation: pubschemaLt 1s ease both 200ms;
}

.g-banner-solution{background-image: url('../img/solution-banner.jpg');}
.solution-subtext{
    margin-bottom: 20px;
}
.solution-tit{
    text-align: center;
    padding: 40px 0 20px;
    font-size: 28px;
    font-weight: 400;
}
.solution-pic{
    margin-bottom: 20px;
    width: 100%;
}


/*公司资讯*/
.g-banner-news{background-image: url('../img/banner/g-banner-news.jpg');}
.g-news-inner .tit-box{
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.g-news-inner .info-tit{
    font-size: 26px;
    line-height: 38px;
}
.g-news-inner .info-date{
    line-height: 28px;
    font-size: 14px;
    color: #777;
}
.g-news-inner .info-cont{
    padding-top: 18px;
}
.g-news-inner .info-cont p{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    text-indent: 28px;
}
.g-news-inner .info-cont p.small-text-gray{
  font-size: 8px;
  color: #808080;
  text-align: center;
}
.g-news-inner .info-cont h2{
  text-align: center;
  margin-bottom: 20px;
}
.g-news-inner .info-cont .info-img{
    text-align: center;
}
.g-news-inner .info-cont img{
    max-width: 100%;
    margin-bottom: 18px;
}
.g-news-inner .info-next-prev-box{
    height: 200px;
    margin-top: 78px;
}
.g-news-inner .info-next-prev-box li{
    position: relative;
    padding: 26px 26px 0;
    width: 50%;
    border-top: 4px solid #2c68ff;
    box-shadow: 0 3px 12px 0 rgba(0,72,174,.1);
    border-radius: 2px;
    box-sizing: border-box;
    background:url('../img/zhqc_home_more_bg_left.jpg') no-repeat bottom right;
}
.g-news-inner .info-next-prev-box li:first-child{
    margin-right: 30px;
}
.g-news-inner .info-next-prev-box li p{
    position: relative;
    padding-bottom: 18px;
    color: rgba(0,4,26,.7);
    font-size: 14px;
    font-weight: 700;
}
.g-news-inner .info-next-prev-box li p:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #2c68ff;
}
.g-news-inner .info-next-prev-box li h4 {
    color: rgba(0,4,26,.7);
    font-weight: 400;
    font-size: 16px;
    margin: 29px 0 17px;
    line-height: 24px;
    transition: all .2s ease;
     display: -webkit-box;
     -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*设置p元素最大4行，父元素需填写宽度才明显*/
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
　　word-wrap:break-word;
　　word-break:break-all;
    overflow: hidden;
}
.g-news-inner .info-next-prev-box li:hover h4 {
    color: #2c68ff;
}
.g-news-inner .info-next-prev-box .info-box span {
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    opacity: 0.6;
}
.g-news-inner .info-next-prev-box li .links-full{
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
}

.news-tabs{
    text-align: center;
    padding-bottom: 35px;
    font-size: 0;
    line-height: 0;
}
.news-tabs .tabs-item{
    display: inline-block;
    display: inline-block;
    border: 1px solid rgba(166,167,175,.2);
    line-height: 46px;
    padding: 0 40px;
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
    color: #26293c;
    margin: 0 10px;
    font-size: 16px;
}
.news-tabs .tabs-item:hover{
    opacity: 0.7;
}
.news-tabs .tabs-item.tabs-item-active{
    border-color: #0D53FF;
    color: #0D53FF;
    font-weight: 700;
}
.news-tabs .tabs-item.tabs-item-active:hover{
    opacity: 1;
}
.news-tab-cont .tab-pane{
  display: none;
}
.news-tab-cont .tab-pane.active{
  display: block;
}
.news-list-box{
    border-bottom: 1px solid rgba(166,167,175,.2);
}
.news-list-box li {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(166,167,175,.2);
    transition: all .2s ease;
    box-sizing: border-box;
    padding: 20px 0;
    line-height: 0;
    font-size: 0;
}
.news-list-box li:first-of-type {
    border-top-width: 0;
}
.news-list-box li:hover {
    border-top-color: rgba(166,167,175,0);
    box-shadow: 0 2px 15px 0 rgba(0,72,174,.15);
}
.news-list-box li .li-box {
    transition: all .2s ease;
    box-sizing: border-box;
    align-items: center;
    height: 196px;
    position: relative;
}
.news-list-box li:hover .li-box {
    transform: translate(30px);
}
.news-list-box li .img-box {
    transform-origin: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition: all .2s ease;
    width: 260px;
    height: 196px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top:0;
}
.news-list-box li .text-box {
    color: rgba(0,4,26,.7);
    height: 196px;
    position: relative;
    padding-left: 280px;
}
.news-list-box li .text-box h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 9px;
    color: #00041a;
}
.news-list-box li:hover .text-box h3, .news-list-box li:hover .text-box p{
    color: #2c68ff;
}
.news-list-box li .text-box p.ellips2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
}
.news-list-box li .text-box .links-full{
    position: absolute;
    text-decoration: none;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
.news-list-box li .text-box .info-box {
    margin: 10px 0 20px;
    line-height: 14px;
    color: rgba(0,4,26,.7);
    font-size: 14px;
}
.news-list-box li .text-box .info-box span.pr{
    margin-left: 0px;
    padding-left: 0px;
    font-size: 13px;
    opacity: .5;
}
.news-list-box li .text-box .links-more{
    display: inline-block;
    width: 120px;
    line-height: 42px;
    font-size: 14px;
    border-radius: 48px;
    text-align: center;
    color: #fff;
    background-color: #0D53FF;
    margin-top: 20px;
}
.news-list-more{
    text-align: center;
    padding: 38px 0 40px;
}
.news-list-more .more-btn{
    display: inline-block;
    border: 1px solid rgba(166,167,175,.2);
    line-height: 46px;
    padding: 0 40px;
    cursor: pointer;
    transition: all .2s ease;
}
.news-list-more .more-btn:hover{
    border-color: #2c68ff;
}

/*案例*/
.g-case{
    height: 580px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #073cd8;
    background-size:cover;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: bannerAnimation 2s linear 1s infinite alternate;
}
.g-case:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: radial-gradient(circle at 00% 20%, rgba(0, 43, 170, 0.8) 30%, rgba(0,75,87, 0.8) 80%);
}
.g-case .g-case-hd{
    position: relative;
    z-index: 30;
    text-align: center;
    width: 40%;
    color: #fff;
}
.g-case .g-case-hd .pic{
    width: 140px;
    opacity: 0;
}
.g-case .g-case-hd .tits{
    color: #fff;
    font-weight: 400;
    padding: 25px 0;
    font-size: 32px;
    opacity: 0;
}
.g-case .g-case-hd .word{
    font-weight: 300;
    opacity: 0;
}
.g-case-inner .case-item{
    margin-bottom: 80px;
}
.g-case-inner .case-item img{
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
}
.g-case-inner .case-item .info-tit{
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
}
.g-case-inner .case-item .info-text{
    color: rgba(0,0,0,0.7);
    font-size: 15px;
    line-height: 1.6;
}
.load .g-case .g-case-hd .pic{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.load .g-case .g-case-hd .tits{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.load .g-case .g-case-hd .word{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    line-height: 1.8;
}


/*更多*/
.g-banner-more{background-image: url('../img/banner/g-banner-more.jpg');}
.page-more-inner{padding: 0 !important;min-height: 800px;}
.page-more-inner .left-box {
    width: 280px;
}
.page-more-inner .left-box ul.left-mune{
    box-shadow: 0 2px 15px 0 rgba(0,15,123,.1);
    background: url('../img/zhqc_home_more_bg_left.jpg') no-repeat 0 0 #fff;
    background-size: cover;
}
.page-more-inner .left-box ul.left-mune li{
    position: relative;
    height: 80px;
    padding-left: 44px;
    line-height: 80px;
    font-size: 16px;
    color: rgba(0,4,26,.7);
    transition: all .2s ease;
    cursor: pointer;
}
.page-more-inner .left-box ul.left-mune li:hover{
    opacity: 0.9;
}
.page-more-inner .left-box ul.left-mune li:after,.page-more-inner .left-box ul.left-mune li:before{
    content: "";
    position: absolute;
    bottom: 0;
}
.page-more-inner .left-box ul.left-mune li:before{
    left: 0;
    top: 0;
    width: 39px;
    height: 80px;
    opacity: 0;
    background: url('../img/zhqc_home_more_light.png') 0 0 no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.page-more-inner .left-box ul.left-mune li.active:before {
    opacity: 1;
}
.page-more-inner .left-box li:after {
    left: 43px;
    right: 40px;
    height: 1px;
    background: rgba(88,95,137,.08);
}
.page-more-inner .left-box li .alink-full{
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    text-decoration: none;
    display: block;
    z-index: 10;
}
.page-more-inner .left-box ul.left-mune li.active,.page-more-inner .left-box ul.left-mune li.active:hover{
    color: #fff;
    background: linear-gradient(90deg,#0078ff,#073cd8);
    opacity: 1;
}
.page-more-inner .left-box li .arrow{
    display: inline-block;
    width: 28px;
    height: 10px;
    position: absolute;
    right: 30px;
    top:50%;
    margin-top: -5px;
    transform-origin: center center;
    transition: all .2s ease;
    overflow: hidden;
    background: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTExNi45NCA1MjAuNXEwLTQwLjk2IDQwLjk2LTQwLjk2aDU3My40NHE0MC45NiAwIDQwLjk2IDQwLjk2dC00MC45NiA0MC45NkgxNTcuOXEtNDAuOTYgMC00MC45Ni00MC45NnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNzY5LjgyMyA1MTkuNDM0TDU2Ni42IDMxNi4yMTFhNDAuOTYgNDAuOTYgMCAxMTU3LjkxNy01Ny45MTdsMjMxLjcxIDIzMS43MWE0MC45NiA0MC45NiAwIDAxLjQ1MSA1OC40NWwtMjMxLjczIDIzMS42N2E0MC45NiA0MC45NiAwIDAxLTU3LjkzOS01Ny45MTdsMjAyLjc5My0yMDIuNzkzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==') no-repeat 50% 50%;
    background-size: 28px;
    opacity: 0;
    transform: translate(-10px);
}
.page-more-inner .left-box li.active .arrow{
    opacity: 1;
    transform: translate(0);
}

.page-more-inner .right-box{
    flex:1;
    padding: 30px 60px 0 60px;
    box-sizing: border-box;
}
.page-more-inner .right-box h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #26293c;
    margin-bottom: 13px;
}
.page-more-inner .c-text h4{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 27px;
    color: #26293c;
    font-weight: 500;
}
.page-more-inner .c-text p{
    margin-bottom: 26px;
    line-height: 27px;
    font-size: 14px;
    color: rgba(0,4,26,.7);
}
.page-more-inner .c-text img{
    max-width: 100%;
}
.page-more-inner .c-contract .addr-box {
    position: relative;
    margin-top: 22px;
    padding-bottom: 33px;
    border-bottom: 1px solid rgba(38,41,60,.08);
}
.page-more-inner .c-contract .addr-box .addr-item {
    line-height: 33px;
    font-size: 14px;
}
.page-more-inner .c-contract .addr-box .addr-item span {
    font-size: 18px;
    color: #26293c;
}
.page-more-inner .c-contract .addr-box-dl{
  margin-bottom: 30px;
  font-size: 14px;
}
.page-more-inner .c-contract .addr-box-dl dt{
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
}
.page-more-inner .c-contract .addr-box-dl dd{
  padding: 3px 0;
}
.page-more-inner .c-contract .email {
    color: rgba(0,4,26,.7);
    text-decoration: none;
}
.page-more-inner .c-contract .email:hover {
    color: #2c68ff;
}
.page-more-inner .c-contract .list-box {
    padding-top: 27px;
    font-size: 14px;
}
.page-more-inner .c-contract .list-box ul {
    flex: 1;
}
.page-more-inner .c-contract .list-box li {
    margin-bottom: 26px;
}
.page-more-inner .c-contract .list-box h4 {
    line-height: 33px;
    font-size: 18px;
    color: #26293c;
    margin-bottom: 11px;
    font-weight: 500;
}
.page-more-inner .c-contract .list-box p {
    line-height: 26px;
    height: 26px;
}
.page-more-inner .c-contract .list-box .email {
    margin-right: 5px;
}
.page-more-inner .c-media .media-cont{
    padding-top: 22px;
}
.page-more-inner .c-media .tit-desc {
    margin: 16px 0 0;
    line-height: 26px;
    color: #26293c;
    font-size: 14px;
}
.page-more-inner .c-media .media-cont ul.active-box{
    font-size: 0;
}
.page-more-inner .c-media .media-cont ul.active-box li {
    width: 270px;
    display: inline-block;
    margin: 0 25px 25px 0;
    box-shadow: 0 2px 11px 0 rgba(0,15,123,.1);
}
.page-more-inner .c-media .media-cont ul.active-box .img-box {
    position: relative;
    transform-origin: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition: all .2s ease;
    transition: none;
    height: 145px;
}
.page-more-inner .c-media .media-cont ul.active-box .img-box .img-original {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}
.page-more-inner .c-media .media-cont ul.active-box .info-box {
    padding: 0 20px;
    transition: none;
    box-sizing: border-box;
    height: 90px;
    padding-top: 23px;
}
.page-more-inner .c-media .media-cont ul.active-box h4{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 14px;
    color: #00041a;
    font-weight: 400;
}
.page-more-inner .c-media .media-cont ul.active-box p {
    margin-top: 4px;
}
.page-more-inner .c-media .media-cont ul.active-box a {
    line-height: 20px;
    font-size: 14px;
    color: #2c68ff;
}

/*联系方式*/
.contact-map{
    width:100%;
    height:360px;
}
.contact-map-btn{
    text-align: center;
    padding: 30px 0;
    margin-bottom: 120px;
}
.contact-map-btn .btn-link{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 92.7px;
    background-color: #073cd8;
    background-image: linear-gradient(-22deg, #073cd8 0%, #0078ff 86%, #0078ff 100%) !important;
    letter-spacing: 0px;
    font-size: 24px;
    padding: 15px 40px;
    cursor: pointer;
}



/*招贤纳士*/
.c-job .job-item{
    padding: 20px 0;
    border-bottom: 1px solid rgba(38,41,60,.08);
}
.c-job .job-item:first-child{
    border-top:1px solid rgba(38,41,60,.08);
}
.c-job .job-item .name{
    font-size: 20px;
    font-weight: 400;
}
.c-job .job-item .flex{
    padding: 10px 0;
    display: flex;
}
.c-job .job-item .flex li{
    width: 33%;
    font-size: 16px;
    color: rgba(0,0,0,0.6);
}
.c-job .job-item .job-item-text{
    margin-top: 20px;
}
.c-job .job-item .job-item-text h4 {
    font-size: 17px;
    line-height: 33px;
    margin-bottom: 2px;
    font-weight: 400;
}
.c-job .job-item .job-item-text ol {
    margin-bottom: 15px;
}
.c-job .job-item .job-item-text li{
    line-height: 26px;
    font-size: 14px;
}
.job-links{
    text-align: center;
    font-size: 18px;
    padding: 25px 0;
    font-weight: 400;
    color: #2c68ff;
}
.job-links span{
    display: inline-block;
    width: 30px;
}

/*产品2023*/
.product-banner-box{
    position: relative;
    overflow: hidden;
}
.product-banner-box .overlay-y{
    position: absolute;
    top: 400px;
    width: 100%;
    z-index: 1;
    height: 300px;
    background: linear-gradient(180deg,hsla(0,0%,84.7%,0),hsla(222,100%,46%,.94));
}
.product-banner-box .video-boxs,.product-banner-box .video-boxs .banner-pr{
    height: 560px;
    position: relative;
    background-color: #0078ff;
}
.product-banner-box .video-boxs .banner-pr{
    margin-top: 0!important;
    color: rgba(0,4,26,.7);
    box-sizing: border-box;
    width: 1920px;
    margin: 0 auto;
    z-index: 0;
    color: #fff;
    position: relative;
    background-size: cover;
}
.product-banner-box .video-boxs .banner-pr-mask:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background-color: rgba(0,0,0,0.4);
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-banner-box .video-boxs .banner-pr .fc-vidio {
    width: 1920px;
    height: 700px;
    /*-o-object-fit: fill;
    object-fit: fill;*/
    -o-object-fit: cover;
    object-fit: cover;    
}
.product-banner-box .video-boxs .banner-pr .banner-img{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
    object-fit: cover;
}
.product-banner-box .video-boxs .overlay {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg,hsla(0,0%,84.7%,0),hsla(222,100%,9.25%,.94));
}
.product-banner-box .video-boxs .overlay .homepage-title{
    position: absolute;
    top: -80px;
    width: 100%;
    z-index: 1;
}
.product-banner-box .video-boxs .all-box,.n-banner-box .video-boxs .all-box-img {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.product-banner-box .video-boxs .overlay .fc-title1,.product-banner-box .video-boxs .overlay .fc-title2 {
    font-family: PingFang-SC-Bold;
    font-size: 44px;
    font-weight: 500;
}
.product-banner-box .video-boxs .overlay .fc-des {
    margin-top: 14px;
    font-size: 16px;
    color: rgba(0,4,26,.85);
    line-height: 26px;
    color: #fff;
    padding: 0 19%;
}
.product-banner-box .video-boxs .overlay-t {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(270deg,hsla(0,0%,84.7%,0),hsla(222,100%,9.25%,.94));
}
.product-wrap .product-section{
  padding: 40px 0;
}
.product-wrap .product-section.bg-gray{
  background: #f7fcff url('../img/product/aiot_scene_bg.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.product-wrap .product-section.bg-gray-linear{
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7fcff));
  background: -webkit-linear-gradient(top, white 0%, #f7fcff 100%);
  background: -o-linear-gradient(top, white 0%, #f7fcff 100%);
  background: linear-gradient(180deg, white 0%, #f7fcff 100%);
}
.product-wrap .product-section.bg-gray-pain{
  background: #f7fcff url('../img/product/oms_pain_bg.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.product-wrap .product-section .product-tit{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #202d40;
  margin: 20px 0;
}
.product-wrap .product-section .product-subtit{
  color: #666;
  padding: 0 20%;
  text-align: center;
}
.product-wrap .product-section .mr-b-20{
  margin-bottom: 20px;
}
.product-wrap .product-section .tx-center{
  text-align: center;
}
.product-wrap .product-section .full-img{
  max-width: 100%;
  margin: 20px 0;
}
.product-wrap .product-section.bg-darker{
  background: #171640 url('../img/product/screen_bg_darker.jpg') no-repeat 50% 50%;
  background-size: cover;
}
.product-wrap .product-section.bg-darker .product-tit{
  color: #fff;
}
.product-wrap .product-section.bg-darker .product-subtit{
  color: rgba(255,255,255,0.6);
}

.product-section .product-scene{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
}
.product-section .product-scene .product-scene-item{
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 25px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    min-height: 380px;
}
.product-section .product-scene .product-scene-item:last-child{
  margin-right: 0;
}
.product-section .product-scene .product-scene-item:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    background: linear-gradient(270deg,rgba(0,14,83,0.4),hsla(222,100%,46%,.8));
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-section .product-scene.scene-style-dark .product-scene-item:after{
  background: linear-gradient(270deg,rgba(0,14,83,0.4),rgba(0,14,83,0.8));
}
.product-section .product-scene .product-scene-item .scene-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .4s ease;
}
.product-section .product-scene .product-scene-item:hover .scene-img{
      transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
}
.product-section .product-scene .product-scene-item .scene-info{
  position: relative;
  z-index: 100;
  color: #ffffff;
  padding: 30px;
  text-shadow:0 0 6px rgba(0,0,0,0.8);
}
.product-section .product-scene .product-scene-item .scene-info .info-tit{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.product-section .product-scene .product-scene-item .scene-info .list li{
  margin-bottom: 8px;
  font-size: 15px;
}
.product-section .product-scene .product-scene-item .scene-info .info-txt{
   font-size: 15px;
   line-height: 1.6;
}

.product-section .product-value{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0;
}
.product-section .product-value .product-value-item{
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    margin-right: 25px;
    position: relative;
}
.product-section .product-value .product-value-item:last-child{
  margin-right: 0;
}
.product-section .product-value .product-value-item .value-tit{
  font-size: 22px;
  margin-top: 15px;
}
.product-section .product-value .product-value-item .ico-img{
  max-width: 86px;
}
.product-section .product-value .product-value-item .value-txt{
  font-size: 15px;
  color: #606c80;
  margin-top: 16px;
  line-height: 1.6;
  text-align: justify;
  padding: 0 5%;
}
.product-section .product-value.product-value-colfive .product-value-item{
  flex:none;
  margin-right: 0;
  gap: 20px;
  width: 20%;
  padding: 0 15px;
  margin-bottom: 25px;
} 
.product-section .product-pain{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0;
}
.product-section .product-pain .product-pain-item{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 30px;
  background-color: #ffffff;
  border-radius: 12px;
  padding-bottom: 20px;
}
.product-section .product-pain .product-pain-item:nth-child(2n){
  margin-right: 0;
}
.product-section .product-pain .product-pain-item .pain-img{
   width: 100%;
   border-top-right-radius: 12px;
   border-top-left-radius: 12px;
}
.product-section .product-pain .product-pain-item .pain-tit{
   margin-top: 15px;
   text-align: center;
   font-size: 18px;
}
.product-section .product-pain .product-pain-item .pain-txt{
  padding: 25px 15%;
  padding-top: 15px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}
.product-section .product-point{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0;
}
.product-section .product-point .product-point-item{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 30px;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
}
.product-section .product-point.solution-point-coltwo .product-point-item{
  width: 49%;
}
.product-section .product-point .product-point-item:nth-child(3n+3){
  margin-right: 0;
}
.product-section .product-point.solution-point-coltwo .product-point-item:nth-child(2n+2){
  margin-right: 0;
}
.product-section .product-point .product-point-item .point-img{
  width: 100%;
}
.product-section .product-point .product-point-item .point-ico{
  max-width: 86px;
}
.product-section .product-point .product-point-item .point-tit{
  margin-top: 20px;
}
.product-section .product-point .product-point-item .point-txt{
  margin-top: 8px;
  font-size: 15px;
  color: #606c80;
  padding: 0 10%;
  text-align: justify;
}
.product-section .product-point.point-col-four .product-point-item{
  margin-right: 2%;
  width: 23.5%;
}
.product-section .product-point.point-col-four .product-point-item:nth-child(4n+4){
  margin-right: 0;
}

.product-section .product-case{
  position: relative;
}
.product-section .product-case .case-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #ffffff;
  padding-bottom: 20px;
} 
.product-section .product-case .case-cont .case-info{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 30px;
    margin-right: 25px;
}
.product-section .product-case .case-cont .case-info .info-tit{
  font-size: 24px;
  margin-bottom: 15px;
}
.product-section .product-case .case-cont .case-info .info-subtxt{
  line-height: 1.6;
  color: #606c80;
  margin-bottom: 12px;
  font-size: 14px;
}
.product-section .product-case .case-cont .case-info .info-list{
  margin-bottom: 10px;
  color: #606c80;
  font-size: 14px;
}
.product-section .product-case .case-cont .case-info .info-list dt{
  font-weight: 700;
  margin-bottom: 10px;
}
.product-section .product-case .case-cont .case-info .info-list dd{
  margin-bottom: 6px;
}

.product-section .product-case .case-cont .case-cols{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.product-section .product-case .case-cont .case-cols .cols-left{
  width: 35%;
  margin-right: 20px;
}
.product-section .product-case .case-cont .case-cols .cols-right{
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.product-section .product-case .case-cont .case-pic{
  width: 66%;
  line-height: 0;
}
.product-section .product-case .case-cont .case-pic .img{
  width: 100%;
}
.product-section .product-case .case-cont .case-pic.dispatch-pic{
  width: 40%;
}
.product-case .case-control{
  text-align: right;
  margin-bottom: 8px;
}
.product-case .case-control .control-btn{
  display: inline-block;
  width: 50px;
  height: 50px;
  border:1px solid #999;
  margin-left: 6px;
  cursor: pointer;
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZmlsbD0iIzEyMTIxMiIgZD0iTTM4NCA4ODMuMDhjLTguMTkgMC0xNi4zOC0zLjEyLTIyLjYyLTkuMzgtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNUw2NzcuODMgNTEyIDM2MS4zOCAxOTUuNTVjLTEyLjUtMTIuNS0xMi41LTMyLjc1IDAtNDUuMjVzMzIuNzUtMTIuNSA0NS4yNSAwTDczNC40IDQ3OC4wN2MxOC43MiAxOC43MiAxOC43MiA0OS4xNiAwIDY3Ljg4TDQwNi42MiA4NzMuN2MtNi4yNCA2LjI1LTE0LjQzIDkuMzgtMjIuNjIgOS4zOHptMzA1LjE0LTM1OS43N2guMzEtLjMxeiIvPjwvc3ZnPg==') no-repeat 50% 50%;
  background-size: 25px;
}
.product-case .case-control .control-btn:hover{
  opacity: 0.8;
  border-color: #121212;
}
.product-case .case-control .control-btn.btn-prev{
  transform: rotate(180deg);
}
.product-case .case-control .control-btn.swiper-button-disabled{
  opacity: 0.2;
  cursor: not-allowed;
}
.product-section .product-case .swiper-container-horizontal>.swiper-pagination-bullets,.product-section .product-case .swiper-pagination-custom,.product-section .product-case .swiper-pagination-fraction{
  bottom: 0px;
  z-index: 100;
}



.product-section .product-case.product-count{
  padding: 20px 0;
}
.product-section .product-case.product-count .case-cont .case-info{
  /*max-height: 412px;
  overflow-y:scroll;*/
  padding-top: 0;
}
.product-section .product-case.product-count .case-cont .case-info .info-list{
  font-size: 15px;
}
.product-section .product-case.product-count .case-cont .case-info .info-list dt{
  color: #121212;
  margin-bottom: 4px;
}


/*解决方案2023*/
.product-banner-box .video-boxs.sulution-video-boxs, .product-banner-box .video-boxs.sulution-video-boxs .banner-pr{
  height: 44.4444%;
}
.solution-lgt-warehouse{
  /*background:rgb(15, 22, 31) url('../img/2023/trends_bg.svg');*/
  background:rgb(15, 22, 31) url('../img/solution/warehouse-bg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.product-wrap .product-section.solution-lgt-warehouse .product-subtit{
  color: rgba(255,255,255,0.7);
}
.product-section.solution-lgt-warehouse .product-point.point-col-four .product-point-item{
    border-radius: 20px;
    position: relative;
    background: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: rgb(5, 8, 13) 0px 12px 32px;
}
.product-section.solution-lgt-warehouse .product-point .product-point-item .point-tit{
    color: rgba(255,255,255,0.9);
}
.product-section.solution-lgt-warehouse .product-point .product-point-item .point-subtxt{
  color: rgba(255,255,255,0.6);
  margin-top: 15px;
  line-height: 1.5;
  text-align: justify;
}
.solution-lgt-warehouse .point-list{
  margin-top: 15px;
}
.solution-lgt-warehouse .point-list li{
  padding-left: 20px;
  margin-bottom: 10px;
  text-align: left;
  color: rgba(255,255,255,0.5);
  position: relative;
}
.solution-lgt-warehouse .point-list li::after{
  content: '';
  width: 6px;
  height: 6px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 8px;
  position: absolute;
  left: 4px;
  top:7px;
}
.full-img-border{
  border:solid 8px rgba(0,0,0,0.2);
  border-radius: 12px;
}
.solution-advantage{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.solution-advantage .solution-advantage-item{
    width: 48%;
    height: 158px;
    margin-bottom: 40px;
    padding: 30px 48px 30px 40px;
    background: radial-gradient(29.31% 101.63% at 72.5% -46.08%,rgba(253,179,255,.1) 12.47%,hsla(0,0%,100%,0) 100%),radial-gradient(31.01% 107.52% at 88.92% -48.37%,rgba(179,237,255,.12) 12.47%,hsla(0,0%,100%,0) 100%),linear-gradient(213.41deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
    border-radius: 8px;
    box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
    transition: all .2s linear;
}
.solution-advantage .solution-advantage-item:hover{
  -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.solution-advantage .solution-advantage-item .advantage-tit{
  margin-bottom: 8px;
  color: #202d40;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}
.solution-advantage .solution-advantage-item .advantage-txt{
    color: #606c80;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.product-section .product-point.solution-point .product-point-item{
    background: radial-gradient(29.31% 101.63% at 72.5% -46.08%,rgba(253,179,255,.1) 12.47%,hsla(0,0%,100%,0) 100%),radial-gradient(31.01% 107.52% at 88.92% -48.37%,rgba(179,237,255,.12) 12.47%,hsla(0,0%,100%,0) 100%),linear-gradient(213.41deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
    border-radius: 8px;
    box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
    transition: all .2s linear;
}
.product-section .product-point.solution-point .product-point-item:hover{
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.product-section .product-pain.solution-pain .product-pain-item{
  background-color: #fff;
  box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
  transition: all .2s linear;
}


.product-wrap .product-section.solution-case{
  padding: 0;
}
.solution-case .product-case .case-control{
  position: absolute;
  width: 160px;
  right: 15px;
  top:18px;
  z-index: 100;
}
.product-section.solution-case .product-case .case-cont .case-info .info-tit{
  font-size: 32px;
}
.product-section.solution-case .product-case .case-cont{
  padding: 0;
}
.product-section.solution-case .product-case .case-cont .case-intro{
  margin-bottom: 20px;
  font-size: 14px;
}
.product-section.solution-case .product-case .case-cont .case-intro dt{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.product-section.solution-case .product-case .case-cont .case-intro dd{
  color:#606c80;
  margin-bottom: 6px;
}
.product-section.solution-case .product-case .case-cont .case-pic{
  width: 28%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}
.product-section.solution-case .product-case .case-cont .case-pic:after{
  content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background:linear-gradient(6.85deg,#00040c .52%,rgba(65,60,170,0) 86.49%);
}

.product-section.solution-case .product-case .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: none;
  top:5px;
  height: 12px;
  left: -17.5%;
}

.product-section.solution-case .product-point.point-col-four .product-point-item{
  margin-bottom: 5px;
}
.product-section.solution-case .product-point .product-point-item .point-tit{
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px;
}
.product-section.solution-case .product-point .product-point-item .point-ico{
  width: 46px;
}
.product-section.solution-case .point-list{
  margin-top: 10px;
}
.product-section.solution-case .point-list li{
  padding-left: 12px;
  margin-bottom: 6px;
  position: relative;
  font-size: 13px;
  text-align: left;
  color: #606c80;
}
.product-section.solution-case .point-list li:after{
  content: '';
  width: 4px;
  height: 4px;
  background-color: #d5d5d5;
  border-radius: 4px;
  position: absolute;
  left: 4px;
  top: 7px;
}
.full-max-img{
  max-width: 100%;
}


.solution-case .solution-advantage .solution-advantage-item{
  padding: 15px 20px 15px 20px;
  margin-bottom: 15px;
  height: auto;
  width: 49%;
}


.city-scene-tit{
  color: rgba(255,255,255,0.9);
  font-size: 22px;
  margin-bottom: 20px;
}
.solution-city-scene{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.solution-city-scene .line-bg{
  position: absolute;
  top: 0;
  right: -120px;
  z-index: 1;
  width: 240px;
  height: 100%;
  background: linear-gradient(270deg,rgba(3,22,87,1) 29.09%,hsla(0,0%,100%,0));
}
.solution-city-scene .img{
  width: 100%;
}
.solution-city-scene .swiper-container {
    padding-left: calc((100% - 1280px) / 2);
}
.solution-city-scene .swiper-container  .swiper-slide{
  width: auto;
}
.solution-city-scene .scene-item{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
}
.solution-city-scene .scene-item .item-tit{
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 20px 0;
}
.solution-city-scene .scene-btn-cont{
  text-align: center;
  margin-top: 20px;
}
.solution-city-scene .scene-btn-cont .scene-btn{
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 32px;
  cursor: pointer;
  display: inline-block;
}
.solution-city-scene .scene-btn-cont .scene-btn path{
  fill: rgba(255, 255, 255,0.6);
  stroke: rgba(255, 255, 255,0.6);
}
.solution-city-scene .scene-btn-cont .scene-btn:hover{
  background: #3a89fe;
    border: 1px solid #3a89fe;
}
.solution-city-scene .scene-btn-cont .scene-btn.swiper-button-disabled,.solution-city-scene .scene-btn-cont .scene-btn.swiper-button-disabled:hover{
  background: linear-gradient(160.31deg, rgba(140, 169, 255, 0.14) 14.78%, rgba(111, 129, 176, 0.14) 93.91%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  opacity: 0.4;
}

.product-section .product-pain.solution-pain.automation-pain-col3 .product-pain-item{
  box-shadow: rgb(5, 8, 13) 0px 12px 32px;
} 

.product-section .product-pain.automation-pain-col3 .product-pain-item{
  width: 32%;
}
.product-section .product-pain.automation-pain-col3 .product-pain-item:nth-child(2n){
  margin-right: 2%;
}
.product-section .product-pain.automation-pain-col3 .product-pain-item:nth-child(3n){
  margin-right: 0;
}
.product-section .product-pain.automation-pain-col3 .product-pain-item .pain-txt{
  color: rgba(0,0,0,0.6);
  font-size: 15px;
}

.automation-slide{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.automation-slide .slide-cont{
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 25px;
}
.automation-slide .slide-cont .tit{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}
.automation-slide .slide-cont .list{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.automation-slide .slide-cont .list .list-item{
  margin-bottom: 20px;
  font-size: 15px;
  text-align: center;
}
.automation-slide .slide-cont .list.list-col5 .list-item{
  width: 20%;
}
.automation-slide .slide-cont .list.list-col3 .list-item{
  width: 33.3333%;
}
.automation-slide .slide-cont .list .item-img{
  width: 68px;
  height: 68px;
  border-radius: 68px;
}
.automation-slide .slide-cont .list .img-scal{
  width: 86px;
  height: 86px;
  border-radius: 68px;
}
.automation-slide .slide-cont .list-txt{
  padding: 40px 0 0 60px;
}
.automation-slide .slide-cont .list-txt dt{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: left;
}
.automation-slide .slide-cont .list-txt dd{
  position: relative;
  padding-left: 14px;
  font-size: 15px;
  margin-bottom: 10px;
}
.automation-slide .slide-cont .list-txt dd::after{
    content: '';
    width: 4px;
    height: 4px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 8px;
    position: absolute;
    left: 4px;
    top: 8px;
}
.automation-slide .slide-cont .indent-txt{
  line-height: 1.8;
  text-indent: 4ch;
}
.automation-slide .slide-img{
  width: 50%;
}
.automation-slide .slide-img .img{
  width: 100%;
}

.smartstick-section .solution-advantage .solution-advantage-item{
  height: auto;
  padding: 15px 25px;
  margin-bottom: 15px;
}
.smartstick-slide{
  text-align: center;
  padding: 20px;
  margin: 20px;
  background: radial-gradient(29.31% 101.63% at 72.5% -46.08%,rgba(253,179,255,.1) 12.47%,hsla(0,0%,100%,0) 100%),radial-gradient(31.01% 107.52% at 88.92% -48.37%,rgba(179,237,255,.12) 12.47%,hsla(0,0%,100%,0) 100%),linear-gradient(213.41deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
  border-radius:6px;
  box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
}
.smartstick-slide .swiper-container{
  padding-bottom: 40px;
}
.smartstick-slide .slide-tit{font-size: 18px;font-weight: 700;margin-bottom: 15px;}
.smartstick-slide .slide-subtxt p{
  line-height: 1.8;
  color: #666;
  margin-bottom: 15px;
  text-align: justify;
}
.smartstick-slide .img{height: 280px;}
.smartstick-slide .img-big{max-width: 800px;}


.smartstick-ad-cont{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.smartstick-ad-cont .ad-menu{
  width: 168px;
}
.smartstick-ad-cont .ad-menu .menu-item{
  position: relative;
  padding: 24px 25px;
  background-color: #f0f2f5;
  color: #333;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #fff;
  border-right: none;
}
.smartstick-ad-cont .ad-menu .menu-item.active{
  border:1px solid #0D53FF;
  background-color: #ffffff;
  border-right: none;
}
.smartstick-ad-cont .ad-cont{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.smartstick-ad-cont .ad-cont .cont-item{
  padding: 20px;
  display: none;
  border: 1px solid #ddd;
  border-left: none;
  height: 513px;
}
.smartstick-ad-cont .ad-cont .cont-item.active{
  display: block;
}
.smartstick-ad-cont .ad-cont .cont-item p{
  text-align: left;
  margin-bottom: 15px;
  color: #666;
  line-height: 1.8;
  font-size: 15px;
}

.digitalize-fac{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.digitalize-fac .fac-img{
  width: 320px;
  height: 560px;
  background: url('../img/solution/digitalize_factory_case5.jpg?v=2035') no-repeat;
  background-size: cover;
  background-position: 50%;
  margin-right: 20px;
}
.digitalize-fac .fac-cont{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.digitalize-fac .fac-cont .tits{
    font-size: 32px;
    font-weight: 700;
    color: #202d40;
    margin-bottom: 10px
}
.digitalize-fac .cont-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 25px;
}
.digitalize-fac .cont-list .list-item{
    -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 10px;
  font-size: 14px;
}
.digitalize-fac .cont-list .list-item .tit{
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.digitalize-fac .cont-list .list-item .sub{
  margin-top: 8px;
}
.digitalize-fac .cont-list .list-item .list li{
  padding-left: 12px;
  margin-top: 8px;
  position: relative;
}
.digitalize-fac .cont-list .list-item .list li:after{
  
  content: '';
    width: 4px;
    height: 4px;
    background-color: #d5d5d5;
    border-radius: 4px;
    position: absolute;
    left: 4px;
    top: 7px;
}

.park-value-img{
  text-align: left;
  padding: 0 5%;
}
.park-value-list{
  font-size: 15px;
  color: #606c80;
}
.park-value-list .items{
  position: relative;
  margin-bottom: 12px;
  padding-left: 14px;
}
.park-value-list .items:after{
  content: '';
  width: 4px;
  height: 4px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 8px;
  position: absolute;
  left: 4px;
  top: 8px;
}
.smartstick-slide.park-slide-sec{
  padding: 0;
}
.park-slide-sec .smartstick-ad-cont .ad-menu{
  width: 188px;
}
.smartstick-slide.park-slide-sec .img{
  max-width: 100%;
  height: auto;
}
.smartstick-slide.park-slide-sec .smartstick-ad-cont .ad-cont .cont-item{
  height: 555px;
}
.smartstick-slide.park-slide-sec .smartstick-ad-cont .ad-menu .menu-item{
  padding-top:22px;
  padding-bottom: 22px;
}

.lighting-slide,.lighting-model-slide,.lighting-wifi-slide{
  position: relative;
}
.lighting-btn-prev{
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  top:50%;
  margin-top: -20px;
  background:url('../img/product/lighting_arrow_left.png') no-repeat;
  background-size: 20px;
  position: 50% 50%;
  z-index: 100;
  cursor: pointer;
}
.lighting-btn-next{
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  top:50%;
  margin-top: -20px;
  background:url('../img/product/lighting_arrow_right.png') no-repeat;
  background-size: 20px;
  position: 50% 50%;
  z-index: 100;
  cursor: pointer;
}
.lighting-model-slide{
  text-align: center;
}
/*多功能智慧杆产品*/
.stick-nav{
    text-align: center;
    margin-bottom: -22px;
}
.stick-nav .nav-item{
  display: inline-block;
  padding: 15px 20px;
  margin: 0 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: radial-gradient(29.31% 101.63% at 72.5% -46.08%,rgba(253,179,255,.1) 12.47%,hsla(0,0%,100%,0) 100%),radial-gradient(31.01% 107.52% at 88.92% -48.37%,rgba(179,237,255,.12) 12.47%,hsla(0,0%,100%,0) 100%),linear-gradient(213.41deg,#f3f5f8 24.37%,#fff 80.13%),#fff;
  box-shadow: 27px 11px 24px rgba(210,218,227,.24), 0 14px 48px rgba(210,218,227,.24), -8px 0 31px hsla(0,0%,100%,.9), -1px 1px 21px hsla(0,0%,100%,.9), inset -3px 3px 0 hsla(0,0%,100%,.94), inset 4px -2px 0 #fff, inset 0 43px 44px rgba(237,241,245,.26);
  cursor: pointer;
}
.stick-nav .nav-item.active{

}
.smartstick-blue-txt{
  border: 1px solid rgba(0,179,253,.5);
  background: rgba(0,179,253,.1);
  padding: 15px;
  color: #666;
  line-height: 1.8;
} 

/*口号*/
.g-slogan{
    /*background: #377ef5 url('../img/g-slogan-bg.jpg') no-repeat 50% 0;*/
    background: linear-gradient(
        90deg,
        #6139f6 0.126%,
        #524af1 44.067%,
        #0D53FF 97.163%
    );
    padding: 30px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-shadow:0 0 2px rgba(0,0,0,0.5);
        animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Firefox: */
    -moz-animation: bannerAnimation 2s linear 1s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: bannerAnimation 2s linear 1s infinite alternate;
    position: relative;
}
.g-slogan::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top:0;
  background: url('../img/2023/g-slogan-bg.png');
  background-repeat: no-repeat;
  background-position: 50% 10%;
  background-size:100%;
}
.g-slogan p{
  position: relative;
  z-index: 10;
}


/*footer*/
.footer{
    width:100%;
    /*background-color:#00184e;*/
    background-color: #0f0e0f;
    color:rgba(255,255,255,0.6);
    text-align: center;
    font-size:14px;
    /*background: -webkit-linear-gradient(150deg,#07206c 15%,#00184e 70%,#00184e 94%);
    background: linear-gradient(150deg,#07206c 15%,#00184e 70%,#00184e 94%);*/
    position: relative;  
}
.footer:after{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-image: url('../img/footer-bg.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.footer .container{
    z-index: 1;
}
.footer .footer-wrap{
    padding: 40px 0;
}
.footer .footer-item{
    width: 15%;
    float: left;
    text-align: left;
}
.footer .footer-item.item-coltwo{
   width: 28%;
}
.footer .footer-item dt{
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    color: #ffffff;
}
.footer .footer-item dt i{
    width: 50px;
    height: 50px;
    background: url('../img/icon-dd2.png') no-repeat center center / 14px auto;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all .2s ease;
    display: none;
}
.footer .footer-item dt.cur i{
        transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.footer .footer-item dd{
    margin-top: 15px;
}
.footer .footer-item dd a{
    display: block;
    padding: 5px 0;
    line-height: 24px;
    transition: all .4s ease;
}
.footer .footer-item.item-coltwo dd a{
  display: inline-block;
  width: 50%;
  float: left;
}

.footer .footer-item dd a:hover{
    letter-spacing:.1em;
    color:#336dff;
}
.footer .footer-item .link-list li{
    width: 50%;
    float: left;
}
.footer .footer-item .link-list li a{
    line-height: 32px;
}
.footer .footer-item .address-list li{
    line-height: 32px;
}
.footer .footer-item .address-list li img{
    display: inline-block;
    width: 15px;
    vertical-align: middle;
    margin-left: 6px;
}
.mobile-link{
    text-align: center;
    padding: .24rem 0 .68rem 0;
    display:none;
}
.mobile-link a{
    display: inline-block;
    text-decoration: none;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    background-color: #0636c6;
    border-radius: 1.8rem;
    margin: 0 .25rem;
    box-shadow: 0 0 .16rem rgba(0,0,0,0.4)
}
.mobile-link a img{
    display: inline-block;
    width: .75rem;
    vertical-align: middle;
}
.mobile-link a img.tel{
    width: .9rem;
}
.footer .footer-item.footer-qr{
   width: 24%;
} 
.footer .footer-qr{
    text-align: left;
}
.footer .footer-qr .tel{
  font-size: 30px;
  color: #fff;
  margin-bottom: 11px;
  height: 30px;
  font-weight: 500;
  line-height: 30px;
}
.footer .footer-qr .time{
    font-size: 12px;
    color: #fff;
    opacity: .6;
    margin-bottom: 42px;
}
.footer .footer-qr .qr{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 0;
}
.footer .footer-qr .qr .gzh img{
  width: 110px;
}
.footer .footer-qr .qr p{
  font-size: 12px;
  color: #fff;
  opacity: .6;
  height: 18px;
  line-height: 18px;
  margin-top: 8px;
}

.footer a{
    text-decoration:none;
    color:rgba(255,255,255,0.6);
}
.footer a:hover{
    color: #336dff;
}
.footer .footer-info{
    padding:24px 0;
    border-top:1px solid rgba(255,255,255,0.1);
}

@media (min-height:1080px) and (max-width:1920px){

}
@media screen and (max-width:1600px){
   
}
@media screen and (max-width:1440px){
   /*.n-banner-box .video-boxs, .n-banner-box .video-boxs .banner-pr{height: 580px;}*/
}
@media screen and (max-width:1366px){
   
}
@media screen and (max-width:1280px){
  .container{width: 100%;margin: 0;padding: 0 20px;}

  /*2023 首页-解决方案*/
  .solution2023-inner .solution2023-inner-item{
    width: 23.5%;
    margin-right: 2%;
  }
  .solution2023-inner .solution2023-inner-item:last-child{
    margin-right: 0;
  }
  .solution2023-inner .item-link{width: 100%;}
}
@media screen and (max-device-width: 1366px) and (orientation: landscape) {  
   
}
@media screen and (max-device-width: 1366px) and (orientation: portrait) {  
    
}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {  
    /*屏宽小于1024px的横屏ipad设备*/
}
@media screen and (max-device-width: 1024px) and (orientation: portrait) {  
    /*屏宽小于1024px的竖屏ipad设备*/
}
/* 设备竖屏时调用该段css代码 */
/*@media all and (orientation : portrait){*/
@media screen and (max-width: 1024px) {
  /*header*/
  .header{padding: 0 20px;}

  /*index*/
  .index-banner-inner{top:20%;}
  .index-banner-inner .tit{font-size: 18px;padding-top: 0;}
  .index-banner-inner .banner-link{font-size: 18px;margin-top: 0px;}
  .go-down-btn{bottom: 4%;}
  .index-news{width: 100%;padding: 0 4%;}
  .index-news .n-tit{margin-right: 10px;}
  .index-news .n-more{margin-left: 10px;}
  .index-solution .solution-l{width: 48.5%}
  .index-solution .solution-r{width: 48.5%;}
  
  /*about*/
  .g-about-inner{padding: 40px 4%;}
  .about-main .cont-wrap{padding-top: 0;}
  .about-main .cont-wrap .sub-tit{margin-top: 10px;}
  .about-main .cont-wrap{width: 45%;}
  .about-main .about-even-li .cont-wrap{margin-right: 0;}
  .about-main .about-odd-li .cont-wrap{margin-left: 0;}


  .n-banner-box .video-boxs .all-box, .n-banner-box .video-boxs .all-box-img{width: 100%;}
  /*软件解决方案*/
  .software-cols .item .detail-box{padding: 0 15px;}

  .footer .footer-wrap{padding: 20px;}
}

@media screen and (max-width:820px){
    html{font-size: 40px;}
    body{font-size: .8rem;line-height: 1;}
    .container{padding:0;margin: 0;}
     /*header*/
    .header{padding: 0 1rem}
    .header .site-menu{display:none;}
    .title-bar-toggle {display: inline-block;cursor: pointer;background-color: rgba(255,255,255,0);right: 0rem;top:.4rem;padding-top: 0;width: 1.20rem;height: 1.4rem;}
    .title-bar-toggle span{margin: 0.315rem 0;height: 0.09rem;}
    .header .logo a.a-glass{height: 2.2rem;background-size: 6rem;width:8rem;}
  
    .header.header-fix .title-bar-toggle span,.header.header-has-active .title-bar-toggle span{background-color: #121212;}

    /*index*/
    .index-show .show-block{background-size: cover;}
    .index-show .show-cont .tit{font-size: 1.2rem;font-weight:600;}
    .index-show .show-cont .show-sub-txt-1{font-size: .7rem;}
    .index-show .show-cont .show-link{height: auto;line-height: 1.8rem;font-size: .7rem;padding: 0 1.2rem;border-width: 0.05rem;border-radius: 1rem;}
    .go-down-btn{display: none;}
    .index-coreproduction{padding-top: 1.5rem;margin-bottom:0;}
    .index-coreproduction .coreproduction-block .letter,.index-solution2023 .solution2023-block .letter,.index-brand .brand-block .letter,.index-trends .trends-block .letter,.index-core .core-block .letter{display: none;}
    .index-coreproduction .coreproduction-block .tits,.index-solution2023 .solution2023-block .tits,.index-brand .brand-block .tits,.index-trends .trends-block .tits,.index-core .core-block .tits{position: relative;font-size: 1rem;line-height: 1.2rem;}
    .index-coreproduction .coreproduction-tit .sub-txt,.index-solution2023 .solution2023-tit .sub-txt,.index-brand .brand-tit .sub-txt,.index-core .core-tit .sub-txt{font-size: .6rem;margin-top: .5rem;}
    .coreproduction-inner{display: block;padding: 0 .6rem;margin-top: 1.2rem;}
    .coreproduction-inner .coreproduction-inner-item{padding: .8rem 1rem;margin-right: 0;margin-top: .6rem;border-radius: .6rem;height: auto;padding-bottom: 3.15rem;}
    .coreproduction-inner .coreproduction-inner-item .tit{font-size: .8rem;margin-bottom: .375rem;}
    .coreproduction-inner .coreproduction-inner-item .tit img{width:1.1rem;margin-top: -.2rem;margin-right: .2rem;}
    .coreproduction-inner .coreproduction-inner-item .desc{font-size: .5rem;line-height: 1.5;margin-bottom: .4rem;}
    .coreproduction-inner .coreproduction-inner-item .poit-list li{padding: .2rem 0;font-size: .45rem;padding-left: .7rem;background-size: .6rem;line-height: 1.4;}

    .coreproduction-inner .coreproduction-inner-item .link-btn{height: 1.4rem;line-height: 1.4rem;font-size: .6rem;padding: 0 1.2rem;width: auto;border-radius: .25rem;margin-left: -2.75rem;bottom:.625rem;}
    .coreproduction-inner .coreproduction-inner-item .link-btn img{width: .5rem;margin-left: .2rem;}

    .index-solution2023{padding-top: 1.5rem;padding-bottom: 1.2rem;}
    .solution2023-inner{margin-top: 1.2rem;display: block;color: #121212;padding: 0 .6rem;}
    .solution2023-inner .solution2023-inner-item{max-width:100%;width: 100%;margin-right: 0;margin-bottom: .8rem;max-height:9.2rem;height: 9.2rem;}
    .solution2023-inner .item-link{padding: .6rem 0 .6rem 1.2rem;height:3.2rem;}
    .solution2023-inner .item-link .tit{font-size: .8rem;line-height: 1;margin-bottom:0rem;}
    .solution2023-inner .item-link .desc-wrapper{margin-top: .15rem;}
    .solution2023-inner .item-link .option_desc{font-size: .5rem;}
    .solution2023-inner .item-link .desc-list{margin-top: 1rem;}

    .index-brand{margin-top: 1.2rem;margin-bottom: 1.2rem;}
    .index-brand .brand-tit .sub-txt{padding: 0 10%;line-height: 1.4;}
    .index-brand .brand-tag{height: 10rem;}
    .index-brand .brand-tag .tag-mask{height: 10rem;}
    .index-brand .brand-tag .tag-ul{margin-top: .5rem;}
    .index-brand .brand-tag .tag-ul li{height: 10rem;}
    .index-trends{padding-top: 1.5rem;padding-bottom: 1.2rem;}
    .index-trends .trends-cont{padding-top: .75rem;}
    .index-trends .trends-cont .trends-tabs{border-radius: 1.4rem;padding: .1rem;}
    .trends-cont .trends-tabs .tabs-item{height: 1.4rem;line-height: 1.4rem;padding: 0 1rem;border-radius: 1.4rem;font-size: .725rem;cursor: none;}
    .trends-cont .tabs-cont{padding-top: .7rem;}
    .trends-cont .trends-wrap{display: block;padding: 0 .6rem;}
    .trends-cont .trends-wrap .wrap-l{margin-right: 0;width: 100%;padding: .5rem;margin-bottom: .6rem;}
    .trends-cont .trends-wrap .wrap-l .l-img{height: 8.5rem;}
    .trends-cont .trends-wrap .wrap-l .l-tit{font-size: .8rem;margin-top: .375rem;margin-bottom: .25rem;line-height: 1.2;}
    .trends-cont .trends-wrap .wrap-l .l-desc{font-size: .6rem;line-height: 1.2;}
    .trends-cont .trends-wrap .wrap-r .r-item{padding: .6rem;}
    .trends-cont .trends-wrap .wrap-r .r-item .r-tit{font-size: .8rem;line-height: 1.2;margin-bottom: .25rem;}
    .trends-cont .trends-wrap .wrap-r .r-item .r-desc{font-size: .6rem;line-height: 1.2;}
    .trends-cont .trends-wrap .wrap-r .r-item .r-time{font-size: .6rem;margin-top: .2rem;}
    .trends-cont .tabs-cont .learnmore-btn{height:auto;line-height: 1.8rem;font-size: .7rem;margin-top: 1.2rem;padding: 0 1.2rem;border-radius: 1rem;border-width: 0.05rem;}
    .index-core{padding: 1.5rem 0;padding-bottom: 1.2rem;}
    .index-core .core-cont{padding-top: 1rem;padding-bottom: 0;display: block;padding-left: .6rem;padding-right: .6rem;}
    .index-core .core-cont .core-item{margin-right: 0;margin-bottom: 1.2rem;display: block;}
    .index-core .core-cont .core-item .img{border-radius: .5rem;height: 8rem; -webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .index-core .core-cont .core-item .info{margin-top: .25rem;}
    .index-core .core-cont .core-item .info h3{font-size: .725rem;}
    .index-core .core-cont .core-item .info p{font-size: .6rem;margin-top: .25rem;}

    .index-show .show-block .fc-vidio{width: 100%;}


    .gotop{width: 1.8rem;height: 1.8rem;border-radius: 1.8rem;background-size: 1rem;right: .75rem;bottom: 1.2rem;}
    .g-slogan{padding: .5rem 10%;font-size: .7rem;line-height: 1.4;}

    .index-video-inner{width: 100%;padding: 0 6%;margin: 0;margin-left: 0;left: 0;}
    .index-video-inner .tit{line-height:1.6;}
    .index-news{width: 100%;padding: 0 4%;}
    .index-news .n-tit{margin-right: 10px;}
    .index-news .n-more{margin-left: 10px;}
    .index-banner-inner{width: 100%;margin-left: 0;left: 0;}
    .index-banner-inner .img1, .index-banner-inner .img2{width: 178px;}
    .index-banner-inner .tit{padding: 0 6%;line-height: 1.8;margin-top: 24px;font-size: 16px;}
    .index-solution{padding: 34px 0;}
    .index-solution .solution-l{width: 100%;}
    .index-solution .solution-r{width: 100%;}
    .index-solution .solution-box{margin-bottom: 20px;max-width: 100%;width: 100%;}
    .index-solution .solution-box .pic1{display: none;}
    .index-solution .solution-box .pic2{display: block;}
    .index-solution .solution-box .text{padding: 0 4% 20px 4%;}
    .index-solution .solution-box .text .tit{font-size: 24px;font-weight: 400;}
    .index-solution .solution-box .text .txt{font-size: 15px;margin-top: 20px;line-height: 1.6;}
    #indexLine{height: 24px;}
    .index-about{margin-top:0;padding-bottom: 120px;}
    .index-about-inner{padding-top: 24px;margin: 0 4%;box-shadow:0 0 4px rgba(0,0,0,0.02)}
    .index-about-tit{margin-bottom:20px;padding-bottom: 10px;font-size: 24px;}
    .index-about-tit:after{height: 2px;width: 38px;margin-left: -19px;}
    .index-about-intro{padding:15px 20px;line-height: 2;font-size: 15px;}
    .index-about-inner dl{padding: 8px 4% 36px 4%;}
    .index-about-inner dl dd{font-size:18px;}
    .index-about-inner dl dd span{font-size: 32px;}
    .index-about-inner dl dd p{font-size: 15px;}
    
    

    
    
    
    

    
     /*about*/
     .g-about-inner{padding: 40px 4%;}
     .our-history{display: none;}
     .our-history-img{display: none;}
     .our-history-img-mobile{display: block;}
    .history-b-cont .date:after{bottom:-64px;}
    .history-b-cont .date{font-size: 22px;}
    .history-b-cont .note{font-size: 16px;}

    /*more*/
    .page-more-inner{display: block;}
    .page-more-inner .left-box *{box-sizing: border-box;}
    .page-more-inner .left-box{
        padding:0 0 8px 0;
        position: relative;
        width: 100%;
        min-width: 100%;
        overflow: hidden;
    }
    .page-more-inner .left-box:after{
        position: absolute;
        top: 0;
        bottom: 1px;
        right: 0;
        display: block;
        width: 48px;
        height: 50px;
        pointer-events: none;
        content: "";
        background: -webkit-linear-gradient(left, hsla(0,0%,100%,0) 0%, #fff 95%, #fff);
        background: -o-linear-gradient(left, hsla(0,0%,100%,0) 0%, #fff 95%, #fff);
        background: linear-gradient(to right, hsla(0,0%,100%,0) 0%, #fff 95%, #fff);
        display: none;
    }
    .page-more-inner .left-box li:after{
        left: 20px;
        right: 20px;
        display: none;
    }
    .page-more-inner .left-box ul.left-mune{
        font-size: 0;
        overflow: scroll;
        white-space: nowrap;
        display: flex;
    }
    .page-more-inner .left-box ul.left-mune::-webkit-scrollbar{
        display:none;
    }
    .page-more-inner .left-box li.active .arrow{
        display: none;
    }
    .page-more-inner .left-box ul.left-mune li{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex: 1;
        padding: 0 18px;
        flex-direction: column;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .page-more-inner .left-box ul.left-mune li:before{height: 100%;display: none;}

    .page-more-inner .right-box{padding: 20px 4%;}
    .page-more-inner .right-box h2{font-size: 18px;margin-bottom: 16px;}
    .page-more-inner .c-text h4{font-size: 16px;margin-bottom: .26rem;}
    .page-more-inner .c-text p{font-size: 15px;line-height: 2;margin-bottom: 24px;}
    .page-more-inner .c-contract .addr-box{margin-top: 14px;margin-bottom: 18px;}
    .page-more-inner .c-contract .addr-box .addr-item span{font-size: 15px;}
    .page-more-inner .c-contract .addr-box .addr-item{font-size: 15px;}
    .page-more-inner .c-contract .list-box{display: block;padding-top: .28rem;}
    .page-more-inner .c-contract .list-box ul{flex:none;width: 100%;padding-bottom: .24rem;}
    .page-more-inner .c-contract .list-box li{margin-bottom: .28rem;}
    .page-more-inner .c-contract .list-box h4{font-size: 18px;margin-bottom: 10px;}
    .page-more-inner .c-media .tit-desc{font-size: 14px;}
    .page-more-inner .c-media .media-cont ul.active-box li{display: block;width: 100%;margin:0;margin-bottom: 14px;}


    /*footer*/
    .footer{font-size: .5rem;}
    .footer .footer-wrap{padding: .6rem;}
    .footer .footer-item.item-coltwo{width: 100%;}
    .footer .footer-item{width:100%;float:none;margin-bottom:.25rem;border-bottom:1px solid rgba(0,0,0,0.12);}
    .footer .footer-item dt{line-height:2rem;font-weight: 400;font-size: .7rem;}
    .footer .footer-item dt i{display: block;opacity: 0.7;width: 1.4rem;height: 1.4rem;background-size: .6rem;margin-top: .125rem;}
    .footer .footer-item dd{margin: 0;display: none;}
    .footer .footer-item dd a{line-height:2rem;padding-left:.5rem;font-size: .7rem;padding-top: 0;padding-bottom: 0;}
    .footer .footer-item.item-coltwo dd a{width: 100%;float: none;display: block;}
    .footer .footer-item .link-list li{width:100%;border-bottom:1px solid rgba(0,0,0,0.12);}
    .footer .footer-item .link-list li a{display: block;line-height:32px;position: relative;}
    .footer .footer-item .address-list li{line-height: 2;}
    .footer .footer-item.footer-qr{width: 100%;text-align: center;margin-top: .5rem;}
    .footer .footer-qr .qr{display: block;text-align: center;}
    .footer .footer-qr .tel{font-size: 1.15rem;line-height: 1.2;height: auto;margin-bottom: .2rem;}
    .footer .footer-qr .time{font-size: .5rem;margin-bottom: .5rem;}
    .footer .footer-qr .qr .gzh img{width: 4rem;}
    .footer .footer-qr .qr p{font-size: .5rem}
    .footer .footer-qr img{width: 120px;}
    .footer .footer-info{padding: .485rem 0;line-height: 1.4;}


    /*2023 关于我们*/
    .o-banner{margin-top: 2.2rem;height:12rem;}
    .o-banner .o-banner-cont{width: auto;padding: 0 .6rem;}
    .o-banner .o-banner-cont .tit{font-size: 1.2rem;}
    .o-banner .o-banner-cont .sub-txt{font-size: .8rem;}
    .about-intro .about-intro-cont{display: block;padding:1.5rem 0 1.2rem 0;}
    .about-intro .about-intro-cont .intro-cont-tit{width:auto;font-size: 1rem;margin-bottom: .6rem;}
    .about-intro .about-intro-cont .intro-cont-info{padding: 0 .6rem;}
    .about-intro .about-intro-cont .intro-cont-info .txt{font-size: .7rem;line-height: 1.5;margin-bottom: 1rem;}
    .about-intro .about-intro-cont .culture-item{margin-bottom: .8rem;}
    .about-intro .about-intro-cont .culture-item h3{font-size: .8rem;}
    .about-intro .about-intro-cont .culture-item p{font-size: .7rem;line-height: 1.5;}
    .about-intro .about-intro-cont .culture-item .culture-img{width: 100%;}
    .about-data{padding: 1.5rem 0;}
    .about-data .data-cont-tit{font-size: 1rem;padding: .6rem 0;padding-bottom: 1.2rem;}
    .about-data .data-cont-sub .sub-item h2{font-size: 1.2rem;}
    .about-data .data-cont-sub .sub-item p{font-size: .6rem;}
    .about-story{padding: 1.5rem 0;}
    .about-story .about-story-tit{font-size: 1rem;margin-bottom: .8rem;}
    .about-story .about-story-subtit{font-size: .7rem;padding: 0 .6rem;line-height: 1.5;}
    .about-story-wrap .story-item .tit{font-size: .8rem;padding: .5rem 0;}
    .about-story-wrap .story-item .story-list{margin-top: 1.5rem;}
    .about-story-wrap .story-item .cicle{top:2rem;}
    .about-story-wrap .story-item .story-list .list-item{font-size: .7rem;margin-bottom: .5rem;}
    .about-story .about-story-wrap{margin-top: 1.2rem;}
    .about-story-wrap .story-btn{margin-top: 1rem;}
    .about-story-wrap .story-btn .item-btn{width: 1.8rem;height: 1.8rem;border-radius: 1.8rem;line-height: 1.8rem;border-width: 0.05rem;background-size: .8rem;}
    .about-story .about-story-cont{background-position: 50% 7.15rem;}
    .about-honor{padding: 1.5rem 0 1rem 0;}
    .about-honor .about-honor-tit{font-size: 1rem;margin-bottom: .5rem;}
    .about-honor .about-honor-subtit{font-size: .7rem;padding: 0 .6rem;}

    .contact-info{padding: 1.5rem 0;}
    .contact-info .info-tit{font-size: 1rem;}
    .contact-info .info-cont{display: block;margin-top: .8rem;padding: 0 .6rem;}
    .contact-info .info-cont .item{margin-right: 0;border-width: 0.05rem;margin-bottom: .6rem;padding: .8rem;}
    .contact-info .info-cont .item .img{max-width: 2.2rem;}
    .contact-info .info-cont .item .name{font-size: .8rem;}
    .contact-info .info-cont .item .date{font-size: .7rem;margin: .5rem 0;}
    .contact-info .info-cont .item .links{font-size: .7rem;}
    .contact-info .info-cont .item .qr{width: 4.8rem;}
    .contact-info .company-cont{margin-top: .8rem;display: block;padding: 0 .6rem;}
    .contact-info .company-cont .item{margin-right: 0;max-width: 100%;margin-bottom: .6rem;}
    .contact-info .company-cont .item .name{font-size: .8rem;padding: 0 .8rem;margin-top: .6rem;}
    .contact-info .company-cont .item .address{font-size: .7rem;padding: 0 .8rem;}
    .contact-join .join-cont .join-tit{font-size: 1rem;}
    .contact-info.contact-join{padding: 2.5rem 0;}
    .contact-join .join-cont .join-btn{line-height: 1.8rem;margin-top: 1.2rem;border-radius: 1.8rem;border-width: 0.05rem;font-size: .7rem;padding: 0 1rem;}
    .contact-source .source-cont{display: block;margin-top: .8rem;padding: 0 .6rem;}
    .contact-source .source-cont .item{margin-right: 0;max-width: 100%;margin-bottom: .6rem;padding-bottom: .8rem;}
    .contact-source .source-cont .item .name{padding:0 .8rem;font-size: .7rem;margin-top: .8rem;margin-bottom: .25rem;}
    .contact-source .source-cont .item .btn{width: .7rem;height: .7rem;right: .8rem;background-size: .8rem;}

    /*新闻动态*/
    .g-banner-news{background-position: center 0;background-size: cover;height:12rem}
    .g-banner .g-banner-size{margin-top: 0;}
    .g-banner h1{font-size: 1.2rem;}
    .g-sub-cont{margin-top: 0;}
    .g-news-inner{padding:1.5rem .6rem;}
    .news-tabs{padding-bottom: .8rem;}
    .news-tabs .tabs-item{border-width: 0.05rem;line-height: 1.8rem;padding: 0 .8rem;margin: 0 0.25rem;font-size: .7rem;}
    .news-list-box li{height: auto;padding-top:.6rem;padding-bottom: 0;}
    .news-list-box li .li-box {display: block;height: auto;}
    .news-list-box li .img-box{width: 100%;height:8.6rem;position: relative;}
    .news-list-box li .text-box {padding-top: 0.32rem;padding-bottom:.6rem;margin: 0;width: 100%;padding-left: 0;height: auto;}
    .news-list-box li .text-box h3{font-size: .8rem;line-height: 1.2;margin-bottom: 0.125rem;}
    .news-list-box li .text-box p.ellips2{font-size: .7rem;line-height: 1.2;height: 1.625rem;}
    .news-list-box li .text-box .info-box{margin: 0.5rem 0 0.22rem 0;}
    .news-list-box li .text-box .info-box span.pr{font-size: .6rem;}
    .news-list-box li .text-box .links-more{line-height: 1.8rem;font-size: .7rem;padding: 0 1rem;width: auto;margin-top: .5rem;}

    .g-news-inner .tit-box{padding-bottom: .45rem;border-bottom-width: 0.05rem;}
    .g-news-inner .info-tit{font-size: 1.2rem;line-height: 1.2;}
    .g-news-inner .info-date{font-size: .5rem;line-height: 1.2;margin-top: 0.5rem;}
    .g-news-inner .info-cont{padding-top: 0.5rem;}
    .g-news-inner .info-cont p{font-size: .7rem;line-height: 1.6;margin-bottom: 0.5rem;}
    .g-news-inner .info-cont img{margin-bottom: 0.5rem;}

    /*案例分享*/
    .case-list-laout{padding: 1.5rem 0 0 0;}
    .case-list-laout .case-list-link{margin-bottom:0;}
    .case-list-laout .list-item{display: block;padding: 0 .6rem;border-bottom:.6rem solid #f0f0f0;padding-bottom: .6rem;}
    .case-list-laout .list-item .item-img .lock{height: auto;}
    .case-list-laout .list-item .item-txt{max-width: 100%;padding-bottom: .6rem;padding-top: .6rem;display: block;}
    .case-list-laout .list-item .item-tit{font-size: .8rem;margin: .45rem 0 .45rem 0;}
    .case-list-laout .list-item .item-subtxt{font-size: .7rem;line-height: 1.5;margin-bottom: .6rem;}
    .case-list-laout .list-item .item-txt .btn{border-width: 0.05rem;font-size: .7rem;line-height: 1.8rem;padding: 0 1.2rem;width: auto;display: inline-block;}

    .g-case{height: 14rem;}
    .g-case .g-case-hd{width: 100%;}
    .g-case .g-case-hd .tits{font-size: 1.2rem;padding: .8rem 0;}
    .case-global{padding: 1.5rem 0;}
    .case-global .global-inner{max-width:100%;margin: 0;padding: 0 .6rem;}
    .global-inner .inner-img{margin-bottom: .6rem;}
    .global-inner .inner-txt{font-size: .7rem;margin-bottom: .8rem;}
    .global-inner .inner-tit-big{font-size: .9rem;padding: .25rem 0;margin-bottom: .8rem;}
    .global-inner .inner-tit-middle{font-size: .7rem;margin-bottom: .4rem;}
    .global-inner .inner-list{margin-bottom: 1rem;}
    .global-inner .inner-list li{line-height: 1.5;margin-bottom: .4rem;font-size: .625rem;padding-left: .925rem;background-size: .875rem;}

    /*解决方案*/
    .n-banner-box .video-boxs .all-box, .n-banner-box .video-boxs .all-box-img{width: 100%;}
    .n-banner-box .video-boxs, .n-banner-box .video-boxs .banner-pr{height:56vh;}
    .n-banner-box .video-boxs .overlay .fc-title1, .n-banner-box .video-boxs .overlay .fc-title2{font-size: 1.2rem;font-weight: 700;}
    .n-banner-box .video-boxs .overlay .fc-des{font-size: .7rem;padding: 0 1rem;margin-top: .8rem;line-height: 1.6;}
    .software-block-5{padding:1.5rem .6rem;height: auto;padding-bottom: .6rem;}
    .all-solution-tit{font-size:1rem;margin-bottom:.8rem;font-weight: 700;}
    .all-solution-subtext{font-size: .7rem;line-height: 1.5;margin-bottom: .6rem;}
    .all-solution-tit .gray-tit{font-size:.8rem;}
    .software-cols{padding: 0;}
    .software-cols .item{width: 100%;margin-right: 0;float: none;margin-bottom: .8rem;}
    .software-cols .item .main-box h4{display: none;}
    .software-cols .item .detail-box{position: relative;top:0;padding:0 .6rem 1rem .6rem;}
    .software-cols .item .detail-box h4{font-size: .8rem;margin-bottom: .8rem;padding-top: 1rem;padding-bottom: .6rem;font-weight: 500;}
    .software-links a{font-size: .5rem;width: 2.8rem;height: 2.8rem;border-radius: 1.8rem;line-height: 2.8rem;}
    .software-links a.size{font-size:.6rem;}
    .software-cols .item .detail-box p{height: auto;font-size: .7rem;line-height: 1.5;}
    .software-links{margin-top:.6rem;}
    .about-main .about-even-li{float: none;}
    .about-main .about-even-li .imgbox{float: none;}
    .about-main .imgbox,.about-main .cont-wrap{width: 100%;}
    .about-main .about-even-li .cont-wrap{float: none;margin-right: 0;padding: 1.2rem .6rem 0 .6rem;}
    .about-main .cont-wrap{padding-top:10px;padding-bottom: 25px;}
    .about-main .about-odd-li .cont-wrap{float: none;margin-left: 0;}
    .software-block-3{padding: 0 .6rem;padding-top: 1.2rem;}

    /*硬件解决方案*/
    .section-col2{padding:0;padding-top: 1.5rem;}
    .section-col2 .pr .img-box, .section-col2 .pr .info-box {width: 100%;position: relative;}
    .section-col2 .pr .img-box{right: 0;}
    .section-col2 .pr .info-box{left: 0;}
    .section-col2 li:nth-of-type(2n+2) .img-box{left: 0;}
    .section-col2 li:nth-of-type(2n+2) .info-box{right: 0;}
    .section-col2 .abs-lt,.section-col2 .abs-rt{position: relative;}
    .section-col2 .pr .info-box .info-cont,.section-col2 li:nth-of-type(2n+2) .info-box .info-cont{padding: .8rem .6rem .6rem .6rem;width: 100%;}
    .section-col2 .pr{height: auto;border-bottom: .25rem solid #f0f0f0;padding: 0 .6rem;margin-bottom: .6rem;}
    .section-col2 .pr .img-box{height: 7.6rem;}
    .section-col2 .pr .info-box .s-desc{font-size:.7rem;line-height: 2;}
    .section-col2 .pr .info-box h3{padding-bottom: .1rem;font-size: .8rem;}
    .section-col2 .pr .info-box .s-desc{margin: .25rem 0;font-size: .7rem;line-height: 1.5;}
    .section-col2 .desc-pointer dd{font-size: .7rem;}
    .software-block-3 .about-main .cont-wrap{padding: 0 .6rem;padding-top:.8rem;}
    .about-main .about-even-li, .about-main .about-odd-li{margin-bottom:1.5rem;}
    .about-main .cont-wrap .tit{font-size: .8rem;font-weight: 700;line-height: 1.1;}
    .about-main .cont-wrap .tit strong{font-size: .8rem;}
    .about-main .cont-wrap .sub-tit{font-size: .7rem;line-height: 1.5;}
    .smartcloud-sub-pic .sub-pic-item{width: 40%;}
    .smartcloud-sub-pic .sub-pic-item img{width: 100%;}
    .about-main .about-odd-li .imgbox{float: none;}
    .smartcloud-sub-pic .sub-pic-item p{font-size: .5rem;}



    /*咨询服务*/
    .banner-pr-consult{background-image: url('../img/banner/g-banner-consult-mobile.jpg');}
    .logistics-consulting{padding: 1.2rem .6rem;}
    .logistics-consulting .consulting-item{width: 100%;margin-right: 0;margin-bottom:.8rem;position: relative;min-height:1rem;float: none;}
    .logistics-consulting .consulting-item:last-child{margin-bottom: 0;}
    .logistics-consulting .consulting-item .consulting-tit{font-size: 1rem;position: relative;z-index: 20;padding: .525rem 0;}
    .logistics-consulting .consulting-item dl{position: relative;padding: .25rem .6rem;padding-bottom: 3rem;}
    .logistics-consulting .consulting-item dl:after{content: '';width:100%;height: 100%;background-color: rgba(255,255,255,0.8);position: absolute;z-index: 1;left: 0;top:0;}
    .logistics-consulting .consulting-item dl dd{font-size:.7rem;position: relative;z-index: 20;margin: .6rem 0;padding-left: .6rem;}
    .logistics-consulting .consulting-item dl dd:after{width: .25rem;height: .25rem;margin-top: -.125rem;}
    .consulting-contact{z-index: 20;font-size: .7rem;line-height: 1.8rem;bottom: .8rem;right: 50%;padding: 0 1rem;margin-right: -2.5rem;}
    .consulting-item-1,.consulting-item-2,.consulting-item-3,.consulting-item-4{height:auto;}

    /*产品*/
    .product-banner-box .video-boxs, .product-banner-box .video-boxs .banner-pr{height: 56vh;}
    .product-banner-box .video-boxs .banner-pr{width: 100%;}
    .product-banner-box .video-boxs .all-box, .n-banner-box .video-boxs .all-box-img{width: 100%;}
    .product-banner-box .video-boxs .overlay .fc-title1, .product-banner-box .video-boxs .overlay .fc-title2{font-size: 1.2rem;font-weight: 700;}
    .product-banner-box .video-boxs .overlay .fc-des{font-size: .7rem;margin-top: .6rem;padding: 0 .8rem;line-height: 1.5;}
    .product-wrap .product-section{padding: 1.5rem 0;}
    .product-wrap .product-section .product-tit{font-size: 1rem;margin: .5rem 0;}
    .product-wrap .product-section .product-subtit{padding: 0 .8rem;font-size: .675rem;line-height: 1.5;margin-bottom: .6rem;}
    .product-wrap .product-section .full-img{margin: .5rem 0;}
    .product-section .product-scene{display: block;padding: 0 .6rem;padding-top: .6rem;}
    .product-section .product-scene .product-scene-item{margin-right: 0;margin-bottom: .6rem;min-height: auto;}
    .product-section .product-scene .product-scene-item .scene-info{padding: 1rem;}
    .product-section .product-scene .product-scene-item .scene-info .info-tit{font-size: 1rem;margin-bottom: .625rem;}
    .product-section .product-scene .product-scene-item .scene-info .list li{font-size: .675rem;}
    .product-section .product-scene .product-scene-item .scene-info .info-txt{font-size: .6rem;}
    .product-section .product-value{display: block;padding-top: .6rem;padding: .45rem 0;}
    .product-section .product-value .product-value-item{margin-right: 0;margin-bottom: .8rem;}
    .product-section .product-value .product-value-item:last-child{margin-bottom: 0;}
    .product-section .product-value .product-value-item .ico-img{max-width: 2.4rem;}
    .product-section .product-value .product-value-item .value-tit{font-size: .725rem;margin-top: .25rem;}
    .product-section .product-value .product-value-item .value-txt{font-size: .675rem;margin-top: .25rem;line-height: 1.4;padding: 0 10%;}
    .product-section .product-value.product-value-colfive .product-value-item{width: 100%;margin-right: 0;margin-bottom: 1.2rem;}
    .product-section .product-pain{padding:0 .6rem;display: block;padding-top: .6rem;}
    .product-section .product-pain .product-pain-item{width: 100%;margin-right: 0;margin-bottom: .6rem;}
    .product-section .product-pain .product-pain-item .pain-tit{font-size: .8rem;margin-top: .5rem;}
    .product-section .product-pain .product-pain-item .pain-txt{padding: .5rem 10%;font-size: .7rem;padding-top: .6rem;line-height: 1.4;}
    .product-section .product-point{padding:0 .6rem;display: block;padding-top: .6rem;}
    .product-section .product-point .product-point-item{width: 100%;margin-right: 0;margin-bottom: .8rem;padding: .6rem;}
    .product-section .product-point .product-point-item:last-child{margin-bottom: 0;}
    .product-section .product-point .product-point-item .point-ico{max-width: 2.4rem;}
    .product-section .product-point .product-point-item .point-tit{margin-top: .35rem;font-size: .725rem;}
    .product-section.solution-lgt-warehouse .product-point .product-point-item .point-subtxt{font-size: .625rem;padding: 0 3%;text-align: center;}
    .product-section .product-point .product-point-item .point-txt{font-size: .675rem;margin-top: .35rem;line-height: 1.4;padding: 0 10%;}
    .product-section .product-case .case-cont{display: block;padding: 0 .6rem;padding-bottom:.8rem;}
    .product-section .product-case .case-cont .case-info{padding: .5rem;margin-right: 0;}
    .product-section .product-case .case-cont .case-info .info-tit{font-size: .8rem;margin-bottom: .5rem;}
    .product-section .product-case .case-cont .case-info .info-subtxt{font-size: .7rem;}
    .product-section .product-case .case-cont .case-info .info-list{margin-top: .6rem;font-size: .7rem;}
    .product-section .product-case .case-cont .case-info .info-list dt{margin-bottom: .45rem;}
    .product-section .product-case .case-cont .case-info .info-list dd{margin-bottom: .45rem;}
    .product-section .product-case .case-cont .case-pic{width: 100%;}
    .product-case .case-control{margin-bottom: .25rem;padding: 0 .6rem;}
    .product-case .case-control .control-btn{width: 1.8rem;height: 1.8rem;margin-left: .25rem;background-size: .8rem;}
    .product-section .product-point.point-col-four .product-point-item{width: 100%;}

    /*解决方案*/
    .product-banner-box .video-boxs .banner-pr .fc-vidio{margin-left: -980px;}
    .product-section.solution-case .product-case .case-cont .case-info .info-tit{font-size: .9rem;padding-right: 100px;margin-top: 20px;}
    .city-scene-tit{font-size: .8rem;padding: .8rem .6rem;}
    .solution-city-scene{padding: 0 .6rem;}
    .product-section.solution-case .product-case .case-cont .case-intro dt{font-size: .7rem;}
    .product-section.solution-case .product-case .case-cont .case-intro dd{font-size: .7rem;}

    .automation-slide{display: block;}
    .automation-slide .slide-img{width: 100%;}
    .automation-slide .slide-cont{padding: .6rem;}
    .automation-slide .slide-cont .list-txt{padding: 20px 0 0 0;}
}


/* 设备横屏时调用该段css代码 */
@media all and (orientation : landscape){
    
}

@media screen and (max-width:640px){
    html{font-size: 5.3334vw;}

    /*2023首页*/
    .index-brand .brand-tag .tag-ul li{height: 10rem;width:820px;background-size: 820px;}
    .index-brand .brand-tag .tag-ul li.tag-li-1{
      -webkit-animation: index-brand-move3 60s linear infinite;
      animation: index-brand-move3 60s linear infinite;
      left: 0
      }
    .index-brand .brand-tag .tag-ul li.tag-li-2{
      -webkit-animation: index-brand-move4 60s linear infinite;
      animation: index-brand-move4 60s linear infinite;
      left: 820px;
    }
    @-webkit-keyframes index-brand-move3 {
        0% {
            left: 0
        }

        to {
            left: -820px
        }
    }

    @keyframes index-brand-move3 {
        0% {
            left: 0
        }

        to {
            left: -820px
        }
    }
    @-webkit-keyframes index-brand-move4 {
        0% {
            left: 820px
        }

        to {
            left: 0
        }
    }

    @keyframes index-brand-move4 {
        0% {
            left: 820px
        }

        to {
            left: 0
        }
    }


    /*2023 关于我们*/
    .about-story .about-story-cont{background-position: 50% 7.25rem;}
    
}