@charset "utf-8";
/* CSS Document */
@font-face{ 
  font-family:"syht";
  src:url(../fonts/SourceHanSans-Light.otf);
  font-display:swap;
}
body{ margin:0px; padding:0px; border:0px; font-family:"syht","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#f8f8f8; overflow-x: hidden;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none !important; color:#555555; font-size:13px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust: none;}
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}


.mTop{ width: 100%; height:60px; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: space-between; align-items: center; padding:0 5%; box-shadow: var(--s);}
.mTopLogo img{ height:30px;}

.mMenu{ position: fixed; top: 0; left: 0; background: #FFFFFF; z-index: 9998; display: none; padding: 0 5%; padding-top:80px; width: 100%; height: 100vh;}
.mMenu .mMenuBox{}
.mMenu .mMenuBox .mMenuTop{ display: flex; justify-content: space-between; align-items: center; border-bottom: var(--l) solid 1px; width: 100%; font-weight: bolder;}
.mMenu .mMenuBox .mMenuTop a{ padding: 10px 0; line-height: 2em; font-size: 16px; color: var(--l);}
.mMenu .mMenuBox .mMenuTop .mNenuIcon{transform: scale(.7);}
.mMenu .mMenuBox .mMenuDown{ padding: 0 5%; display: none; flex-direction: column;}
.mMenu .mMenuBox .mMenuDown a{ padding: 10px 0; line-height: 2em; font-size: 14px; color: var(--l); border-bottom: var(--l) solid 1px; display: block; width: 100%;}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ height:2px !important; }

.w1{ width:90%; margin:0 auto; max-width:1600px;}

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}


:root{
	--l:#005ca1;
	--s:rgba(204,204,204,0.5) 0 10px 35px;
	--ls:rgba(44,187,199,0.35) 0 10px 35px;
	--ls:rgba(0,92,161,0.35) 0 10px 35px;
	--tr: all ease 0.75s;
	--tr2:all ease 0.5s;
}

.top{ position: absolute; left: 0; top: 0; z-index: 9999; width: 100%;}

.topNei{ height: 110px; display: flex; align-items: center; justify-content: space-between; border-bottom: var(--b) solid 1px;}
.topNei .topLogo{}
.topNei .topLogo img:nth-child(2){ display: none;}
.topNei .topRight{ display: flex; align-items: center;}
.topNei .topRight .topMenu{ display: flex;}
.topNei .topRight .topMenu .topMenuBox{ padding: 0 18px;}
.topNei .topRight .topMenu .topMenuBox .topMenuTitle{ font-size: 17px; line-height: 110px; height:110px; color: #fff; display:block; position:relative;}
.topNei .topRight .topMenu .topMenuBox .topMenuTitle:before { width: 0; height: 3px; background: var(--l); border-radius: 5px; position: absolute; left: 0; bottom: 0; content: ''; display: block; transition:var(--tr);    pointer-events: none;}
.topNei .topRight .topMenu .topMenuBox.on .topMenuTitle{ color:var(--l) !important;}
.topNei .topRight .topMenu .topMenuBox:hover .topMenuTitle{ color:var(--l) !important;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown{ background:#f8f8f8; position: absolute; left: 0; top: 109px; display: none !important; width:100%; border-top:#e5e5e5 solid 1px; height:90px;}
/*.topNei .topRight .topMenu .topMenuBox:hover .topMenuDown{ display: flex;}*/
.topNei .topRight .topMenu .topMenuBox .topMenuDown{ justify-content:center; align-items:center;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown a{ padding: 0 35px; font-size:19px; color:#000000;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown a:hover{ color:var(--l);}

.topNei .topRight .topLine{ color: #FFFFFF;}

.topNei .topRight .topTel{ display: flex; align-items: center; margin-left:25px;}
.topNei .topRight .topTel span:nth-child(2){ color: var(--l); font-size: 19px; font-weight: bolder; margin-left: 5px;}

.top.on{ background:#FFFFFF; position:fixed; box-shadow:var(--s);}
.top.on .topNei .topRight .topMenu .topMenuBox .topMenuTitle{ color:#333333;}
.top .topNei .topRight .topMenu .topMenuBox.on .topMenuTitle:before { width: 100%;}
.top .topNei .topRight .topMenu .topMenuBox:hover .topMenuTitle:before { width: 100%;}
.top.on .topNei .topLogo img:nth-child(1){ display: none;}
.top.on .topNei .topLogo img:nth-child(2){ display:  block;}
.top.on .topNei .topRight .topLine{ color: #333;}

.top:hover{ background:#FFFFFF; position:fixed; box-shadow:var(--s);}
.top:hover .topNei .topRight .topMenu .topMenuBox .topMenuTitle{ color:#333333;}
.top:hover .topNei .topLogo img:nth-child(1){ display: none;}
.top:hover .topNei .topLogo img:nth-child(2){ display:  block;}
.top:hover .topNei .topRight .topLine{ color: #333;}

.cebian{ position: fixed; top: 40%; right: 0; z-index: 9999; background: var(--l); height: 64px; display: flex; align-items: center; padding:0 10px 0 15px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; font-size: 22px; color: #fff; cursor: pointer; }
.cebian img{ margin-right: 10px;}

.tc{ width: 100vw; height: 100vh; position: fixed; z-index: 99999; left: 0; top: 0; background: rgba(0,0,0,0.65); display: none; align-items: center; justify-content: center;} 

.tcBox{ border-radius: 20px; overflow: hidden; display: flex; background: #fff; position: relative; transform: translateY(-50px); opacity: 0.5; transition:var(--tr); max-width: 1000px; }
.tcBox.on{ transform: translateY(0); opacity:1;}

.closeTc{ position: absolute; right: 30px; top: 20px; cursor: pointer; width: 35px;}
.tcLeft{ width: 50%;}
.tcLeft img{ height: 100%;}
.tcRight{ width: 50%; padding:30px 30px 30px;}
.tcTitle{ font-size: 16px; color: black; margin-bottom: 20px;}
.tcForm{ display: block;}
.inp1{ width: 100%; padding: 0 30px; border-radius:10px; background: #f5f5f5; margin-bottom: 14px;}
.inp1 input{ width: 100%; line-height: 40px; background: none;}
.inp2{ width: 100%; padding: 0 30px; display: flex; align-items: center; border-radius: 10px; background: #f5f5f5; margin-bottom: 14px;}
.inp2 input{ width: 100%; line-height: 40px; background: none;}
.inp2 div{ white-space: pre; color: var(--l); font-size: 16px; flex-shrink: 0; cursor: pointer; margin-left: 30px;}
.inp2 div.on{ pointer-events: none; color: #a5a5a5;}
.inp3{ width: 100%; border-radius: 10px; background: #f5f5f5; margin-bottom: 20px;}
.inp3 textarea{ width: 100%; line-height: 30px; background: none; height: 110px; padding: 10px 30px;}
.inp4{ display: flex; align-items: center; margin-bottom: 20px; cursor: pointer;}
.inp4 input{ margin-right: 10px;}
.inp4 a{ color: var(--l);}
.inp5{}
.inp5 input{width: 100%;
    line-height: 45px;
    background: var(--l);
    border-radius: 80px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;}


.neiBanner{ width: 100%; position: relative; overflow: hidden;}
.neiBanner .banerNeiZhan{}
.neiBanner .banerNeiZhan:before{ content: ''; display: block; padding-top: calc( 100% * 750 / 1600);}
.neiBanner .bannerNei{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.neiBanner .bannerNei .bannerText1{ font-size: 50px; font-weight: bolder; color: #fff;}
.neiBanner .bannerNei .bannerText3{ font-size: 22px; color: #fff;  margin-top: 10px;}

.nav{ background: #fff;width: 100%;}
.nav.on{ position: fixed; top: 110px; z-index: 999; left: 0;}

.navNei{ overflow-x:auto;}
.navNei::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 2px;}
.navNei::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: var(--l);}
.navNei::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}

.navBox{ display: flex; align-items: center;}
.navBox a{    white-space: pre;
    font-size: 15px;
    display: block;
    margin-right: 60px;
    line-height: 60px;
    position: relative;}
.navBox a.on{ color: var(--l);}
.navBox a.on::before{ content: ''; display: block; height: 3px; width: 100%; background: var(--l); border-radius: 10px; position: absolute; bottom: 0; left: 0;}
.navBox a:hover{ color: var(--l);}
.navBox a:hover::before{ content: ''; display: block; height: 3px; width: 100%; background: var(--l); border-radius: 10px; position: absolute; bottom: 0; left: 0;}

.footer{ width: 100%;}

.footNei{}


.scroll-to-top{ width:45px; height:45px; display:none; position:fixed; right:30px; bottom:20px; z-index:999; justify-content:center; align-items:center; color:#FFFFFF; border-radius:50px; font-size:25px; cursor:pointer;}
.scroll-to-top i{ position:absolute; z-index:0; top:50%; left:50%; z-index:9; transform:translate(-50%,-50%);  width:45px; height:45px; background:var(--l); color:#FFFFFF; border-radius:50px; font-size:25px; z-index:9; position:relative; text-align:center; line-height:40px;}
.scroll-to-top div:nth-child(1){ position:absolute; z-index:0; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%); animation:pulse-border-7 infinite linear 2s; width:60px; height:60px; background:rgba(255,255,255,0.2); border-radius:50px;}
@-webkit-keyframes pulse-border-7{
	0%{ opacity:0; transform:translate(-50%,-50%);}
	20%{ opacity:1; transform:translate(-50%,-50%) scale(1);}
	100%{ opacity:0; transform:translate(-50%,-50%) scale(2);}
}
.scroll-to-top div:nth-child(2){ position:absolute; z-index:0; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%); animation:pulse-border-7 infinite linear 2s; animation-delay:1.5s; width:60px; height:60px; background:rgba(255,255,255,0.2); border-radius:50px;}
@-webkit-keyframes pulse-border-7{
	0%{ opacity:0; transform:translate(-50%,-50%);}
	20%{ opacity:1; transform:translate(-50%,-50%) scale(1);}
	100%{ opacity:0; transform:translate(-50%,-50%) scale(2);}
}
.scroll-to-top:hover i{ background:#FFFFFF; color:var(--l); }


.fo1{ display: flex; align-items: center; justify-content: space-between; height: 140px; border-bottom: rgba(255,255,255,0.1) solid 1px;}
.fo1 .foLeft1{}
.fo1 .foRight1{ display: flex; align-items: center;}
.fo1 .foRight1 .foRight11{ white-space: pre; font-size: 19px; color: #cccccc; margin-right: 10px;}

.foGuan{ display: flex; align-items: center;}
.foGuan .foGuanItem{ margin-left: 35px; position: relative; z-index: 9; cursor: pointer;}
.foGuan .foGuanItem .foGuanTc{ position: absolute; left:50%; bottom:35px; width: 234px; height: 238px; background: url(../images/f10.png) no-repeat 50%; z-index: 9; transform: translateX(-50%); display: none;}
.foGuan .foGuanItem:hover .foGuanTc{ display: block;}
.foGuan .foGuanItem .foGuanTc div{ width: 160px; height: 160px; margin:23px auto 0 40px;}
.foGuan .foGuanItem .foGuanIcon{ height: 65px; width: 65px;  border:rgba(255,255,255,0.22) solid 1px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.foGuan .foGuanItem:hover .foGuanIcon{ border: var(--l) solid 1px; background: var(--l);}

.fo2{ display: flex; border-bottom: rgba(255,255,255,0.1) solid 1px; padding: 50px 0 40px; justify-content: space-between;}

.foMenu{ display: flex; border-right: rgba(255,255,255,0.1) solid 1px;}
.foMenu .foMenuItem{ width: 160px; display: flex; flex-direction: column;}
.foMenu .foMenuItem .foMenuTitle{ font-size: 17px; color: #fff;}
.foMenu .foMenuItem .foMenuDown{ display: flex; flex-direction: column; margin-top: 15px;}
.foMenu .foMenuItem .foMenuDown a{ position: relative; color: #cccccc; line-height: 36px; padding-left: 17px;}
.foMenu .foMenuItem .foMenuDown a:before{ width: 10px; height: 10px; border-radius: 10px; background: var(--l); position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: '';}

.foContent{ display: flex; flex-direction: column;}
.foContent .foContent1{ font-size: 22px; color: #fff; margin-bottom: 25px;}
.foContent .foContent2{ font-size: 17px; color: #fff; margin-bottom: 10px;}
.foContent .foContent3{ color: #999999; line-height: 35px;}

.fo3{ display: flex; align-items: center; justify-content: space-between; min-height: 100px;}
.fo3 div{ display: flex; align-items: center;}
.fo3 div a{ color: #999999;}
.fo3 div span{ margin-right: 3px; color: #999999;}

{}


.banner{ position:relative; overflow:hidden;}
.banner .bannerZhan{ width:100%; max-width:1600px; position:relative;}
.banner .bannerZhan:before{ display:block; content:''; padding-top:100vh;}
.banner .bannerBox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .bannerBox .swiper{ width:100%; height:100%;}
.banner .bannerBox .bannerLink{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow: hidden; position: relative;}
.banner .bannerBox .bannerLink .bannerText{ display:flex; flex-direction:column; color:#FFFFFF; position:relative; z-index:1;}
.banner .bannerBox .bannerLink .bannerBg{ width:100%; height:100%; transition:ease all 20s; position:absolute; z-index:0; left:0; top:0; transform:scale(1.2);}
.banner .bannerBox .swiper-slide-active .bannerBg{ transform:scale(1); transition: all 20s ease 1s;}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ font-size:50px; line-height: 70px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.1s; font-weight: bolder;}
.banner .bannerBox .bannerLink .bannerText .bannerText2{ font-size:22px; line-height: 50px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.5s; margin: 0px 0 30px;}
.banner .bannerBox .bannerLink .bannerText .bannerText3{ font-size:25px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.75s;}
.banner .bannerBox .bannerLink .bannerText .moreBox{ height:60px; overflow:hidden;}
.banner .bannerBox .bannerLink .bannerText .more{ position:relative; width:210PX; height:60px; border:#FFFFFF solid 1px; border-radius:66px; text-align:center; line-height:64px; font-size:19px; color:#FFFFFF; overflow:hidden; transform:translateY(66px); transition:transform 1s ease-in 1s; display: flex; align-items: center; justify-content: center;}
.banner .bannerBox .bannerLink .bannerText .more img{ margin-right: 10px;}

.banner .bannerBox .bannerLink .bannerText .bannerText5{ font-size:40px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.1s; margin-bottom: 45px; font-weight: bolder;}
.banner .bannerBox .bannerLink .bannerText .bannerText6{ font-size:50px; opacity:0.5; transform:translateX(-100%); transition:all 1.5s ease-in 0.5s; line-height:1.2em;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText1{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText2{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText3{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText5{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText6{ transform:translateX(0); opacity:1;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .more{ transform:translateY(0px);}

.banner .bannerBox .bannerLink .bannerText .more:before{ width:0; height:100%; content:''; display:block; transition:var(--tr2); background:#1f8ded; position:absolute; left:0; top:0; z-index:-1;}
.banner .bannerBox .bannerLink .bannerText .more:hover{ border:var(--l) solid 1px;}
.banner .bannerBox .bannerLink .bannerText .more:hover:before{ width:100%;}

.banner .bannerIcon{ display:flex; align-items:center; position:absolute; left:50%; bottom:155px; transform:translateX(-50%); z-index:9999; cursor:pointer; height:0;}
.banner .bannerIcon img{ margin-right:32px;}
.banner .bannerBox .swiper-pagination{ height:0px; align-items:center; text-align:left;}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet{ border-radius:0; width:10px; height:10px; margin-left:10px; background:#FFFFFF; transition:var(--tr2);}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#1296db;}


.dian{ height:0; display:flex; align-items:center;}
.dian .dianItem{ width:9px; height:9px; border-radius:7px; background:#818794; margin:0 10px 0 0; cursor:pointer; position:relative; transition:var(--tr);}
.dian .dianItem.on{ width: 25px; background: #FFFFFF;}

@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}

.bannerBot{ height:0px; display:flex; align-items:center; width:100%; position:absolute; left:0; bottom:72px; z-index:9; width:100%;}

.index1{padding: 100px 0 105px; overflow: hidden;}
.indexNei1{ position: relative;}
.indexTitle{ position: absolute; z-index: 0; pointer-events: none; left: 0; top: 0; display: flex;}
.indexTitle .indexTitleIcon{  margin-right: 20px;}
.indexTitle .indexTitleText{ font-size: 40px; line-height: 60px; color: #000000; margin-top: -14px; font-weight: bolder;}

.bankuai{ display: flex; flex-direction: column; align-items: center;}

.bk{ width: calc( 100% * 980 / 1600); border: var(--l) dashed 1px; border-radius: 100px; height: 100px; display: flex; justify-content: center;}
.bk ul{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 75px; height: 0px;}
.bk ul li{ box-shadow: var(--s); border-radius: 100px;}

.bkArrow{ margin: 26px 0 16px;}

.bkLink{ display: flex; align-items: center; justify-content: center;}
.bkLink a{ margin: 0 20px; border: var(--l) solid 2px; border-radius: 100px; font-size: 27px; line-height: 2em; display:block; padding: 0 32px; transition:var(--tr); min-width: 226px; text-align: center; font-weight: bolder;}
.bkLink a:hover{ box-shadow: var(--ls); color: var(--l); background: #FFFFFF;}

.bk2{ border: var(--l) dashed 1px; width: 100%; border-radius: 1600px; margin-top: 25px}

.bk21{ height: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
 
.bkIcon{ min-width: 177px; line-height: 50px; font-size: 22px; color: #FFFFFF; text-align: center; background: var(--l); border-radius: 50px; font-weight: bolder;}

.bkBox{ padding: 30px 0; margin-bottom: 0 !important; /*display: grid; grid-column-gap: 13px; grid-template-columns:208fr 208fr 208fr 208fr 208fr 208fr 271fr;*/}
.bkBox .bkBoxItem{ background: #FFFFFF; border: #FFFFFF solid 1px; border-radius: 10px; padding:35px 15px; box-shadow: var(--s); transition:var(--tr); cursor: pointer; width: min-content; margin: 0 5px; width: 208px;}
.bkBox .bkBoxItem2{ width:271px; }
.bkBox .bkBoxItem .bkIcon{ width: 100%;}
.bkBox .bkBoxItem .bkIcons{ display: flex; flex-direction: column; align-items: center; margin: 20px 0 0;}
.bkBox .bkBoxItem .bkIcons li{ font-size: 16px; line-height: 35px;}
.bkBox .bkBoxItem .bkIcons2{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0 0;}
.bkBox .bkBoxItem .bkIcons2 li{ font-size: 16px; line-height: 35px; width: 50%; white-space: pre;}

.bk2 .slick-track{height: 445px;    padding: 40px 0;}

.bkBox .bkBoxItem:hover{ box-shadow: var(--ls); border: var(--l) solid 1px;}


.index2{ background: url(../images/i9.jpg) no-repeat 50% / cover; padding:190px 0 230px; overflow: hidden;}
.index2 .indexTitle{ transform:translateY(-110px);}

.histroy{ width:100%; position:relative; display:flex; align-items:center;}

.indHisYearBox{ width:calc( 100% * 210 / 1600); flex-shrink:0; }
.indHisYearBox .indHisYear{ height:0px; display:flex;}
.indHisYearBox .indHisYear div{ font-size: 83px; color: var(--l); white-space: pre; transform-origin:center; transform: translate(-35%,-50%) rotate(-90deg); font-weight: bolder;}

.indexHistoryJ{ flex-shrink: 0; height:100%; width: 1px; background:#c9c9c9; position:absolute; top:0; left:calc( 100% * 210 / 1600);}
.indexHistoryJ .indexHistoryJ1{ width: 10px; height: 10px; border-radius: 40px; background: var(--l); position: absolute; top: -5px; left: -5px; margin-right: calc( 100% * 25 / 1600);}
.indexHistoryJ .indexHistoryJ2{ width: 1px; height: 10%; background: var(--l); transition:var(--tr); }

.indexHistory{ width:100%; touch-action: pan-y !important; height:550px; overflow:hidden; overflow-y:auto; direction:rtl;}

.indexHistory::-webkit-scrollbar { /*滚动条整体样式*/ width:0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; position:absolute; left:0; opacity: 0 !important;}
.indexHistory::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0); width: 0;}
.indexHistory::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background:rgba(0,0,0,0);}


.indHis{ display:flex !important; align-items:center; justify-content:space-between; direction:ltr;padding: 35px 0;}

.indHisText{ padding:0px 50px;}
.indHisText .indHisTitle{ font-size: 35px; font-weight: bolder; color: #000;}
.indHisText .indHisSmall{ font-size: 25px; font-weight: bolder; color: var(--l); margin: 20px 0 25px;}
.indHisText .indHisContent{ font-size: 15px; color: #666666; line-height: 37px;}
.indHisImg{ opacity:0; transition:all ease 0.75s;}
.indHisText{ opacity:0.5; transition:all ease 0.75s;}

.indHisImg{ width:550px; position:relative; overflow:hidden; border-radius:15px; flex-shrink:0;}
.indHisImg:before{ content:''; display:block; padding-top:100%;}


.indHis.on .indHisImg{ opacity:1;}
.indHis.on .indHisText{ opacity:1;}

.index3{ overflow: hidden; background: #f5f5f5; padding-top: 80px; position: relative;}

.index3 .indexArrow6{ display: flex; align-items: center; justify-content: flex-end;}
.index3 .indexArrow6 div{ margin-left: 13px; cursor: pointer;}
.index3 .indexArrow6 div img:nth-child(2){ display: none;}
.index3 .indexArrow6 div:hover img:nth-child(1){ display: none;}
.index3 .indexArrow6 div:hover img:nth-child(2){ display: block;}


.indexHonor{ padding: 70px 0 150px;}

.indexHonorArrow{ width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 999; cursor: pointer; height: 0px; top: 50%;}
.indexHonorArrow div{ margin-left: 13px; cursor: pointer;}
.indexHonorArrow div img:nth-child(2){ display: none;}
.indexHonorArrow div:hover img:nth-child(1){ display: none;}
.indexHonorArrow div:hover img:nth-child(2){ display: block;}

.honorBox{ width: 100%; margin-bottom: 0 !important; width: 90%; max-width: 1330px; margin: 0 auto;}

.honorBoxItem{ margin: 0 15px; background: #FFFFFF; border-radius: 10px; box-shadow: var(--s);}
.honorBoxImg{ display: flex; padding: 40px 60px; border-bottom: #eeeeee solid 1px;}
.honorBoxTitle{ text-align: center; line-height: 75px; font-size: 19px; color: #000;}

.honorBoxItem:hover{ box-shadow: var(--ls);}
.honorBoxItem:hover .honorBoxTitle{ color: var(--l);}

.honorBox .slick-list{ overflow: inherit;}

.index4{ padding: 125px 0 105px; background: url(../images/i16.jpg) no-repeat 50%/cover; overflow: hidden;}

.indexCase{ display: flex; justify-content: space-between; align-items: center;}
.indexCase .indexCaseLeft{ width: calc( 100% * 422 / 1600);}
.indexCase .indexCaseLeft .indexCaseLeft1{ font-size: 22px; color: #fff; font-weight: bolder;}
.indexCase .indexCaseLeft .indexCaseLeft2{ font-size: 40px; color: #fff; font-weight: bolder; margin-top: 10px;}
.indexCase .indexCaseLeft .indexCaseLeft3{ font-size: 19px; color: #fff; margin-top: 15px; line-height: 22px;}
.indexCase .indexCaseLeft .indexCaseLeft4{ display: grid; grid-template-columns: repeat(3,1fr); grid-row-gap: 10px; grid-column-gap: 5px; width: 100%; margin-top: 55px;}
.indexCase .indexCaseLeft .indexCaseLeft4 a{ display: flex; justify-content: center; align-items: center; height: 54px; border: #fff solid 1px; border-radius: 50px; font-size: 17px; color: #fff; position: relative; overflow: hidden;}
.indexCase .indexCaseLeft .indexCaseLeft4 a:hover{ border: var(--l) solid 1px;}
.indexCase .indexCaseLeft .indexCaseLeft4 a::before{ content:''; display: block; height: 100%; width: 0; transition: var(--tr); background: var(--l); position: absolute; left: 0; top: 0; z-index: 0;}
.indexCase .indexCaseLeft .indexCaseLeft4 a span{ position: relative; z-index: 1;}
.indexCase .indexCaseLeft .indexCaseLeft4 a:hover::before{ width: 100%;}

.indexCase .indexCaseRight{ width: calc( 100% * 970 / 1600);}

.caseLogoBox{}

.caseLogo{}

.caseLogoItem{}

.caseLogoRow{ padding: 30px 0; border-bottom: rgba(255,255,255,0.25) solid 1px; display: grid; grid-template-columns: repeat(4,1fr); grid-column-gap: 40px;}
.caseLogoRow div{ border-radius: 10px; background: #fff; height: 97px; display: flex; justify-content: center; align-items: center; overflow: hidden;}

.caseLogoBot{ display: flex; align-items: center; justify-content: space-between;}
.caseLogoBot .caseLogoDesc{ display: flex; align-items: center;}
.caseLogoBot .caseLogoDesc .dianItem{ width:9px; height:9px; border-radius:7px; background:#818794; margin:0 10px 0 0; cursor:pointer; position:relative; transition:var(--tr);}
.caseLogoBot .caseLogoDesc .dianItem.on{ width: 25px; background: #FFFFFF;}

.caseLogoArrow{ display: flex; align-items: center;}
.caseLogoArrow div{ margin-left: 13px; cursor: pointer;}
.caseLogoArrow div img:nth-child(2){ display: none;}
.caseLogoArrow div:hover img:nth-child(1){ display: none;}
.caseLogoArrow div:hover img:nth-child(2){ display: block;}

.index5{ overflow: hidden;}
.index5 .indexNei1{ top:100px;}
.indexPartner{ position: relative;}
.parBg{}
.parBox{ width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.parBox li{ border: #fff solid 4px; background: #fff; display: flex; align-items: center; justify-content: center; width: 164px; height: 66px; border-radius: 50px; position: absolute; box-shadow: var(--s);}

.parBox li:nth-child(9){ left: calc( 100% * 88 / 1600); top: calc( 100% * 273 / 951);}
.parBox li:nth-child(10){ left: calc( 100% * 67 / 1600); top: calc( 100% * 386 / 951);}
.parBox li:nth-child(11){ left: calc( 100% * 62 / 1600); top: calc( 100% * 498 / 951);}

.parBox li:nth-child(4){ left: calc( 100% * 76 / 1600); top: calc( 100% * 618 / 951);}

.parBox li:nth-child(5){ left: calc( 100% * 306 / 1600); top: calc( 100% * 273 / 951);}
.parBox li:nth-child(6){ left: calc( 100% * 285 / 1600); top: calc( 100% * 386 / 951);}
.parBox li:nth-child(7){ left: calc( 100% * 285 / 1600); top: calc( 100% * 498 / 951);}
.parBox li:nth-child(8){ left: calc( 100% * 304 / 1600); top: calc( 100% * 618 / 951);}

.parBox li:nth-child(1){ left: calc( 100% * 711 / 1600); top: calc( 100% * 231 / 951); /*border: var(--l) solid 4px; box-shadow:var(--ls);*/}
.parBox li:nth-child(2){ left: calc( 100% * 546 / 1600); top: calc( 100% * 318 / 951); /*border: var(--l) solid 4px; box-shadow:var(--ls);*/}
.parBox li:nth-child(3){ left: calc( 100% * 913 / 1600); top: calc( 100% * 318 / 951); /*border: var(--l) solid 4px; box-shadow:var(--ls);*/}

.parBox li:nth-child(12){left: calc( 100% * 505 / 1600); top: calc( 100% * 432 / 951);}
.parBox li:nth-child(13){left: calc( 100% * 515 / 1600); top: calc( 100% * 550 / 951);}
.parBox li:nth-child(14){left: calc( 100% * 961 / 1600); top: calc( 100% * 432 / 951);}
.parBox li:nth-child(23) { left: calc( 100% * 936 / 1600); top: calc( 100% * 550 / 951);}	

.parBox li:nth-child(15){ left: calc( 100% * 1144 / 1600); top: calc( 100% * 273 / 951);}
.parBox li:nth-child(16){ left: calc( 100% * 1166 / 1600); top: calc( 100% * 386 / 951);}
.parBox li:nth-child(17){ left: calc( 100% * 1167 / 1600); top: calc( 100% * 498 / 951);}
.parBox li:nth-child(18){ left: calc( 100% * 1149 / 1600); top: calc( 100% * 618 / 951);}

.parBox li:nth-child(19){ left: calc( 100% * 1382 / 1600); top: calc( 100% * 273 / 951);}
.parBox li:nth-child(20){ left: calc( 100% * 1399 / 1600); top: calc( 100% * 386 / 951);}
.parBox li:nth-child(21){ left: calc( 100% * 1399 / 1600); top: calc( 100% * 498 / 951);}
.parBox li:nth-child(22){ left: calc( 100% * 1382 / 1600); top: calc( 100% * 618 / 951);}

.index6{ display: flex; align-items: center; justify-content: space-between; height: 216px;}
.index6 .indexLeft6{ font-size: 40px; color: #000; font-weight:bolder;}
.index6 .indexArrow6{ display: flex; align-items: center;}
.index6 .indexArrow6 div{ margin-left: 13px; cursor: pointer;}
.index6 .indexArrow6 div img:nth-child(2){ display: none;}
.index6 .indexArrow6 div:hover img:nth-child(1){ display: none;}
.index6 .indexArrow6 div:hover img:nth-child(2){ display: block;}

.index7{ width: 90%; max-width: 1620px; margin:-35px auto 150px !important;}

.indexNewsItem{ margin:35px 10px; display: block; position: relative; width: 100%;}
.indexNewsItem .indexNewsShow{ width: 100%; position: absolute; top: 0; left: 0; transition:var(--tr);}
.indexNewsItem .indexNewsShow .indexNewsImg{ width: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.indexNewsItem .indexNewsShow .indexNewsImg:before{ content: ''; display: block; padding-top: calc( 100% * 240 / 386);}
.indexNewsItem .indexNewsShow .indexNewsText{}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsDeta{ font-size: 19px; color: #999999; margin: 25px 0 15px;}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsTitle{ font-size: 22px; color: #000; line-height: 40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight:bolder; height: 80px;}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore{ display: flex; align-items: center; font-size: 16px; color: var(--l); margin-top: 25px;}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore span{ margin-right: 10px;}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore i{}

.indexNewsItem .indexNewsMask{ border-radius: 10px; background: #fff; padding: 45px 50px; box-shadow: var(--s); opacity: 0; transition:var(--tr);}
.indexNewsItem .indexNewsMask .indexNewsDeta{ font-size: 19px; color: #999999; margin: 25px 0 25px;}
.indexNewsItem .indexNewsMask .indexNewsTitle{ font-size: 22px; color: #000; line-height: 35px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height: 105px; font-weight:bolder;}
.indexNewsItem .indexNewsMask .indexNewsSmall{ font-size: 16px; line-height: 27px; color: #999999; margin-top: 25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; height: 108px;}
.indexNewsItem .indexNewsMask .indexNewsMore{ display: flex; align-items: center; font-size: 16px; color: var(--l); margin-top: 25px;}
.indexNewsItem .indexNewsMask .indexNewsMore span{ margin-right: 10px;}
.indexNewsItem .indexNewsMask .indexNewsMore i{}

.indexNewsItem:hover .indexNewsShow{ opacity: 0;}
.indexNewsItem:hover .indexNewsMask{  opacity: 1;}

.index7 .slick-dots li { margin: 0 5px; text-align: center; width: fit-content;}
.index7 .slick-dots li button { width:10px; height: 10px; background: #dcdcdc; opacity: 1; padding: 0; border-radius: 10px; transition: var(--tr);}
.index7 .slick-dots li button:before { content: '';}
.index7 .slick-dots li.slick-active button { background: var(--l); width: 24px;}


{}

.tech{ margin: 90px auto 130px;}
.techItem{ width: 100%; display: flex; background: #edf5f5; margin-bottom: 60px;}
.techItem:nth-child(even){ flex-direction: row-reverse;}
.techItem .techImg{ width: 50%; position: relative; overflow: hidden;}
.techItem .techImg::before{ content: ''; display: block; padding-top: calc( 100% * 500 / 800);}
.techItem .techText{ width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 85px;}
.techItem .techText .techTitle{ font-size: 35px; color: #000;}
.techItem .techText .techSmall{ font-size: 17px; line-height: 35px; color:#666666; margin: 45px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.techItem .techText .techMore{}

.more{ cursor:pointer; padding: 0 45px; border: var(--l) solid 1px; height:60px; position: relative; border-radius: 600px; display: flex; align-items: center; justify-content: center; color: var(--l); font-size: 19px; width: fit-content; overflow: hidden;}
.more img{ position: relative; z-index: 1; margin-right: 10px;}
.more img:nth-child(2){ display: none;}
.more span{ white-space:pre; display:block;}
.more span{ position: relative; z-index: 1;}
.more::before{ content:''; display: block; height: 100%; width: 0; transition: var(--tr); background: var(--l); position: absolute; left: 0; top: 0; z-index: 0;}

.more:hover img:nth-child(1){ display: none;}
.more:hover img:nth-child(2){ display: block;}
.more:hover span{ color: #fff;}
.more:hover::before{ width: 100%;}

.more.on img:nth-child(1){ display: none;}
.more.on img:nth-child(2){ display: block;}
.more.on span{ color: #fff;}
.more.on::before{ width: 100%;}

{}

.title2{ display:flex; align-items:center;flex-wrap: wrap;}
.title2 .title21{ margin-right:50px; font-size:22px; line-height: 2em;}
.title2 .title21 span{ color:var(--l); font-size:20px;}
.title2 .title22{ width: 100%; font-size:20px; line-height: 2em;}
.title2 .title22 span{ color:var(--l);}

{}

.crumbs{ margin-top: 25px; height: 75px; display: flex; align-items: center;}
.crumbs a{ font-size: 16px; color: #666666;}
.crumbs i{ font-size: 16px; color: #666666; margin: 0 10px;}
.crumbs span{ font-size: 16px; color: var(--l);}

.content{ padding:0 110px; margin:0 auto 180px; background:#fff; border-radius:20px; overflow:hidden;}
.conTop{ display:flex; justify-content:space-between; padding:50px 0 45px; align-items:center;}

.title{ font-size:24px; color:#000000; line-height: 2em; text-align: center; font-weight: bolder;}

.neirong{ font-size:16px; line-height:2em; color:#666666; padding:2em 0; border-bottom:#e5e5e5 solid 1px; border-top:#e5e5e5 solid 1px;}

video{ max-width:100% !important; background:#000; }

.conBot{ display:flex; align-items:center; justify-content:space-between; margin-top:20px; margin-bottom:10px;}
.conBot a:nth-child(1){ font-size:17px; color:#666666; line-height:2em; width: 40%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.conBot a:nth-last-child(1){ font-size:17px; color:#666666; line-height:2em; width: 40%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.conBot a:hover{ color:var(--l);}

.conBotBlock{ display:flex; align-items:center; flex-direction:column; font-size:17px; color:#666666; line-height:2em;}

{}


.solu{ margin: 20px auto 130px;}
.solu .soluItem{ width: 100%; display: flex; justify-content:space-between; padding:75px 0; border-bottom:#e5e5e5 solid 1px;}
.solu .soluItem:nth-child(even){ flex-direction: row-reverse;}
.solu .soluItem .soluImg{ width: calc( 50% - 30px); position: relative; overflow: hidden; border-radius:10px;}
.solu .soluItem .soluImg::before{ content: ''; display: block; padding-top: calc( 100% * 440 / 770);}
.solu .soluItem .soluText{ width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 85px;}
.solu .soluItem .soluText .soluTitle{ font-size: 24px; color: #000; position:relative; line-height:1.5em; font-weight: bolder;}
.solu .soluItem .soluText .soluTitle:before{ width:35px; height:3px; background:var(--l); border-radius:5px; position:absolute; left:0; bottom:-10px; content:''; display:block;}
.solu .soluItem .soluText .soluSmall{ font-size: 17px; line-height: 35px; color:#666666; margin: 45px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.solu .soluItem .soluText .soluMore{}



.solu2{ margin: 20px auto 130px;}
.solu2 .soluItem{ width: 100%; display: flex; justify-content:space-between; padding:45px; background: #f8f8f8; margin-bottom: 30px;}
.solu2 .soluItem .soluImg{ width: calc( 50% - 30px); position: relative; overflow: hidden; border-radius:10px;}
.solu2 .soluItem .soluImg::before{ content: ''; display: block; padding-top: calc( 100% * 440 / 770);}
.solu2 .soluItem .soluText{ width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 85px;}
.solu2 .soluItem .soluText .soluTitle{ font-size: 24px; color: #000; position:relative; line-height:2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.solu2 .soluItem .soluText .soluTitle:before{ width:35px; height:3px; background:var(--l); border-radius:5px; position:absolute; left:0; bottom:0; content:''; display:block;}
.solu2 .soluItem .soluText .soluSmall{ font-size: 17px; line-height: 35px; color:#666666; margin: 45px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.solu2 .soluItem .soluText .soluMore{}

{}

.techno{ margin: 80px auto 180px; cursor: pointer;}

.technoItem{ width: 100%; margin-bottom: 30px;}

.technoTop{ height: 270px; border-radius: 15px; overflow: hidden; position: relative;}
.technoTop .technoTopBg{ transition:var(--tr); position: absolute; top: 0; width: 100%; height: 100%; z-index: 0;}
.technoTop .technoTopTitle{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 80px; font-size: 35px; color: #FFFFFF; display: flex; align-items: center; z-index: 1; font-weight: bolder;}
.technoTop .technoTopIcon{ position: absolute; top: 50%; width: 100%; height: 0; padding: 0 80px; display: flex; align-items: center; z-index: 3; cursor: pointer;}
.technoTop .technoTopIcon img:nth-child(2){ display: none;}

.technoItem:nth-child(odd) .technoTop .technoTopBg{ background-image: linear-gradient(to right, var(--l),rgba(44,187,199,0)); left: 0;}
.technoItem:nth-child(odd) .technoTop .technoTopIcon{ justify-content: flex-end;}
.technoItem:nth-child(even) .technoTop .technoTopBg{ background-image: linear-gradient(to left, var(--l),rgba(44,187,199,0)); right:0;}
.technoItem:nth-child(even) .technoTop .technoTopTitle{ flex-direction: row-reverse;}

.technoTop:hover .technoTopBg{ width: 400%;}

.technoItem.on .technoTop .technoTopIcon img:nth-child(1){ display: none;}
.technoItem.on .technoTop .technoTopIcon img:nth-child(2){ display: block;}

.technoBot{}
.technoBotItem{ transition:var(--tr); position:relative; z-index:1; }
.technoBotItem.on{ box-shadow: 1px 1px 30px #bbb; z-index: 9;}
.technoBot .tbiTop{ height: 80px; padding: 0 80px; border-bottom: #EEEEEE solid 1px; display: flex; align-items: center; justify-content: space-between; background: #f8f8f8;}
.technoBot .tbiTop .tbiTopTitle{ font-size: 19px; color: #000000;}
.technoBot .tbiTop .tbiTopMore{ width: 110px; height: 33px; display: flex; align-items: center; justify-content: center; background: url(/skin/images/trc7.png) repeat-x 50%; color: #FFFFFF; border-radius: 50px; cursor: pointer;}
.technoBot .tbiTop .tbiTopMore i{ margin-left: 10px;}

.technoBot .tbiBot{ overflow: hidden; background: #FFFFFF; display:none; position: relative;}
.technoBot .tbiBot .tbiBotNei{ padding: 40px 80px 40px; line-height: 2em;}

{}

.soluAboutPro{ background:#FFFFFF; overflow:hidden; padding:70px 0;}

.aboutPro{ display:flex; align-items:center; justify-content:space-between;}
.aboutPro .aboutProLeft{ display:flex; align-items:center; font-size:40px; color:#000000; font-weight: bolder;}
.aboutPro .aboutProLeft img{ margin-right:20px;}

.aboutProArrow{ display: flex; align-items: center;}
.aboutProArrow div{ margin-left: 13px; cursor: pointer;}
.aboutProArrow div img:nth-child(2){ display: none;}
.aboutProArrow div:hover img:nth-child(1){ display: none;}
.aboutProArrow div:hover img:nth-child(2){ display: block;}

.soluPro{ width:90%; max-width:1640px; margin:0 auto !important;}

.soluProItem{ margin:60px 20px 40px; display:flex; align-items:center; flex-direction:column; position: relative; cursor: pointer;}
.soluProItem .soluProImg{display: block; width:100%; overflow:hidden; position:relative; border:#e5e5e5 solid 1px; border-radius:20px; transition:var(--tr)}
.soluProItem .soluProImg:before{ content:''; display:block; padding-top:calc( 100% * 350 / 507);}
.soluProItem .soluProTitle{display: block; font-size:22px; line-height:32px; text-align:center; color:#000000; margin-top:50px;}
.soluProItem .soluProMore{ display:flex; align-items:center; justify-content:center; color:var(--l);}
.soluProItem .soluProMore i{ margin-left:10px;}
.soluProItem .spMask{ width: 100%; height: 100%; background: #FFFFFF; box-shadow: var(--ls); border-radius: 10px; padding: 30px 55px 30px; opacity: 0; transition: var(--tr); position: absolute; top: 0; left: 0;}
.soluProItem .spMask .soluProTitle{display: block; font-size:22px; line-height:32px; text-align:left; color:#000000; margin-top:40px;}
.soluProItem .spMask .soluProSmall{ font-size: 16px; line-height: 2em; color: #666666; margin: 20px 0 50px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.soluProItem .spMask .soluProMore{ display:flex; align-items:center; justify-content:flex-start; color:var(--l);}
.soluProItem:hover .spMask{ opacity: 1;}

.soluProItem:hover .soluProImg{ box-shadow:var(--s);}

.soluAboutCase{ padding:75px 0; overflow:hidden;}

.soluCase{ display:grid; grid-template-columns:repeat(6,1fr); grid-column-gap: 20px; grid-row-gap: 24px; margin:65px auto 110px;}
.soluCase a{ display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:10px; border:#e5e5e5 solid 1px; background:#FFFFFF; height:112px; transition:var(--tr);}
.soluCase a:hover{ border:var(--l) solid 1px; box-shadow:var(--ls);}

{}

.case1{ display:flex; justify-content:center; flex-direction:column; align-items:center; margin-top:105px; margin-bottom:80px;}
.case1 .case11{ height:0px; font-size:77px; opacity:0.07; font-weight:bolder; line-height: 20px;}
.case1 .case12{ font-size:40px; font-weight: bolder;}

.customer .aboutProArrow{ display:none;}

.cusBox{ width:1655px; margin:0 auto 0;}

.cusItem{ display:block; background:#FFFFFF; box-shadow:var(--s); margin:65px 28px; border-radius:15px; overflow:hidden;}
.cusItem .cusImg{ width:100%; position:relative; overflow:hidden;}
.cusItem .cusImg:before{ content:''; display:block; padding-top:calc( 100% * 273 / 497);}
.cusItem .cusText{ padding:25px 45px 45px;}
.cusItem .cusText .cusTitle{ font-size:25px; line-height:40px; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height: 80px;}
.cusItem .cusText .cusMore{ margin-top:30px;}

{}

.case{ margin-bottom:125px;}
.case .title{ text-align:center; width:100%;}

.cusItem .cusText .cusSmall{ font-size:17px; line-height:30px; color:#666666; margin:15px 0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

.case2 .cusItem .cusText .cusTitle{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

{}

.conTop2{ display:flex; flex-direction:column; align-items:center; padding:50px 0 20px;}
.conTop2 .title{ }
.conTop2 .riqi{ font-size:19px; color:#999999; line-height:2em;}

{}

.news{ display:grid; grid-template-columns: repeat(4,1fr); grid-row-gap: 68px; grid-column-gap: 18px; margin-top:80px; margin-bottom:65px;}
.news .indexNewsItem{ margin:0 auto; display: block; position: relative;}
.news .indexNewsItem .indexNewsMask{ border-radius: 10px; background: #fff; padding: 45px 50px; box-shadow: var(--s); opacity: 0; transition:var(--tr);}
.news .indexNewsItem .indexNewsMask .indexNewsDeta{ font-size: 19px; color: #999999; margin: 5px 0 25px;}
.news .indexNewsItem .indexNewsMask .indexNewsSmall{ margin-top: 10px;}
.news .indexNewsItem .indexNewsMask .indexNewsMore{ margin-top: 10px;}

.news .indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore{ margin-top: 10px;}

.news .indexNewsItem:hover .indexNewsShow{ opacity: 0;}
.news .indexNewsItem:hover .indexNewsMask{  opacity: 1;}

.pagination{ display:flex; align-items:center; justify-content:center; margin-bottom:120px;}
.fenye li{ margin:0 8px;}
.fenye li a{ display:block; width:46px; line-height:46px; font-size:17px; box-shadow:var(--s); border-radius:70px; text-align:center;}
.fenye li span{ display:block; width:46px; line-height:46px; font-size:17px; box-shadow:var(--s); border-radius:70px; text-align:center; cursor: pointer; }
.fenye li:hover a{ color:#fff; background:var(--l); }
.fenye li:hover span{ color:#fff; background:var(--l); }
.fenye li.active span{ color:#fff; background:var(--l); }

{}

.market{ margin-top:50px; margin-bottom:35px; overflow:hidden;}

.marketItem{ padding:55px 65px 55px 45px; background:#FFFFFF; margin-bottom:35px; display:flex;}

.marketItem .marketImg{ width:calc( 100% * 463 / 1600); flex-shrink:0; margin-right:65px; position:relative;}
.marketItem .marketImg .marketImgBox{ position:relative; overflow:hidden; border-radius:15px;}
.marketItem .marketImg .marketImgBox:before{ content:''; display:block; padding-top:calc( 100% * 287 / 463);}
.marketItem .marketImg .marketIcon{ position:absolute; right:-23px; top:50%; transform:translateY(-23px); opacity:0; transition:var(--tr);}

.marketItem .marketText{}
.marketItem .marketText .marketTop{ display:flex; align-items:center;}
.marketItem .marketText .marketTop .marketDeta{ font-size:19px; color:#999; line-height:2em;}
.marketItem .marketText .marketTop .marketMap{ display:flex; font-size:19px; color:#999; line-height:2em; align-items:center;}
.marketItem .marketText .marketTop .marketMap img{ margin-left:0px; margin-right:5px;}
.marketItem .marketText .marketTitle{ font-size:30px; line-height:1.5em; color:#000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:15px; margin-top:15px; font-weight: bolder;}
.marketItem .marketText .marketBm{ font-size:22px; color:var(--l);}
.marketItem .marketText .markOver{ font-size:22px; color:#999999;}
.marketItem .marketText .marketSmall{ font-size:16px; color:#999999; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:15px;}

.marketItem:hover .marketImg .marketIcon{ opacity:1;}

{}

.about1{ display:flex; margin:105px auto 140px; overflow:hidden;}

.about11{ width:calc( 100% * 250 / 1600); flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.about11 .about111{ font-size:40px; color:#000000; font-weight: bolder;}
.about11 .about112{ font-size:25px; color:var(--l); margin:20px auto 55px; font-weight: bolder;}
.about11 .about113{}

.about12{ width:1px; flex-shrink:0; background:#e5e5e5; margin:0 calc( 100% * 100 / 1600);}

.about13{ font-size:18px; line-height:32px;}

.about2{ height:0; display:flex; align-items:center; position:relative; z-index:99;}

/*数字滚动插件的CSS可调整样式*/
.about2 .mt-number-animate{ line-height:42px; height: 40px; font-size: 46px; overflow: hidden; display: inline-block; position: relative; }
.about2 .mt-number-animate .mt-number-animate-dot{ width: 25px; line-height: 40px; float: left; text-align: center;}
.about2 .mt-number-animate .mt-number-animate-dom{ width: 25px;text-align: center; float: left; position: relative; top: 0;}
.about2 .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}

.about2 .shuzi{ height:220px; position:absolute; top:-110px;}

.about2 .shuzi{ width: 100%; display: flex; justify-content:space-around; align-items:center; background:#FFFFFF; box-shadow:var(--s); height:180px;}
.about2 .shuziXun{ display:flex; flex-direction:column; align-items: center; justify-content:center; width:25%;}
.about2 .shuziXun .abxTop{ display: flex; align-items: flex-end; color:var(--l); justify-content:center; }
.about2 .shuziXun .abxTop .sz1{ font-size: 45px; font-weight: bolder;}
.about2 .shuziXun .abxBot{ font-size: 19px; color: #666; line-height: 3em;}
.about2 .shuziXun1{ font-size:35px; color:#cccccc;}

.about3{ width:100%; position:relative; z-index:1; overflow:hidden;}
.about3 .aboutZhan3{ width:100%;}
.about3 .aboutZhan3:before{ padding-top:calc( 100% * 666 / 1600); content:''; display:block;}

.aboutArrow3{  position:absolute !important; top:50%; left:50%; transform:translateX(-50%); display: flex; align-items: center; height:0; cursor:pointer; z-index:9; justify-content: space-between; padding: 0 5%;}
.aboutArrow3 div{ margin-left: 13px; cursor: pointer;}
.aboutArrow3 div img:nth-child(2){ display: none;}
.aboutArrow3 div:hover img:nth-child(1){ display: none;}
.aboutArrow3 div:hover img:nth-child(2){ display: block;}

.aboutPic3{ width:100%; height:100%; position:absolute !important; left:0; top:0;}

.about3 .slick-list{ height:100%;}
.about3 .slick-track{ height:100%;}
.about3 li{ position:relative;}

.about4{ margin:85px auto 70px; overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
.about4 .aboutLeft4{ width:48%;}
.about4 .aboutLeft4 .aboutLeft41{ font-size:40px; color:#000000; margin-top:-80px; font-weight: bolder;}
.about4 .aboutLeft4 .aboutLeft42{ font-size:19px; color:#666666; margin:15px 0 60px;}
.about4 .aboutLeft4 .aboutLeft43{ overflow: hidden;}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb{ display:flex; align-items:center; margin:18px 0;}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebIcon{ width:54px; flex-shrink:0; margin-right:26px; border-radius:80px;}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebTitle{ font-size:19px;}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebTitle span{ color:var(--l);}

.about4 .aboutRight4{ width:50%;}

.about5{ display:grid; grid-template-columns:repeat(2,1fr); grid-column-gap:30px; grid-row-gap:40px; margin-bottom:150px; }
.about5 .aboutItem5{ border-radius:20px; overflow:hidden; background:#FFFFFF; display:flex; transition:var(--tr); align-items:center; cursor:pointer;}
.about5 .aboutItem5:hover{ box-shadow:var(--s);}
.about5 .aboutItem5 .aboutImg5{ width:220px; overflow:hidden; position:relative; flex-shrink:0; height: 100%;}
.about5 .aboutItem5 .aboutImg5:before{ content:''; display:block; padding-top:calc( 100% * 260 / 220);}
.about5 .aboutItem5 .aboutText5{ padding:45px 60px;}
.about5 .aboutItem5 .aboutText5 .aboutTitle5{ font-size:25px; color:#000000; margin-bottom:25px;}
.about5 .aboutItem5 .aboutText5 .aboutSmall5{ font-size:17px; color:#666666; line-height:35px;}

{}


.special1{ overflow:hidden; margin:80px auto 110px; position:relative;}
.special1 .spebg1{ width:calc( 100% * 1200 / 1600); background:#FFFFFF; height:100%; border-radius:15px; box-shadow:var(--s); position:absolute; top:0; right:0; z-index:0;}

.spe1{ width:100%; display:flex; align-items:center; padding:45px 0; justify-content:space-between; position:relative; z-index:1;}
.spe1 .spe11{ width:calc( 100% * 650 / 1600);}
.spe1 .spe12{ width:50%; padding-right:calc( 100% * 120 / 1600);}
.spe1 .spe12 .spe121{ font-size:40px; color:#000000; margin-bottom:40px; font-weight: bolder;}
.spe1 .spe12 .spe122{ font-size:19px; line-height:30px;}

.specTitle{ font-size:40px; text-align:center; color:#000000; font-weight:bolder;}

.special2{ padding:80px 0 130px; overflow:hidden; background:#FFFFFF;}
.special21{ margin-top:50px; text-align:center;}

.special3{ background:url(../images/zt3.jpg) no-repeat 50%/cover; padding:100px 0; overflow:hidden;}

.special31{ width:90%; max-width:1385px; background:rgba(255,255,255,0.8); border-radius:10px; display:flex; flex-direction:column; align-items:center; padding:65px 45px 60px; margin:0 auto;}
.special31 .special311{ width:90%; max-width:965px; font-size:16px; line-height:25px; text-align:center; margin:40px auto 60px;}
.special31 .special312{ font-size:18px; text-align:center; color:#000000; margin-bottom:1em;}
.special31 .special313{}

.special4{ background:#FFFFFF; margin:70px auto 170px; padding:0 calc( 100% * 110 / 1600); padding-top:50px; padding-bottom:70px; overflow:hidden;}
.special4 .special41{ font-size:35px; text-align:center; font-weight: bolder;}

.specialProject{ margin:40px auto 0;}
.specialProject .spItem{ border-top:#e5e5e5 solid 1px; padding:35px 0 25px;}
.specialProject .spItem .spItemTitle{ font-size:22px; line-height:35px; color:#000000; margin-bottom:15px;}
.specialProject .spItem .spItemSmall{ font-size:16px; line-height:35px; color:#000000;}

.spItemSolu{ display: flex; align-items:center; justify-content:space-between;}
.spItemSolu .spItemSoluLeft{ width:calc( 100% * 860 / 1380);}
.spItemSolu .spItemSoluRight{ width:calc( 100% * 430 / 1380);}


{}

.ict1{ padding:75px 0 120px; overflow:hidden;}

.ictBox1{ border-radius:15px; overflow:hidden; display:flex; align-items: center; background:#FFFFFF; box-shadow:var(--s); margin-top:65px;}
.ictBox1 .ictImg1{ width:calc( 100% * 1000 / 1600); flex-shrink:0;}
.ictBox1 .ictText1{ padding:45px 75px;}
.ictBox1 .ictText1 .ictTitle1{ font-size:35px; margin-bottom:45px; color:var(--l); font-weight: bolder;}
.ictBox1 .ictText1 .ictSmall1{ font-size:17px; line-height:35px; color:#666666;}

.ict2{ padding:100px 0; background:#FFFFFF; overflow:hidden; position:relative;}

.ictCenter2{ width:420px; border-radius:500px; box-shadow:var(--ls); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; background:#FFFFFF;}
.ictCenter2:before{ padding-top:100%; content:''; display:block;}
.ictCenter2 .ictCenterBox2{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ictCenter2 .ictCenterBox2 .ictCenter21{ margin-bottom:40px;}

.ictBox2{ display:grid; grid-template-columns: 520fr 560fr 520fr; grid-row-gap:90px; margin-bottom:90px;}
.ictBox2 .ictItem2{}
.ictBox2 .ictItem2 .ictNum2{ font-size:30px; font-weight:bolder; color:var(--l);}
.ictBox2 .ictItem2 .ictTitle2{ font-size:30px; color:#000000; margin:15px 0 25px; font-weight: bolder;}
.ictBox2 .ictItem2 .ictSmall2{ font-size:16px; line-height:26px; color:#666666;}

.ict3{ padding:70px 0 120px; background:#FFFFFF; overflow:hidden;}

.ictzz{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:40px; margin-top:65px;}
.ictzz .ictzzItem{ border-radius:15px; border:var(--l) solid 2px; box-shadow:var(--ls); padding:30px;}
.ictzz .ictzzItem .ictzzItemTop{ display:flex; align-items:center; margin-bottom:20px;}
.ictzz .ictzzItem .ictzzItemTop .ictzzItemIcon{ margin-right:25px;}
.ictzz .ictzzItem .ictzzItemTop .ictzzItemTitle{ font-size:25px; color:#000000; font-weight: bolder;}
.ictzz .ictzzItem .ictzzItemSmall{ font-size:17px; line-height:27px; color:#666666;}

.ict4{ padding:70px 0 120px; overflow:hidden;}

.specTitle2{ font-size:22px; color:#000000; text-align:center; margin:20px auto;}

.ictZyrz{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:40px; align-content:stretch;}
.ictZyrz .ictZyrzItem{ margin-top:50px;}
.ictZyrz .ictZyrzItem .ictZyrzNum{ height:0; display:flex; align-items:center; justify-content:center;}
.ictZyrz .ictZyrzItem .ictZyrzNum div{ width:125px; height:125px; line-height:125px; background:#FFFFFF; border-radius:125px; box-shadow:var(--ls); font-size:40px; font-weight:bolder; color:var(--l); text-align:center;}
.ictZyrz .ictZyrzItem .ictZyrzText{ border-radius:10px; background:#FFFFFF; box-shadow:var(--s); padding:90px 55px 45px; display:flex; flex-direction:column; align-items:center; height:100%;}
.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzTitle{ font-size:30px; color:#000000; font-weight: bolder;}
.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzSmall{ font-size:17px; color:#666666; line-height:30px; text-align:center; margin:10px auto 15px;}
.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzImg{}

{}

.safe1{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:40px; margin-top:45px;}
.safe1 .safeItem1{ padding:45px 45px 35px; box-shadow:var(--s); background:#FFf; border-radius:15px;}
.safe1 .safeItem1 .safeItemNum1{ color:var(--l); font-size:30px; font-weight:bolder;}
.safe1 .safeItem1 .safeItemTitle1{ font-size:30px; color:#000000; margin:15px auto 15px;}
.safe1 .safeItem1 .safeItemSmall1{ font-size:16px; color:#666666; line-height:30px;}

.ictZyrz.ictZyrz2{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:40px; max-width:1080px; margin:0 auto; }

.nlzz{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:40px; margin-top:65px;}
.nlzz .nlzzItme{ padding:40px 50px; border:var(--l) solid 1px; box-shadow:var(--s); background:#FFf; border-radius:15px; display:flex; align-items:center;}
.nlzz .nlzzItme .nlzzIcon{ margin-right:40px;}
.nlzz .nlzzItme .nlzzText{}
.nlzz .nlzzItme .nlzzText .nlzzTitle{ font-size:30px; color:#000000; margin-bottom:10px; font-weight: bolder;}
.nlzz .nlzzItme .nlzzText .nlzzSmall{font-size:19px; color:#666666; line-height:30px;}

{}

.cloud{ padding:70px 0 120px; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.cloud .cloudLeft{ width:calc( 100% * 370 / 1600);}
.cloud .cloudLeft .specTitle{ text-align:left;}
.cloud .cloudLeft .specTitle2{ text-align:left;}

.cloud1{ padding:70px 0 120px; background:#FFFFFF; overflow:hidden;}

.cloBox{ position:relative;}
.cloArrow{}
.cloArrow{ display: flex; align-items: center; justify-content:space-between; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1770px; z-index:99;}
.cloArrow div{ margin-left: 13px; cursor: pointer;}
.cloArrow div img:nth-child(2){ display: none;}
.cloArrow div:hover img:nth-child(1){ display: none;}
.cloArrow div:hover img:nth-child(2){ display: block;}

.clo{ width:90%; max-width:1640px; margin:0 auto; }
.clo .cloItem{ border-radius:15px; box-shadow:var(--s); padding:30px; margin:30px 18px; height:228px}
.clo .cloItem .cloItemTop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.clo .cloItem .cloItemTop .cloItemIcon{}
.clo .cloItem .cloItemTop .cloItemTitle{ font-size:30px; color:var(--l);}
.clo .cloItem .cloItemSmall{ font-size:19px; line-height:32px; color:#000;}



.specTitle3{ font-size:22px; line-height:35px; text-align:center; color:#000000; max-width:880px; width:90%; margin:35px auto 45px;}

.cloud3{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:40px; margin-top:45px;}
.cloud3 .cloudItem1{ padding:45px 45px 35px; box-shadow:var(--s); background:#FFf; border-radius:15px;}
.cloud3 .cloudItem1 .cloudItemNum1{ color:var(--l); font-size:30px; font-weight:bolder;}
.cloud3 .cloudItem1 .cloudItemTitle1{ font-size:25px; color:#000000; margin:30px auto 35px; font-weight: bolder;}
.cloud3 .cloudItem1 .cloudItemSmall1{ font-size:17px; color:#666666; line-height:30px;}

.qgzq{ position:relative;}

.qgzq .qgzqArrow{ display: flex; align-items: center; justify-content:space-between; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1770px; z-index:99;}
.qgzq .qgzqArrow div{ margin-left: 13px; cursor: pointer;}
.qgzq .qgzqArrow div img:nth-child(2){ display: none;}
.qgzq .qgzqArrow div:hover img:nth-child(1){ display: none;}
.qgzq .qgzqArrow div:hover img:nth-child(2){ display: block;}

.qgzqBox{ width:1630px; margin:0 auto; padding:0px 0;}

.qgzqItem{ margin:45px 15px; padding:35px 50px 50px; background:#FFFFFF; border-radius:15px;}
.qgzqItem .qgzqTitle{ font-size:25px; line-height:35px; color:#000000; font-weight: bolder;}
.qgzqItem .qgzqSmall{ font-size:17px; line-height:25px; color:#999999; margin:15px 0 -10px; min-height: 100px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.qgzqItem .qgzqImg{ border-top:#bfbfbf solid 1px;}
.qgzqItem .qgzqMore{ margin-top:30px;}
.qgzqItem .qgzqMore .more{ cursor:pointer; padding: 0 45px; border: var(--l) solid 1px; height:60px; position: relative; border-radius: 600px; display: flex; align-items: center; justify-content: center; color: var(--l); font-size:25px; width:100%; overflow: hidden;}
.qgzqItem .qgzqMore .more img{ position: relative; z-index: 1; margin-right: 10px;}
.qgzqItem .qgzqMore .more img:nth-child(2){ display: none;}
.qgzqItem .qgzqMore .more span{ white-space:pre; display:block; font-weight: bolder;}
.qgzqItem .qgzqMore .more span{ position: relative; z-index: 1;}
.qgzqItem .qgzqMore .more::before{ content:''; display: block; height: 100%; width: 0; transition: var(--tr); background: var(--l); position: absolute; left: 0; top: 0; z-index: 0;}

.qgzqItem:hover{ box-shadow:var(--s);}
.qgzqItem:hover .qgzqMore .more img:nth-child(1){ display: none;}
.qgzqItem:hover .qgzqMore .more img:nth-child(2){ display: block;}
.qgzqItem:hover .qgzqMore .more span{ color: #fff;}
.qgzqItem:hover .qgzqMore .more::before{ width: 100%;}

#mfzq .qgzqItem{ box-shadow:var(--s);}

{}


@media screen and (min-width:1200px){
	
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1600px){

.bkBox .bkBoxItem{width: 158px;}
.bkBox .bkBoxItem2 {
    width: 190px;
}


.w1{ max-width:1200px;}

.topNei .topRight .topMenu .topMenuBox {
    padding: 0 10px;
}

.banner .bannerBox .bannerLink .bannerText .bannerText1 {
    font-size: 40px;
    line-height: 50px;
}
.banner .bannerBox .bannerLink .bannerText .bannerText2 {
    font-size: 18px;
    line-height: 40px;}
	
.banner .bannerBox .bannerLink .bannerText .more {
    width: 160PX;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.more{
    width: 160PX;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}
.more img{ width:13px;}

.indexTitle .indexTitleText {
    font-size: 28px;
    line-height: 45px;
    color: #000000;
    margin-top: -5px;
}

.bk ul li img{ width:90px;}

.bkLink a {
    margin: 0 20px;
    border: var(--l) solid 2px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 2em;
    display: block;
    padding: 0 32px;
    transition: var(--tr);
    min-width: 190px;
    text-align: center;
}
.bkBox .bkBoxItem .bkIcons li {
    font-size: 14px;
    line-height: 30px;
	white-space:pre;
}
.bkIcon {
    line-height: 44px;
    font-size: 18px;
    min-width:110px;
	padding:0 15px;
	white-space:pre;
}
.bkBox .bkBoxItem .bkIcons2 li {
    /* width: 100%; */
    text-align: center;
    font-size: 14px;
    white-space: pre;
}

.foContent .foContent1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 24px;
}

.indexHonor {
    padding: 100px 0;
}
.honorBoxTitle {
    line-height: 60px;
    font-size: 16px;
}
.honorBoxImg {
    display: flex;
    padding: 20px 55px;
    border-bottom: #eeeeee solid 1px;
}

.caseLogoRow div{ height:75px;}
.caseLogoRow {
    padding: 20px 0;
    grid-column-gap: 20px;
}
.caseLogoArrow div {
    margin-left: 10px;
    cursor: pointer;
    width: 36px;
}
.indexCase .indexCaseLeft .indexCaseLeft2 {
    font-size: 30px;}
.indexCase .indexCaseLeft .indexCaseLeft3 {
    font-size: 16px;
}

.indexCase .indexCaseLeft .indexCaseLeft4 a{ height:40px; font-size:15px;}
.indexCase .indexCaseLeft .indexCaseLeft4{margin-top: 30px;}

.parBox li {
    border: #fff solid 2px;
    width: 130px;
    height: 46px;
    padding: 8px;
}
.parBox li:nth-child(1) {
    border: var(--l) solid 2px;
}
.parBox li:nth-child(2) {
    border: var(--l) solid 2px;
}
.parBox li:nth-child(3) {
    border: var(--l) solid 2px;
}
.index6 .indexLeft6 {
    font-size: 30px;
    color: #000;
}

.index7{max-width: 1220px; margin: -55px auto 90px !important;}

.indexNewsItem .indexNewsShow .indexNewsText .indexNewsTitle {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
}
.indexNewsItem .indexNewsMask{ padding:30px;}
.indexNewsItem .indexNewsMask .indexNewsDeta {
    font-size: 16px;
    margin: 15px 0 10px;
}
.indexNewsItem .indexNewsMask .indexNewsTitle {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 90px;
}
.indexNewsItem .indexNewsMask .indexNewsSmall{margin-top: 5px;}
.indexNewsItem .indexNewsMask .indexNewsMore{margin-top: 5px;}

.indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore{margin-top: 5px;}

.index6 .indexArrow6 div{ width: 36px;}
.index3 .indexArrow6 div{ width: 36px;}

.foMenu .foMenuItem {
    width: 110px;}

.foGuan .foGuanItem{ width:45px;}
.foGuan .foGuanItem .foGuanIcon{ width:45px; height:45px;}
.foGuan .foGuanItem .foGuanTc{ bottom:5px;}

.top.on .topNei .topLogo img{ height:45px;}

.topNei { height: 90px;}
.topNei .topRight .topMenu .topMenuBox .topMenuTitle{ height:90px; line-height:90px;}
.topNei .topRight .topMenu .topMenuBox .topMenuDown{ top:89px;}

.neiBanner .bannerNei .bannerText1 {
    font-size: 45px;}
.neiBanner .bannerNei .bannerText3 {
    font-size: 18px;}

.nav.on{ top: 90px; }
.navBox a {
    white-space: pre;
    font-size: 15px;
    display: block;
    margin-right: 45px;
    line-height: 50px;
    position: relative;
}

.ict1 {
    padding: 45px 0 60px;
    overflow: hidden;
}

.specTitle {
    font-size: 32px;
}

.ictBox1{ margin-top:45px;}
.ictBox1 .ictText1 .ictTitle1 {
    font-size: 28px;
    margin-bottom: 10px;
    color: var(--l);
}
.ictBox1 .ictText1 {
    padding: 28px 30px;
}
.ictBox1 .ictText1 .ictSmall1 {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.ictCenter2 {
    width: 300px;}
.ictCenter2 .ictCenterBox2 .ictCenter21 {
    margin-bottom: 20px;
    width: 70px;
}

.specTitle {
    font-size: 28px;}

.ictBox2 .ictItem2 .ictTitle2 {
    font-size: 24px;
    margin: 15px 0 15px;
}
.ictBox2 .ictItem2 .ictSmall2 {
    font-size: 14px;}

.ict2 {
    padding: 50px 0;}

.ictBox2 {
    margin-bottom: 30px;
}

.qgzq .qgzqArrow div{ display: block !important;}

.special2 {
    padding: 45px 0 60px;}
.ictzz .ictzzItem .ictzzItemTop .ictzzItemTitle {
    font-size: 20px;
    color: #000000;
	font-weight:bolder;
}
.ictzz .ictzzItem .ictzzItemTop .ictzzItemIcon{ width:35px; margin-right:15px;}
.ictzz .ictzzItem .ictzzItemSmall {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
}

.soluProItem .spMask {
    padding: 0px 40px 30px;
}
.soluProItem .spMask .soluProSmall {
    font-size: 14px;
    margin: 20px 0 20px;
}
.soluProItem .spMask .soluProTitle {
    font-size: 18px;
	font-weight: bolder;
}

.ict3 {
    padding: 45px 0 60px;}
.specTitle2 {
    font-size: 16px;}
	
	
.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzTitle {
    font-size: 24px;
    color: #000000;
}

.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzSmall {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    text-align: center;
    margin: 10px auto 15px;
}

.ictZyrz .ictZyrzItem .ictZyrzText {
    padding: 90px 30px 45px;
}

.cebian {
    height: 45px;
    font-size: 15px;
}

.cebian img{ width:15px;}

.tcRight {
    width: 50%;
    padding:50px 30px 20px;
}
.tcBox{ max-width: 800px;}
.tcTitle {
    font-size: 15px;
    font-weight: bolder;
}

.inp1 input {
    width: 100%;
    line-height: 35px;
    background: none;
}

.inp2 input {
    width: 100%;
    line-height: 45px;
    background: none;
}

.inp2 div {
    font-size: 14px;
}

.inp3 textarea {
    width: 100%;
    line-height: 30px;
    background: none;
    height: 70px;
    padding: 10px 30px;
}

.inp5 input {
	font-size: 16px;
    line-height: 40px;
}
.tcLeft img{
    height: 100%;
    object-fit: cover;}
.closeTc {
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
    width: 30px;
}

.safe1 .safeItem1 .safeItemTitle1 {
    font-size: 24px; font-weight:bolder;}

.safe1 .safeItem1 .safeItemSmall1 {
    font-size: 14px;
}

.nlzz .nlzzItme .nlzzText .nlzzTitle {
    font-size: 24px; font-weight:bolder;}

.nlzz .nlzzItme .nlzzText .nlzzSmall {
    font-size: 14px;}
.clo .cloItem .cloItemTop .cloItemTitle{
    font-size: 24px; font-weight:bolder;}

.clo .cloItem .cloItemSmall{
    font-size: 14px;}

.cloud1{
    padding: 45px 0 60px;}

.cloud{
    padding: 45px 0 60px;}

.specTitle3 {
    font-size: 14px;}
	
.cloud3 .cloudItem1 .cloudItemTitle1 {
    font-size: 20px;
    color: #000000;
    margin: 20px auto 25px;
}	
	
.cloud3 .cloudItem1 .cloudItemSmall1{
    font-size: 14px;}
	
.qgzqBox{ width:1230px;}
	
.qgzqItem .qgzqTitle {
    font-size: 16px; font-weight:bolder;}
	

.qgzqItem {
    margin: 45px 15px;
    padding: 25px 30px 30px;
    background: #FFFFFF;
    border-radius: 15px;
}
.qgzqItem .qgzqSmall {
    font-size: 14px;}

.qgzqItem .qgzqMore .more {
    height: 45px;
    font-size: 16px;
}
.soluItem .soluText .soluTitle {
    font-size: 30px; font-weight:bolder;}
.soluItem .soluText .soluSmall {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin: 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.title {
    font-size: 26px;
    color: #000000;
}

.aboutPro .aboutProLeft {
    font-weight:bolder;
    font-size: 28px;
}

.aboutProArrow div{ width: 36px;}

.soluPro{ width:1240px;}

.cusBox {
    width: 1255px;
    margin: 0 auto 0;
}

.cusItem .cusText {
    padding: 25px 25px 25px;
}
.cusItem .cusText .cusTitle {
    font-size: 22px;
	height: 70px;
    line-height: 35px;
    color: #000000;}
.cusItem .cusText .cusMore {
    margin-top: 15px;
}

.soluAboutPro{
    padding: 45px 0 60px;}
	
.content {
    padding: 0 5%;}
	
.techItem .techText .techTitle {
    font-size: 28px;}
.techItem .techText .techSmall {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin: 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.news .indexNewsItem .indexNewsShow .indexNewsText .indexNewsTitle {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
}
.news .indexNewsItem .indexNewsMask{ padding:30px;}
.news .indexNewsItem .indexNewsMask .indexNewsDeta {
    font-size: 16px;
    margin: 15px 0 10px;
}
.news .indexNewsItem .indexNewsMask .indexNewsTitle {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 90px;
}
.news .indexNewsItem .indexNewsMask .indexNewsSmall{margin-top: 5px;}
.news .indexNewsItem .indexNewsMask .indexNewsMore{margin-top: 5px;}

.about11 .about111 {
    font-size: 32px;
    color: #000000;
}
.about11 .about112 {
    font-size: 17px;
    color: var(--l);
    margin: 20px auto 35px;
	font-weight:bolder;
}
.about13 {
    font-size: 16px;
    line-height: 32px;
}

.about2 .mt-number-animate{ font-size:36px;}

.about2 .shuzi{ top:-70px; height:140px;}

.about3 .aboutZhan3:before {
    padding-top: calc( 100% * 666 / 1200);
    content: '';
    display: block;
}
.about4 .aboutLeft4 .aboutLeft41 {
    font-size: 32px;
    color: #000000;
    margin-top: -80px;
}
.about4 .aboutLeft4 .aboutLeft42 {
    font-size: 16px;
    color: #666666;
    margin: 15px 0 24px;
}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebIcon {
    width: 35px;
    margin-right: 18px;
}

.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebTitle {
    font-size: 16px;
}
.about5 .aboutItem5 .aboutText5 {
    padding: 30px 30px;
}

.about5 .aboutItem5 .aboutText5 .aboutTitle5 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
	font-weight:bolder;
}
.about5 .aboutItem5 .aboutText5 .aboutSmall5 {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

.marketItem .marketImg {margin-right: 45px; 
    width: calc( 100% * 463 / 1200);
}

.marketItem .marketText .marketTitle { font-weight:bolder; 
    font-size: 24px;}

.marketItem .marketText .marketBm {
    font-size: 18px; font-weight:bolder; 
    color: var(--l);
}
.marketItem .marketText .markOver{
    font-size: 18px; font-weight:bolder; }
.marketItem {
    padding: 3%;}
	
.title2 .title21 {
    margin-right: 40px;
    font-size: 18px;
}

.special1{
    margin: 45px auto 60px;}
.spe1 .spe11 {
    width:48%;
}
.spe1 .spe12 {
    width: 48%;
    padding-right: calc( 100% * 120 / 1200);
}
.spe1 .spe12 .spe121 {
    font-size: 28px; font-weight:bolder; 
    color: #000000;
    margin-bottom: 15px;
}

.spe1 .spe12 .spe122 {
    font-size: 14px;
    line-height: 30px;
}
.special31 .special311 {
    margin: 30px auto 45px;
}
.special4 .special41 {
    font-size: 28px; font-weight:bolder; 
    text-align: center;
}
.specialProject .spItem .spItemSmall { font-size: 14px; line-height: 30px; color: #000000;}
.specialProject .spItem .spItemTitle { font-size: 20px; font-weight:bolder; color: #000000; margin-bottom: 15px;}

.spItemSolu .spItemSoluLeft {    width: 50%;}

.spItemSolu .spItemSoluRight{ width:45%;}

.indHisYearBox .indHisYear div { font-size: 64px;}
.indHisText .indHisTitle { font-size: 26px; color: #000;}
.indHisText .indHisSmall { font-size: 18px;}
.indHisText .indHisContent { font-size: 14px; color: #666666; line-height: 30px;}
.indHisImg { width: 350px;}

.indexHistory{ height: 450px;}

.solu2 .soluItem .soluText .soluTitle{ font-size: 30px;}
.solu2 .soluItem .soluText .soluSmall { font-size: 14px; line-height: 30px; margin: 30px 0;}
.solu2 .soluItem .soluText { padding: 0 25px;}

}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}


.top{ display: none;}
.mTop{ display: flex;}


body{ padding-top:60px;}

}
@media screen and (max-width:770px){
.indexNewsItem .indexNewsShow{ opacity:1 !important; }
.indexNewsItem .indexNewsMask{ opacity:0 !important; }


.top{ display: none;}
.mTop{ display: flex;}

.mMenu{ }

.cebian img{ display:none; }
.cebian span{
    width: 30px;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0;
}
.bannerBot{ bottom:30px; }
.banner .bannerZhan { height: 30vh;}
.banner .bannerBox .bannerLink .bannerText .bannerText1 { font-size: 22px; line-height: 30px;}
.banner .bannerBox .bannerLink .bannerText .more {
    width: 110PX;
    height: 30px;
    line-height: 45px;
    font-size: 12px;
}

.bkIcon{    line-height: 30px;
    font-size: 14px;
    min-width: 100px;
    padding: 0 10px;}

.indexHistoryJ .indexHistoryJ1{ display: none;}
.indHisYearBox{ display: none;}
.indHisImg{ display: none;}

.index2{padding: 190px 0 130px;}

.indexCase{ flex-direction: column;}
.indexCase .indexCaseLeft{ width: 100%; margin-bottom: 5%;}
.indexCase .indexCaseLeft .indexCaseLeft4{grid-template-columns: repeat(4,1fr);}
.indexCase .indexCaseRight{ width: 100%;}

.parBox{    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;}
.parBox li { border: #fff solid 2px; width: 75px; height: 30px; padding: 5px; position: relative; left:initial !important;
    top:initial !important;}

.parBg{ display:none; }
.parBox {
    position: relative;
    padding: 90px 5% 45px;
}

.index5 .indexNei1 { top: 45px;}

.fo1 .foRight1{ display: none;}

.foMenu{ display: none;}
.foContent{ width: 100%;}

.fo3{ flex-direction: column; align-items: center;}
.fo3 div{ flex-direction: column; align-items: center;text-align: center;}

.indexTitle { top: -10px;}
.indexTitle .indexTitleText { font-size: 20px; line-height: 30px; margin-top: -5px; font-weight: bolder;}

.index1 .indexTitle { top: -85px;}

.index2 {    padding: 80px 0 80px;}

.bkBox {
    overflow: hidden;
    overflow-x: auto;
    grid-template-columns: minmax(auto,auto) minmax(auto,auto) minmax(auto,auto) minmax(auto,auto) minmax(auto,auto) minmax(auto,auto) minmax(271px,auto);
}
.bkLink a {
    margin: 0 5px;
    padding: 0 10px;
    min-width: 100px;
    white-space: pre;
    font-size: 12px;
}

.indHisText .indHisTitle {
    font-size: 20px;
    color: #000;
}
.indHisText .indHisSmall {
    font-size: 16px;
}
.indexHistory::-webkit-scrollbar { width:2px; }

.indexCase .indexCaseLeft .indexCaseLeft1 {
    font-size: 18px;
    color: #fff;
}
.indexCase .indexCaseLeft .indexCaseLeft2 {
    font-size: 24px;
}
.indexCase .indexCaseLeft .indexCaseLeft3 {
    font-size: 14px;
}
.indexCase .indexCaseLeft .indexCaseLeft4 a {
    height: 26px;
    font-size: 12px;
}

.caseLogoRow div {
    height: 30px;
    padding: 0 5px;
}
.caseLogoRow {
    padding: 10px 0;
    grid-column-gap: 10px;
}

.caseLogoArrow img{ width:30px; }
.caseLogoArrow div {
    margin-left: 0px;}

.index6{height: 120px;}
.index6 .indexArrow6 {
    width: 95px;
}
.indexArrow6 img{ width:45px; }
.indexArrow6 div {
    margin-left: 0px;}

.index6 .indexLeft6 {
    font-size: 17px;
    color: #000;
}

.index7 {
    max-width: 1220px;
    margin: -55px auto 45px !important;
}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsDeta {
    font-size: 14px;
    color: #999999;
    margin: 15px 0 15px;
}

.mTop .hamburger{ padding:0; }
.mMenu .hamburger{ padding:0; }

.indexNewsItem .indexNewsShow .indexNewsText .indexNewsTitle {
    font-size: 15px;}
.indexNewsItem .indexNewsShow .indexNewsText .indexNewsMore{ font-size:14px; }

.fo1{ height:70px; }
.fo1 .foLeft1 img{ height:40px; }

.index1{padding: 120px 0 105px;}

.bk {
    width: 100%;
    height: 40px;
}
.bk ul{ padding: 0 15px;}
.bk ul li{ width: 50px;;}
.bkBox .bkBoxItem .bkIcons li { text-align: center;}
.bkBox {width: 102%;
    margin-left: -1%;}

.index2 .indexTitle { top: 60px;}

.index3{padding-top: 40px;}
.index3 .indexTitle {    top: 5px;}

.indexHonor { padding: 40px 0 45px;}
.honorBoxTitle {
    line-height: 60px;
    font-size: 14px;
}


.ict2 {
    padding: 50px 0 35px;
}

.index4 { padding: 45px 0;}

.ictBox1{ flex-direction: column-reverse !important;}
.ictBox1 .ictImg1{ width: 100%;}
.ictBox1 .ictText1{ width: 100%;}

.ictCenter2 { width: 120px;}
.ictCenter2 .ictCenterBox2 .ictCenter21 {
    margin-bottom: 5px;
    width: 40px;
}


.specTitle { font-size: 24px;}
.ictzz { grid-template-columns: repeat(1,1fr);}
.ictzz .ictzzItem .ictzzItemTop{ flex-direction: column;}
.ictzz .ictzzItem .ictzzItemTop .ictzzItemIcon{ margin: 0 0 5%;}

.ictBox1 .ictText1 .ictTitle1 {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--l);
}
.ictBox1 {
    margin-top: 20px;
}
.ictBox2 .ictItem2 .ictTitle2 {
    font-size: 16px;
    margin: 15px 0 15px;
}
.qgzqItem .qgzqTitle {
    font-size: 20px;
    font-weight: bolder;
}

.neiBanner{ margin-bottom:0 !important; }
.nav.on {
    top: initial;
    position: relative;
}

.neiBanner .banerNeiZhan {
    height: 35vh;
}
.neiBanner .bannerNei .bannerText1 { font-size: 24px;}
.neiBanner .bannerNei .bannerText3 {
    font-size: 14px;
}
.neiBanner .moreBox {
    margin-top: 15px !important;
}

.neiBanner .moreBox .more{
    width: 110PX;
    height: 30px;
    line-height: 45px;
    font-size: 12px;
}
.safe1 { grid-template-columns: repeat(1,1fr);}

.nlzz{ grid-template-columns: repeat(1,1fr);}

.cloud{ display: flex; flex-direction: column;}
.cloud .cloudLeft{ width: 100%;}

.cloud3{ grid-template-columns: repeat(1,1fr);}

.safe1 .safeItem1{ padding:5%; }
.safe1 .safeItem1 .safeItemNum1{ font-size:16px; }
.safe1 .safeItem1 .safeItemTitle1 {
    font-size: 18px;
    font-weight: bolder;
}
.safe1 .safeItem1 .safeItemSmall1{ line-height:20px; }

.nlzz .nlzzItme{ padding:5%; flex-direction:column; }
.nlzz .nlzzItme .nlzzIcon{ margin-right:0; margin-bottom:15px; }
.nlzz .nlzzItme .nlzzText .nlzzTitle {
    font-size: 18px;
    font-weight: bolder;
}
.nlzz .nlzzItme .nlzzText{ display:flex; align-items:center; flex-direction:column; }

.solu .soluItem .soluText .soluSmall {
    font-size: 14px;
    line-height: 35px;
    color: #666666;
    margin: 15px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.more {
    width: 100PX;
    height: 30px;
    line-height: 45px;
    font-size: 12px;
}

.ictZyrz.ictZyrz2{ grid-template-columns: repeat(1,1fr);}

.ictZyrz .ictZyrzItem .ictZyrzNum div {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 30px;
}

.ict4 {
    padding: 45px 0 45px;
    overflow: hidden;
}

.cloud3 .cloudItem1{ padding:5%; display:flex; align-items:center; flex-direction:column; }
.cloud3 .cloudItem1 .cloudItemTitle1 {
    font-size: 16px;
    color: #000000;
    margin: 10px auto 10px;
}
.cloud3 .cloudItem1 .cloudItemSmall1 {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.neirong { font-size:16px; }

.conBot{ display:flex; align-items:flex-start; flex-direction:column; }
.conBot a:nth-child(1) {
    font-size: 14px;
    width: 100%;
}
.conBot a:nth-last-child(1) {
    font-size: 14px;
    width: 100%;
}
.conBotBlock{ display:none; }

.content{ margin: 0 auto 45px;}

.aboutProArrow div {
    width: 45px;
}

.soluPro {
    width: 90%;
}
.soluProItem .soluProTitle {
    display: block;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    margin-top: 15px;
}
.aboutPro .aboutProLeft {
    font-weight: bolder;
    font-size: 24px;
}

.aboutProArrow img{ width:37px;  }

.solu .soluItem{ flex-direction: column !important;padding: 5% 0 0;}
.solu .soluItem .soluImg{ width: 100%;}
.solu .soluItem .soluText{ width: 100%; padding: 5% 0;}

.conTop{ flex-direction: column; align-items: flex-start;padding: 20px 0 25px;}

.soluCase{ grid-template-columns: repeat(3,1fr);margin: 30px auto 45px;}

.technoBot .tbiTop{ padding: 0 5%;height: 50px;}
.technoBot .tbiBot .tbiBotNei{ padding: 5%;}
.technoTop { height: 140px;}
.technoTop .technoTopTitle{ 
	
    padding: 0 5%;
    font-size: 18px;
}

.ictzz .ictzzItem .ictzzItemTop .ictzzItemTitle {
    font-size: 16px;}
.ictzz .ictzzItem .ictzzItemSmall {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}
.soluCase a{height: 80px; padding: 0 10px;}

.case1 .case11{font-size: 60px;}
.case1 .case12 {
    font-size: 26px;
}
.case1 {
    margin-top: 70px;
    margin-bottom: 30px;
}

.technoBot .tbiTop .tbiTopMore {
    font-size: 12px;
    width: 90px;
    height: 24px;}

.technoTop .technoTopIcon{ width:140%; left:50%; transform:translateX(-50%); }
.technoTop .technoTopIcon img{ width: 45px;}
.technoBot .tbiTop .tbiTopTitle {
    font-size: 16px;
    color: #000000;
}

.ictZyrz .ictZyrzItem .ictZyrzText .ictZyrzTitle {
    font-size: 18px;}

.ictZyrz{ grid-template-columns: repeat(1,1fr);}

.special1 .spebg1 { width: 100%;}

.spe1{ display: flex; flex-direction: column-reverse; padding: 5% 5% 0;}
.spe1 .spe12{ width: 100%; margin-bottom: 5%; padding-right: 0;}
.spe1 .spe11{ width: 100%;}

.news{ grid-template-columns: repeat(1,1fr);}
.news .indexNewsItem .indexNewsShow .indexNewsText .indexNewsTitle {
    font-size: 15px;
    line-height: 24px;
    height: 48px;
}

.marketItem{ padding: 0; flex-direction: column;}
.marketItem .marketImg { margin-right: 0; width: 100%;}
.marketItem .marketText { padding: 5%;}

.marketItem .marketText .marketTitle {
    font-weight: bolder;
    font-size: 18px;
}
.baoming{ flex-direction:column; align-items:flex-start !important; margin-bottom:15px; }
.baoming div {
    margin: 5px 25px 5px 0 !important;
    font-size: 14px !important;
}

.title2 .title21 {
    margin-right: 40px;
    font-size: 14px;
}
.title2 .title21 span {
    color: var(--l);
    font-size: 14px;
}
.title2 .title22 {
    width: 100%;
    font-size: 14px;
    line-height: 2em;
}

.soluProItem .spMask{ opacity:1; }

.title2{ margin-bottom: 20px;}

.about2 .shuzi{ display:none; }

.aboutArrow3 img{ width:30px; }

.about1{ flex-direction: column; margin:105px auto 45px}
.about11{ width: 100%; margin-bottom: 5%;}

.about2 .shuziXun .abxBot { font-size: 14px;}
 
.about4{ flex-direction: column;}
.about4 .aboutLeft4{ width: 100%; margin-bottom: 5%;}
.about4 .aboutRight4{ width: 100%;}
.about4 .aboutLeft4 .aboutLeft41{ margin-top: 0;    font-size: 20px;}

.about4 .aboutLeft4 .aboutLeft43 .aboutWeb {
    margin: 10px 0;
}
.about4 .aboutLeft4 .aboutLeft43 .aboutWeb .aboutWebTitle {
    font-size: 14px;
}

.about5 .aboutItem5 {
    flex-direction: column;}
.about5 .aboutItem5 .aboutImg5 {
    width: 100%;}
.about5 .aboutItem5 .aboutText5{
    width: 100%;}
.about5 .aboutItem5 .aboutImg5{ height:200px; }
.about5{ grid-template-columns: repeat(1,1fr);}

.fo3 { padding: 5%;}

.indHis{ margin-bottom: 45px;}

.title {
    font-size: 20px;
    color: #000000;
}

.tcLeft{ display: none;}

.tcRight{ width: 100%;}

.qgzqBox {
    width: 90%;
}

.cusBox {
    width: 90%;
}
.cusItem{margin: 30px 0 30px;}

.cusItem .cusText .cusTitle {
    font-size: 20px;}
.soluAboutPro {
    padding: 45px 0 0px;
}

.solu2 .soluItem .soluText .soluTitle {
    font-size: 18px;
}

.crumbs{ height:20px; }
.crumbs span {
    font-size: 0px;}

.crumbs i {
    font-size: 0px;}

.crumbs a {
    font-size: 0px;}




.conTopMore .more { width: 120PX; margin-top: 30px;}

.solu2 .soluItem {
    flex-direction: column;
    padding: 5%;
}
.solu2 .soluItem .soluImg{ width: 100%;}
.solu2 .soluItem .soluText{ width: 100%; padding: 5% 0;opacity: 1;}

.soluProItem .spMask {
    padding: 0px 5% 30px;
}
.soluProItem .spMask .soluProTitle {
    margin-top: 20px;
}
.soluProItem .spMask .soluProSmall {
    font-size: 14px;
    margin: 10px 0 10px;
    height: 10em;
}

.spe1 .spe12 .spe121 {
    font-size: 20px;
    margin-bottom: 10px;
}

.special31{padding: 5%;}
.special31 .special311 {
    font-size: 14px;
    text-align: left;
}

.ictCenter2 {
    width: 420px;
    height: 40px;
    box-shadow: none;
    position: relative;    
    background: none;
}
.ictCenter2 .ictCenterBox2 .ictCenter21{ display:none; }

.ictCenter2 .specTitle {
    font-size: 20px;
}

.ictBox2{grid-template-columns:1fr;grid-row-gap: 10px; padding: 0 5%;}

.ictItems2{ display:none; }

.histroy{ overflow:hidden; }
.indexHistory{ transform:translateX(-2px); }

.indexHistoryJ{ left:2px; }

.scroll-to-top{width: 30px;height: 30px;}
.scroll-to-top i{width: 30px;height: 30px;line-height: 30px;}
.scroll-to-top div:nth-child(1){width: 40px;height: 40px;}
.scroll-to-top div:nth-child(2){width: 40px;height: 40px;}

.bkBox .bkBoxItem {
    width: 240px;
}

.bkBox .bkBoxItem2 {
    width: 240px;
}

}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}
.topNei .topRight .topLang {display:flex;align-items:center;margin-left:25px;}
.topNei .topRight .topLang span{font-size:17px;line-height:110px;height:110px;color:var(--l);display:block;position:relative;}
.topNei .topRight .topLang span a{color:var(--l);font-size:17px;padding:0 10px;}
.topNei .topRight .topLang span a:hover{color:#F26B6D;}