*{ margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; outline: none;}
/* input,textarea,select{*font-size:100%;-select{background-repeat: no-repeat; background-size: 12px 7px; background-position: 95% center;} */
i{ font-style: normal; }
video{ margin: 0; padding: 0; display: block;}
a{ text-decoration: none;}

body{ max-width: 750px; position: relative; margin: 0 auto; font-size: 26px; line-height:1.8; color: #fff;}
a{ text-decoration: none; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
p{ color: inherit; font-size: inherit; line-height: 1.8;}
img{ display: block; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
.time03{ -webkit-transition:all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.aniUpbit{-webkit-animation-duration: .3s; -webkit-animation-fill-mode: both; -webkit-animation-name: layui-upbit; animation-duration: .3s; animation-fill-mode: both; animation-name: layui-upbit;}
.ellipsis-multiline{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.padTB-60{ padding-top: 60px; padding-bottom: 60px;}
.padLR-30{ padding-left: 30px; padding-right: 30px;}
.marT-30{ margin-top: 30px;}
.marT-50{ margin-top: 50px;}
.marT-60{ margin-top: 60px;}
.marT-80{ margin-top: 80px;}
.colorA{ color: #12c0ff;}
.colorB{ color: #aaa;}
.colorC{ color: #ccc;}
.shadowA{ box-shadow: 0 9px 30px rgba(0,0,0,.3);}
.shadowB{ box-shadow: 0 8px 98px rgba(0,0,0,.2);}
.radiusA{border-radius: 10px; overflow: hidden;}

.spaceUlA{ margin: -10px; /*column-count:2;*/}
.spaceLiA{ padding: 10px;}
.lrBtn{ text-align: center; width: 200px; padding: 0 20px; line-height: 60px; background-color: #12c0ff; color: #fff; font-size: 26px; display: block;}
.lrBtn.a{ line-height: 80px; width: 260px; margin-left: auto; margin-right: auto;}

@font-face {
	font-family: 'iconfont';  /* Project id 3026236 */
	src: url('//at.alicdn.com/t/font_3026236_1id8kxjzlgo.woff2?t=1642042393009') format('woff2'),
		 url('//at.alicdn.com/t/font_3026236_1id8kxjzlgo.woff?t=1642042393009') format('woff'),
		 url('//at.alicdn.com/t/font_3026236_1id8kxjzlgo.ttf?t=1642042393009') format('truetype');
  }
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{padding-bottom: 120px;}

#newBridge .nb-comp-base-mobile{height:120px !important;}
#newBridge .nb-comp-base-mobile .nb-comp-item-im-mobile, #newBridge .nb-comp-base-mobile .nb-comp-item-phone-mobile, #newBridge .nb-comp-base-mobile .nb-comp-item-form-mobile{height:60px !important;width:60px !important;background-size:60px !important;}
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile{font-size:40px !important;height:120px !important;}
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile:last-child{font-size:32px !important;}
#newBridge .nb-comp-base-mobile .nb-comp-item-mobile:first-child{transform: scale(.8) !important;}


body.overHidden{ overflow-y: hidden; height: 100vh; position: fixed; left: 0; top: 0; right: 0; bottom: 0;}

.title{ text-align: center;}
.title h4{font-size: 36px; line-height: 1.2;}
.title p{font-size: 26px; margin-top: 10px; text-transform:uppercase;}  
.moreBtn { display: flex; align-items: center; font-size: 26px;}
.moreBtn i{ display: block; margin-left: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #5bbef8; font-size: 22px;}
.a.moreBtn{ color: #12c0ff;}
.a.moreBtn i{background-color: #12c0ff; border-color: #12c0ff; color: #fff;}
.b.moreBtn{ color: #333;}
.b.moreBtn i{background-color: #fff; border-color: #ccc; color: #12c0ff;}

.headerBar { padding: 0 30px; height: 100px; background-color: inherit; max-width: 750px; margin: 0 auto; border: 0 !important;z-index: 9999;}
.a.headerBar{ background-color: #1c1f30;}
.headerWrap{  height: 100%; display: flex; justify-content: space-between; align-items: center;}
.headerLogo {display: flex;align-items: center;}
.headerLogo a{height: 50px;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.headerLogo a:last-child{margin: 0;}
.headerLogo a img{max-height: 100%;max-width: 100%;object-fit: cover;}
/* .headerLogo a{ display: block;  width: 177px; height: 53px; background-image: url(../images/logoA.png); background-repeat: no-repeat; background-size: 100%; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;} */
.headerSet{ display: flex;flex-shrink: 0;}
.headerBtn{ display: block; margin-left:30px; font-size: 28px;}
.headerBtn:first-child{ margin-left: 0;}
.headerBtn img{ width: 50px; height: 50px; border-radius: 50%;}
.mui-bar-transparent { background-color: rgba(28, 31, 48, 0);}

.lrInnerWrap .mui-off-canvas-right{ width: 100%;}
.navTop{ height: 100px; background-color: #1c1f30; display: flex; justify-content: space-between; padding: 0 30px; align-items: center;}
.navContent{ height: calc(100vh - 100px); margin: 0 -30px; position: relative; z-index:10; display: none;}
/* .navBot{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block;} */
.navLeft{ position: absolute;left: 0; top: 0; bottom: 0; width: 300px; background-color: #262932;}
.navLeft-con li{ position: relative;}
.navLeft-con a{ display: block; line-height: 80px; font-size: 28px; padding-left: 65px;}
.navLeft-con .cur a{ background-color: #2d313e; width: 301px;}
.navLeft-con .cur:after{ content: ''; display: block; width: 6px; height: 24px; background-color: #12c0ff; position: absolute; left: 30px; top: 50%; margin-top: -12px;}
.navRight{ position: absolute; width: 450px; right: 0; left: 300px; top: 0; bottom: 0; background-color: #2d313e;}
.navRight-con .mui-table-view{ background-color: inherit; display: none;}
.navRight-con .mui-table-view:after,.navRight-con .mui-table-view-cell:after,.navRight-con .mui-table-view:before{ display: none;}
.navRight-con .mui-table-view-cell>a:not(.mui-btn){ line-height: 58px; padding-left: 40px; font-size: 28px;}
.navRight-con .mui-table-view-cell.mui-active,.navRight-con .mui-table-view-cell.mui-collapse .mui-collapse-content{ background-color: inherit;}
.navRight-links a{ display: block; line-height: 60px; padding-left: 55px; color: #bbb; font-size: 24px;}

.footerMenu { margin: 0 -30px;}
.footerMenu .mui-table-view{ background-color: #1c1f30;}
.footerMenu .mui-table-view-cell{ padding: 0;}
.footerMenu .mui-table-view-cell>a:not(.mui-btn){ margin: 0; padding: 0; font-size: 30px; padding: 22px 30px;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view{ margin: 0; padding: 0; background-color: #181a29; padding: 20px 0;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{ padding-left: 0;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view-cell>a:not(.mui-btn){ font-size: 28px; color: #bbb; padding-top: 15px; padding-bottom: 15px;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view-cell>a:not(.mui-btn).mui-active{ margin-left: 0; padding-left: 30px;}
.footerMenu .mui-table-view-cell:after{ left: 0;}
.footerMenu .mui-table-view:before,.footerMenu .mui-table-view:after{ display: none;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{ display: none;}
.footerMenu .mui-table-view-cell.mui-collapse .mui-table-view .mui-navigate-right:after{ display: none;}
.footerMenu .mui-table-view-cell.mui-active{ background-color: inherit;}
.footerMenu .mui-table-view-cell.mui-active>a.mui-navigate-right:not(.mui-btn),.footerMenu .mui-table-view-cell.mui-active>a.mui-navigate-right:not(.mui-btn):after{ color: #12c0ff;}
.footerMenu .mui-navigate-right:after{ right: 30px;}
.footerFollow{ margin: 40px 0; display: flex; align-items: center;}
.footerFollow p{ font-size: 30px;}
.footerFollow a{ width: 90px; height: 90px; display: block; text-align: center; line-height: 90px; border: 1px solid #aaa; border-radius: 50%; font-size: 46px; margin-left: 40px;}
.footerContact a{ margin-top: 30px; display: block; line-height: 100px; text-align: center; font-size: 30px; background-color: #1c1f30;}
.footerContact a:first-child{ margin-top: 0;}
.footerContact a.tel{ font-size: 28px; background-color: #2a7ef8; display: flex; align-items: center; justify-content: center;}
.footerContact a.tel span{ font-size: 34px; margin-right: 20px;}
.footerCopy { padding: 40px 0;}
.footerCopy p{ color: #bbb; font-size: 28px;}
.popFootCode{ text-align: center;} 
.popFootCode img{ display: inline-block; width: 300px; height: 300px;}


.footerFollow a{display: flex;align-items: center;justify-content: center;}
.footerFollow .img img{width: 46px;height: 46px;}
.footerFollow .img .nor{display: block;opacity: 1;}
.footerFollow .img .hov{display: none;opacity: 0;}
.footerFollow .img:hover .nor{display: none;opacity: 0;}
.footerFollow .img:hover .hov{display: block;opacity: 1;}
.footerFollow .img:last-child img{width: 36px;height: 36px;}



.lrContent{background: url(../images/bodyBg.jpg) repeat; overflow: hidden;}
.indexBanner{ height: 1140px; background: url(../images/indexBanner-bg.jpg) no-repeat #1c1f30; background-size: cover;}
.indexBanner .swiper-container{ height: 100%;}
.indexBanner .swiper-slide{  height: 100%; transition: all linear 3s; display: flex; align-items: center;}
.indexBanner .pic{ width: 100%; opacity: 0; transform: translateX(10%); transition-delay: .3s; margin-bottom: 60px;}
.indexBanner .pic img{ width: 100%;}
.indexBanner .text{ opacity: 0; transform: translateX(-10%);  transition-delay: .5s; text-align: center;}
.indexBanner .text .pA{ font-size: 36px; line-height: 1.2;}
.indexBanner .text .pB{ font-size: 26px; margin-top: 10px;}
.indexBanner .lrBtn{ margin:30px auto auto auto;}
.indexBanner .swiper-slide-active .pic,.indexBanner .swiper-slide-active .text{ opacity: 1; transform: translateX(0);}
.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets{ position: static; width: auto;}
.indexBanner .swiper-pagination{ position: static; text-align:center; margin-top: 40px;}
.indexBanner .swiper-pagination-bullet{ overflow: hidden; position: relative; width: 30px; height: 3px; border-radius: 0; opacity:1; margin: 0 5px; background-color: rgba(255,255,255,.2); outline: none;}
.indexBanner .swiper-pagination-bullet-active{ opacity: 1;}
.indexBanner .swiper-pagination-bullet-active:before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -100%; background-color: #12c0ff; width: 100%; animation:bullet 6s;}
@keyframes bullet{
	0% {left:-100%;}/*1091*/
	100% {left:0;} /*0913*/
}	

.indexPlan{ margin-top: -100px; position: relative; z-index: 9;}
.indexPlan .swiper-slide{width: 330px; height: 260px;}
.indexPlan .swiper-container{ padding: 0 30px;}
.indexPlan a{  width: 100%; height: 100%; display: block; display: flex; justify-content: center; align-items: center; position: relative; border-radius:10px; overflow: hidden; background-color: #000;}
.indexPlan .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.indexPlan .bg img{ width: 100%; height: 100%; object-fit: cover;}
.indexPlan .con{ text-align: center; position: relative; z-index: 2;}
.indexPlan .icon img{ width: 79px; margin: 0 auto;}
.indexPlan .text{ margin-top: 20px;}

.indexPro-item .dec dt{ font-size: 36px; line-height: 1.4;}
.indexPro-item .dec dd{ margin-top: 20px; font-size: 26px;}
.indexPro-item .box{ position: relative; margin-top: 50px; height: 920px;}
.indexPro-item.proB .box{height: 1080px;}

.indexPro-item .bg{ display: flex; justify-content: center; bottom: 0; align-items: center; z-index: 2; position: absolute; width: 780px; height: 780px; background: url(../images/indexPro-1.png) no-repeat; background-size: auto 780px; background-position: center;}
.indexPro-item .icon img{ width: 200px;}
.indexPro-item .tabTitle { margin: 0 -30px;}
.indexPro-item .tabTitle .swiper-container{ padding: 0 30px;}
.indexPro-item .tabTitle .swiper-slide{ height: 150px; width: 210px; padding: 0 15px; border-radius: 10px 10px 0 0; overflow: hidden; background-image: linear-gradient(#1c1f30, rgba(0,0,0,0)); display: flex; align-items: center;justify-content: center;}
.indexPro-item .tabTitle dl{ text-align: center;}
.indexPro-item .tabTitle dt{ font-size: 40px; line-height: 1;}
.indexPro-item .tabTitle dd{ margin-top: 10px; font-size: 20px;}
.indexPro-item .tabTitle .swiper-slide.cur{background-image: linear-gradient(#2a7ff8, rgba(0,0,0,0));}
.indexPro-item .tabContent{height: 780px; z-index: 3; position: relative;}

.indexPro-item .tabContent .swiper-container{height: 100%;}

.indexPro-item .tabTitle {display: flex;flex-wrap: wrap;align-items: center;padding: 0 30px;z-index: 1111;position: relative;}
.indexPro-item .tabTitle .swiper-slide{margin-right: 30px;margin-bottom: 30px;}
.indexPro-item .tabTitle .swiper-slide:nth-child(3n){margin-right: 0px;}


.indexPro-item .tabItem{opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.indexPro-item .tabItem.time03{-webkit-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;}
.indexPro-item .tabContent ul{ height: 100%; display: flex; flex-wrap: wrap; align-content: center;}
.indexPro-item .tabContent li{ margin-top: 90px; width: 480px; position: relative; height: 80px; display: flex;}
.indexPro-item .tabContent li:nth-child(1){ margin-top: 0;}
.indexPro-item .tabContent li:nth-child(1),.indexPro-item .tabContent li:nth-child(4){ justify-content: flex-end;}
.indexPro-item .tabContent a{ transform: translateX(-50%); opacity: 0; position: relative; display: block; width: 400px; height: 80px; line-height: 80px; padding: 0 25px; background-image: url(../images/indexPro-4.png); background-repeat: no-repeat;}
.indexPro-item .tabContent li:before{ content: ''; position: absolute; display: none; width: 20px; height: 20px; border-radius:10px; background-color: #12c0ff; }
.indexPro-item .tabContent li:nth-child(1):before{ top: 150px; right:-55px;}
.indexPro-item .tabContent li:nth-child(2):before{ top: 50px; right: 20px;}
.indexPro-item .tabContent li:nth-child(3):before{ bottom: 50px; right: 20px;}
.indexPro-item .tabContent li:nth-child(4):before{ bottom: 150px; right: -55px;}
.proA.indexPro-item .bg{  right: -280px;}
.proB.indexPro-item .bg{ left: -280px;height: 660px;}
.proB.indexPro-item .tabTitle dt{ font-size: 28px; line-height: 1.4;}
.proB.indexPro-item .tabContent ul{ justify-content: flex-end;}
.proB.indexPro-item .tabContent li:nth-child(1),.proB.indexPro-item .tabContent li:nth-child(4){ justify-content: flex-start;}
.proB.indexPro-item .tabContent li:nth-child(2),.proB.indexPro-item .tabContent li:nth-child(3){ justify-content: flex-end;}
.proB.indexPro-item .tabContent a{transform: translateX(50%);}
.indexPro-item .tabItem.cur{opacity: 1; z-index: 2;}
.indexPro-item .tabItem.cur a,.proB.indexPro-item .tabItem.cur a{ transform: translateX(0); opacity: 1;}
.proA.indexPro-item .tabContent .a.tabItem li{ justify-content: flex-start;}
.proA.indexPro-item .tabContent .b.tabItem li:nth-child(1),.proA.indexPro-item .tabContent .b.tabItem li:nth-child(3){ justify-content: flex-end;}
.proB.indexPro-item .tabContent .a.tabItem li{ justify-content: flex-end;}
.proB.indexPro-item .tabContent .b.tabItem li:nth-child(1),.proB.indexPro-item .tabContent .b.tabItem li:nth-child(3){ justify-content: flex-start;}

.tpm-solution__nav{ width: 100px; height: 100px; display: flex; justify-content: center; align-items: center;  border: 1px solid #000; border-radius: 50%;}
.tpm-solution__nav-icon{ display: block; width: 60px; height: 60px; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: 100% auto; background-position: top; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
.indexSer-menu span{ display: block; text-align: center; margin-top: 10px;}
.indexSer-content{ height: 700px;}
.indexSer-content .swiper-container,.indexSer-menu .swiper-container{ padding: 0 30px;}
.indexSer-content .swiper-slide{ overflow: hidden; display: flex; justify-content: center; align-items: center; height: 700px; background-color: #000;}
.indexSer-content .pic{ position:absolute; left: 0; right: 0; top: 0; bottom: 0;}
.indexSer-content .pic img{ width: 100%; height: 100%; object-fit: cover; filter: blur(2px); opacity: .8;}
.indexSer-content .con{ position: relative; z-index: 2; padding: 0 50px;}
.indexSer-content .tit{ font-size: 40px; line-height: 1.2; text-shadow: 2px 2px 0 rgba(0,0,0,.5);}
.indexSer-content .dec{ font-size: 26px; margin-top:30px; min-height: 130px;}
.indexSer-content .btn{ margin-top: 30px;}

.indexNew-con ul{  margin:-10px;}
.indexNew-con li{  padding:10px; width: 100%; float: left; height: 400px;}
.indexNew-con li:nth-child(2),.indexNew-con li:nth-child(3){ width: 50%; height: 300px;}
.indexNew-con a{ display: flex; padding: 30px; align-items: flex-end; width: 100%; height: 100%; background-color: #000; position: relative;}
.indexNew-con .pic{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .4;}
.indexNew-con .pic img{ width: 100%; height: 100%; object-fit: cover;}
.indexNew-con .tit{ position: relative; font-size: 28px;}

.indexAbout{ background: url(../images/footerBg.jpg) repeat; padding: 50px 0;}
.indexAbout .swiper-container{ padding: 0 30px;}
.indexAbout .swiper-slide{ padding: 10px 30px;}
.indexAbout dl{ position: relative; line-height: 1; text-align: center;}
.indexAbout dt{ color: #c0bfbf; }
.indexAbout dd{ margin-top: 15px;}
.indexAbout dd span.num{position: relative;}
.indexAbout dd span.add{position: absolute;top: -5px;right: -20px;font-size: 26px;color: #fff;}


.indexAbout .num{ font-size: 46px; margin-right: 5px;}
.indexAbout .swiper-slide:before{ content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.25),rgba(255,255,255,0));}
.indexAbout .swiper-slide:last-child:after{ content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 2px; background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.25),rgba(255,255,255,0));}

.indexCase-con ul{ margin: -1px;}
.indexCase-con li{ width: 33.3333%; height: 96px; padding: 1px; float: left;}
.indexCase-con a{ background-color: #fff; display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.indexCase-con img{width: 150px; height: 60px;  object-fit: contain;}

.fyBanner{ height: 500px; background-color: #000; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex;justify-content: center;align-items: center;}
.fyBanner .text{ text-align: center; padding: 0 30px;}
.fyBanner .text h4{ font-size: 40px;line-height: 1.5;}
.fyBanner .text p{ font-size: 26px; margin-top: 15px;text-align: center;}
.fyBanner .a.text{ text-align: left; width: 680px;}
.proBanner.fyBanner{ background-image: url(../images/proBanner.jpg);}
/* .proDelBanner.fyBanner{ background-image: url(../images/proDelBanner.jpg);height: auto;display: block;background: none;} */
.proDelBanner.fyBanner .text{margin-top: 120px;margin-bottom: 20px;}
.proDelBanner.fyBanner .img{display: flex;align-items: center;justify-content: center;}
.proDelBanner.fyBanner .img img{width: 100%;height: auto;}
.subMenu{ position: absolute; left: 0; right: 0; top: 500px; z-index: 5; width: 100%;}
.subMenuWrap{ position: fixed; left: 0; right: 0; top: 0; z-index: 11; display: none;}
.subMenuWrap .subMenu-top{ background-color: #000;}
.subMenu-top {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100px; background-color: rgba(0,0,0,.3);}
.subMenu-top .pA{ font-size: 30px;}
.subMenu-top .pB{ font-size: 28px;}
.subMenu-top .pB i{ margin-left: 25px;}
.subMenu-con{ display: flex; width: 100%; background-color: #2d313e; box-shadow: 0 5px 8px rgba(0,0,0,.3); min-height: 500px;}
.subMenu-con .navLeft{ position: static; width: 300px;}
.subMenu-con .navRight{ position: static; flex: 1;}
.fixSubMenu .headerBar{ display: none;}
.fixSubMenu .subMenu{ position: fixed; top: 0;}
.fixSubMenu .subMenu-top{ background-color:#000 ;}
.subMenu~.fyContent{ margin-top: 100px;}
.mask{z-index: 8; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.8); display: none;}
.a.mask{ z-index: 1; display: block;}

.proDel-box{text-align: justify;}

.proList-item{ margin-top: 50px;}
.proList-item:first-child{ margin-top: 0;}
.proList-dec dt{ font-size: 36px;}
.proList-dec dd{ color: #aaa; font-size: 26px;}
.proList-tit{ border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 20px;}
.proList-tit h4{ font-size: 30px; padding-left: 15px; position: relative; }
.proList-tit h4:after{ content: ''; display: block; width: 3px; height: 28px; background-color: #12c0ff; position: absolute; left: 0; top: 50%; margin-top: -14px;}
.proList-body li{  overflow: hidden;  margin-top:20px; border-radius: 10px;}
.proList-body a{ display: block; padding: 30px; background-color: #1c1f30;  display: flex; align-items: center; justify-content: space-between;  height: 140px;}
.proList-body li:first-child{ margin-top: 30px;}
.proList-body .pic{ width: 80px; height: 80px; flex-shrink: 0;}
.proList-body .pic img{ width: 100%; height: 100%; object-fit: cover;}
.proList-body .text{ flex: 1; margin-left: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proList-body .tit{ font-size: 28px;}
.proList-body .dec{ color: #aaa;}
.proOverview-con .text p{ margin-top: 30px; text-indent: 2em;}
.proOverview-con .text p:first-child{ margin-top: 0;}
.proOverview-con .pic img{ width: 100%;}
.proFunction-con li{  float: left; width: 100%; }
.proFunction-con .liBody{ padding: 30px 20px; /*height: 460px;*/ display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; background-color: #2a7ef8; }
.proFunction-con .pic{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.proFunction-con .pic img{ width: 100%; height: 100%;  object-fit: cover; opacity: .7;}
.proFunction-con .con{ position: relative; z-index: 2;}
.proFunction-con .icon{ display: none; width: 48px; height: 48px; margin: 0 auto; justify-content: center; align-items: center;}
.proFunction-con .icon img{ height: 48px;}
.proFunction-con .text{ margin-top: 10px;}
.proFunction-con .tit{ font-size: 30px;}
.proFunction-con .dec{ color: #ccc; font-size: 22px; margin-top: 5px;}
.proAdvantages-con li{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #393e4b;}
.proAdvantages-con li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.proAdvantages-con .top{ display: flex; align-items: center;}
.proAdvantages-con .icon img{ width:80px; height: 80px; border-radius: 50%;}
.proAdvantages-con .tit{ font-size: 30px; margin-left: 20px;}
.proAdvantages-con .dec{ margin-top: 30px;}
.proValue-con .pic { margin: 0 -30px;}
.proValue-con .pic img{ width: 100%;}
.proValue-con .tit { padding-left: 100px; background: url(../images/pro-22.png) no-repeat left top;}
.proValue-con .tit h5{ font-size: 36px; line-height: 1.6; padding-top: 12px; color: #fff;}
.proValue-con .dec{ margin-top: 30px;}
.proValue-con .dec p{ text-indent: 2em; margin-top: 5px;}
.proScenarios-con{ margin-left: -30px; margin-right: -30px;}
.proScenarios-con .swiper-slide{ border-radius: 0 0 10px 10px; overflow: hidden; margin-top: 20px;}
.proScenarios-con .swiper-slide-active{ margin-top: 0;}
.proScenarios-con .pic{ width: 100%; height: 340px;}
.proScenarios-con .pic img{ width: 100%; height: 100%; object-fit: cover;}
.proScenarios-con .text{ background-color: #fff; padding: 30px;}
.proScenarios-con .tit{ font-size: 30px; color: #262932;}
.proScenarios-con .dec{ color: #666; margin-top: 15px; font-size: 24px;}
/* .proDesign-con li{ float: left; width: 50%; } */
.proDesign-con li{ width: 100%; break-inside:avoid-column;}
.proDesign-con .liBody{padding: 40px 0; border: 1px solid rgba(255, 255, 255, .2); border-bottom: 6px solid #12c0ff; border-radius: 10px 10px 0 0;}
.proDesign-con .icon { width: 80px; margin: 0 auto;}
.proDesign-con .icon img{ width:80px; height: 80px; border-radius:50%;}
.proDesign-con .text{ margin-top: 20px; text-align: center;}
.proDesign-con .tit{ font-size: 30px;}
.proDesign-con .dec{ width: 290px; margin: 0 auto; margin-top: 20px; min-height: 84px;}

.a.indexSer-menu{ margin-left: 30px; margin-right: 30px;}
.a.indexSer-menu ul{ margin: -25px;}
.a.indexSer-menu li{ float: left; padding: 25px; width: 25%;}
.a.indexSer-menu .tpm-solution__nav{ width:120px; height: 120px ;}
.a.indexSer-menu .cur .tpm-solution__nav{ border-color: #12c0ff;}
.solutionBanner{ background-image: url(../images/solutionBanner.jpg);}
.solutionList li{float: left; position: relative; width: 50%;}
.solutionList li a{ display: block; height: 480px; background-color: #fff; }
.solutionList .pic{ width: 100%; height: 220px;}
.solutionList .pic img{ width: 100%; height: 100%; object-fit: cover;} 
.solutionList .text{ padding:25px 20px; }
.solutionList .tit{ color: #333; font-size: 30px; line-height: 1.4;}
.solutionList .dec{-webkit-line-clamp:3; color: #888; margin-top: 10px; font-size: 24px; line-height: 1.6;}
.pageCon{ padding-top: 30px; border-top: 2px solid #363a49; text-align: center;}
.pageCon a{ display: block; font-size: 28px;}
.pageCon i{ margin-left: 5px;}
.solutionDelBanner{background-image: url(../images/solutionDelBanner.jpg);}
.solutionStatus-con { position: relative;}
.solutionStatus-con .text p{ text-indent: 2em; font-size: 26px;text-align: justify;}
.solutionStatus-con .pic{ width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 14px 27px rgba(0,0,0,.13);}
.solutionStatus-con .pic img{ width: 100%;}
.solutionChallege-con li{float: left;  width: 50%;}
.solutionChallege-con .liBody{position: relative; padding: 30px 20px 0 20px; overflow: hidden;height: 540px; background-color: #000;}
.solutionChallege-con .pic{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.solutionChallege-con .pic img{ width: 100%; height: 100%;  object-fit: cover;}
.solutionChallege-con .con{ position: relative; z-index: 2;}
.solutionChallege-con .icon{ width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0,0,0,.34); margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.solutionChallege-con .icon img{ max-height: 44px;}
.solutionChallege-con .text{ text-align: center;}
.solutionChallege-con .tit{ font-size: 30px; margin-top: -40px; padding-left: 60px;}
.solutionChallege-con .dec{ line-height: 2; margin-top: 20px; text-align: left; font-size: 22px;}
.solutionNr-con img{ width: 100%; border-radius: 10px;}
.solutionValue-con .con{ background-color: #fff; padding: 20px 30px; min-height: 160px; display: flex; align-items: center; border-radius: 50px 0 0 0; box-shadow: 0 11px 21px rgba(32,66,120,.02);}
.solutionValue-con .icon { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;}
.solutionValue-con .icon img{ max-height: 55px;}
.solutionValue-con .text{ color: #333; flex:1; margin-left: 30px;}
.a.swiper-pagination{ position: static; margin-top: 20px;}
.a.swiper-pagination .swiper-pagination-bullet{ width: 50px; height: 4px; background-color: #9dadc6; opacity: 1; border-radius: 0;}
.a.swiper-pagination .swiper-pagination-bullet-active{ background-color: #12c0ff;}
.a.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px;}

.caseBanner{ background-image: url(../images/caseBanner.jpg);}
.caseList li{ position: relative; width: 100%; background-color: #fff; margin-top: 30px;}
.caseList li:first-child{ margin-top: 0;}
.caseList li a{width: 100%;height: 100%;display: block;}
.caseList .pic{ width: 100%; height: 320px; background-color: #e8eef8; display: flex; justify-content: center; align-items: center;}
.caseList .pic img{ width: 540px; height: 220px; object-fit: contain;} 
.caseList .info{ padding: 40px 40px 0 40px; }
.caseList .tit{ color: #333; font-size: 30px; line-height: 1.6;}
.caseList .dec{-webkit-line-clamp:3; color: #666; margin-top: 10px;}
.caseList .btn{ border-top: 1px solid #ddd; padding: 30px 0; margin-top: 30px;}
.caseDelBanner{ background-image: url(../images/caseDelBanner.jpg);}
.caseDel-tit{ width:100%; border-left: 4px solid #12c0ff; height: 90px; display: flex; align-items: center; background-image: linear-gradient(to right, #1c1f30, rgba(0,0,0,0));}
.caseDel-tit .icon{ width: 100px; height: 100%; display: flex; justify-content: center; align-items: center;}
.caseDel-tit .icon img{ height: 50px;}
.caseDel-tit h4{ font-size: 36px;}
.caseDel-box{ margin-top: 50px;text-align: justify;}
.caseDel-box:first-child{ margin-top: 0;}
.caseDel-content dl{ margin-top: 30px; padding-left: 4px;}
.caseDel-content dt{ padding-left: 35px; font-size: 28px; background:url(../images/case-2.png) no-repeat left center ;}
.caseDel-content dd{ padding-left: 35px; color: #bbb; margin-top: 10px;}
.caseDel-content .pic{ margin-top: 30px;}
.caseDel-content .pic img{ width: 100%;}

.partnerBanner{background-image: url(../images/partnerBanner.jpg);}
.partnerList li{ float: left; overflow: hidden; position: relative; width: 50%; }
.partnerList a{ display: block;background-color: #fff;}
.partnerList .pic{ width: 100%; height: 250px;}
.partnerList .pic img{ width: 100%; height: 100%; object-fit:cover}
.partnerList .text{ padding: 20px; display: flex; align-items: center; flex-wrap: wrap;}
.partnerList .tit{ font-size: 30px; line-height: 1.4; color: #222; width: 100%;}
.partnerDelBanner{background-image: url(../images/partnerDelBanner.jpg);}
.partnerFunction-con li{ width: 100%; margin-top: 20px; background-color:#1c1f30; border-radius: 10px; overflow: hidden; padding: 40px 30px; box-shadow: 0 2px 5px rgba(0,0,0,.2);}
.partnerFunction-con li:first-child{ margin-top: 0;}
.partnerFunction-con .tit{ position: relative; line-height: 1.4; font-size: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .06);}
.partnerFunction-con .tit:before{ content: ''; display: block; width: 50px; height: 2px; background-color: #12c0ff; position: absolute; left: 0; bottom: 0;}
.partnerFunction-con .info p{ margin-top: 30px; color: #abadb8; padding-left: 35px; background: url(../images/case-2.png) no-repeat left 14px; background-size: 15px;}
.partnerValue-con ul{  display: flex; flex-wrap: wrap;}
.partnerValue-con li{ width: 50%;}
.partnerValue-con .liBody{ padding: 40px 20px; min-height: 430px; background-color:#1c1f30; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,.2);} 
.partnerValue-con .icon img{ margin: 0 auto; width: 80px; height: 80px;}
.partnerValue-con .info{ text-align: center; margin-top: 20px;}
.partnerValue-con .tit{ font-size: 30px; margin-bottom: 10px; }
.partnerValue-con .dec{ color: #abadb8;}
.partnerAdvantage-con li{ margin-top: 20px; background-color:#1c1f30; padding: 40px 30px; border-radius: 10px; overflow: hidden; position: relative; box-shadow: 0 2px 5px rgba(0,0,0,.2);}
.partnerAdvantage-con li:first-child{ margin-top: 0;}
.partnerAdvantage-con li:after{ content:''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #2a7ef8;}
.partnerAdvantage-con .info{ display: flex; align-items: center;}
.partnerAdvantage-con .info .img.icon{width: 80px;height: 80px;}
.partnerAdvantage-con .info .img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.partnerAdvantage-con .info .img img{max-width: 100%;max-height: 100%;}
.partnerAdvantage-con .info.firs{flex-direction: column;}
.partnerAdvantage-con .pic img{ width: 80px; height: 80px;}
.partnerAdvantage-con .tit{ margin-left: 20px; font-size: 30px; line-height: 1.4;}
.partnerAdvantage-con .dec{ margin-top: 15px;}
.partnerScenarios-con .swiper-slide{ background-color: #fff; border-radius: 10px 10px 0 0; overflow: hidden;height: auto;}
.partnerScenarios-con .tit{ background-color: #1c1f30; display: flex; align-items: center;}
.partnerScenarios-con .tit span{ display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; background-color: #1c213c; font-size: 30px;}
.partnerScenarios-con .tit p{ font-size: 26px; padding: 0 30px;}
.partnerScenarios-con .info{ padding: 40px; min-height: 550px;}
.partnerScenarios-con .info dl{ margin-top: 30px;}
.partnerScenarios-con .info dl:first-child{ margin-top: 0;}
.partnerScenarios-con .info dt{ color: #111; font-size: 30px; background: url(../images/case-2.png) no-repeat left center; padding-left: 30px;}
.partnerScenarios-con .info dd{ color: #666; margin-top: 5px;}

.partnerJoinBanner{background-image: url(../images/partnerJoinBanner.jpg);}
.partnerBox .tit{ color: #fff; text-align: center; font-size: 36px; line-height: 1; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.partnerForm-group{ margin-top: 40px;}
.partnerForm-group:first-child{ margin-top: 0;}
.partnerForm-group h6{ font-size: 30px; line-height: 1; margin-bottom: 20px; color: #fff;}
.partnerForm-group input{ color: #fff; width: 100%; line-height: 40px; height: 90px; padding: 25px 30px; border-radius: 5px; background-color: #2c303b; border: 0; margin-top: 20px;}

.partnerForm-group .lrBtn{ margin: 0; border-radius: 6px; width: 100%; line-height: 80px; height: 80px;}
.contactInfo{ text-align: center;}
.contactInfo .icon{ width: 76px; margin: 0 auto;}
.contactInfo .icon img{ width: 100%;}
.contactInfo dl{ margin-top: 20px;}
.contactInfo dt{ font-size: 30px;}
.contactInfo dd{ margin-top: 20px;}
.contactInfo a{ margin: 0 auto; margin-top: 30px; line-height: 80px; height: 80px; letter-spacing: 2px;}
.partnerAuthBanner{ background-image: url(../images/partnerAuthBanner.jpg);}
.queryAuth .partnerBox { background-image: url(../images/partnerJoin-2.png); padding-top: 120px; padding-bottom: 120px;}
.queryAuth .partnerBox .tit{ padding-bottom: 0; border-bottom: 0;}
.partnerSearch{ height:100px; background-color: #2c303b; border-radius: 5px; overflow: hidden; display: flex; align-items: center;}
.partnerSearch i{ font-size: 30px; position: relative; color: #12c0ff; display: block; padding: 0 20px 0 30px;}
.partnerSearch i:after{ content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; width: 2px; background-color: rgba(255, 255, 255, .2);}
.partnerSearch input{margin: 0;  background-color: inherit; border: 0; padding: 25px 20px; height: 100px; line-height: 40px; color: #fff; flex: 1;}
.partnerSearch a{ height: 100px; line-height: 100px; font-size: 28px; width: 160px;}
.partnerSearch-res .top{ display: flex; align-items: center;}
.partnerSearch-res .top .spanA{ font-size: 26px; margin-right: 20px;}
.partnerSearch-res .top .spanB{ display: block; padding-left: 22px; background: url(../images/partnerJoin-3.png) no-repeat left center;}
.partnerSearch-res .con{ padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, .2);}

.partnerPolicyBanner{ background-image: url(../images/partnerPolicyBanner.jpg);}
.ChannelPos-poin ul{ display: flex; flex-wrap: wrap;}
.ChannelPos-poin li{ width: 50%; }
.ChannelPos-poin .liBody{padding: 40px 30px; text-align: center; background-color: #1c1f30; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,.2);}
.ChannelPos-poin .icon{ width: 80px; height: 80px; margin: 0 auto;}
.ChannelPos-poin .icon img{ width: 100%; height: 100%;}
.ChannelPos-poin .tit{ margin: 25px 0 20px; font-size: 30px; color: #fff;}
.ChannelPos-poin .dec{ color: #bbb; font-size: 24px;}
.ChannelPos-pic { border-radius: 10px; background-color: #1c1f30; padding: 30px;}
.ChannelPos-pic img{ width: 100%;}
.CertifiedSer-list ul{ margin-left: -30px; margin-right: -30px; display: flex; flex-wrap: wrap;}
.CertifiedSer-list li{ margin-left: 30px; margin-top: 30px; position: relative; width: 330px;}
.CertifiedSer-list .icon{ width: 330px; height: 150px; background-color: #fff; display: flex; justify-content: center; align-items: center; position: relative;}
.CertifiedSer-list .icon img{ width: 230px; height: 80px; object-fit:contain;}
.CertifiedSer-list .icon:after{ content: ''; position: absolute; display: block; width: 0; left: 0; bottom: 0; height: 4px; background-color: #12c0ff; transition: all .3s ease-out 0s;}
.CertifiedSer-list li.cur .icon{ border-radius: 10px 10px 0 0;}
.CertifiedSer-list li.cur .icon:after{ width: 100%;}
.CertifiedSer-list .con{ padding-top: 20px; position: relative; left: 0; display: none; width: 690px;}
.CertifiedSer-list .info{ z-index: 8; background-color: #fff; padding: 40px; border-radius: 10px; color: #666; position: relative;}
.CertifiedSer-list .info:before{ content: ''; position: absolute; left: 0; top: -10px; display: block;width: 0;height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
.CertifiedSer-list .tit{ display: flex; align-items: center;}
.CertifiedSer-list .tit img{ height: 35px;}
.CertifiedSer-list .tit p{ color: #000; font-size: 30px; line-height: 36px; margin-left: 15px;}
.CertifiedSer-list .dec{ margin-top: 30px;}
.CertifiedSer-list .dec p{ margin-bottom: 30px;}
.CertifiedSer-list li.cur { position: relative; z-index: 2;}
.CertifiedSer-list li.cur .con{ display: block;}
.CertifiedSer-list li:nth-child(2n + 1) .con{ left:0;}
.CertifiedSer-list li:nth-child(2n + 2) .con{ left:-361px;}
.CertifiedSer-list li:nth-child(2n + 1) .info:before{ left: 160px;}
.CertifiedSer-list li:nth-child(2n + 2) .info:before{ left: 520px;}
.CertifiedSer .contactInfo a{ width: 250px; height: 80px; line-height: 80px; border-radius: 50px; display: flex; align-items: center; justify-content: center;} 
.CertifiedSer .contactInfo i{ font-size: 36px; margin-right: 5px;}


.communitySchoolBanner{ background-image: url(../images/communitySchoolBanner.jpg);}
.communitySchoolList li{ float: left; width:50%; }
.communitySchoolList .liBody{background-color: #12c0ff; border-radius: 10px 10px 0 0; overflow: hidden;}
.communitySchoolList .pic{width: 100%; height: 250px;}
.communitySchoolList .pic img{ width: 100%; height: 100%; object-fit: cover;}
.communitySchoolList .info{ position: relative; height: 132px; width: 100%; background-color: #fff; padding: 20px;}
.communitySchoolList .tit{ position: relative; color: #333;}
.popupVideo{ padding: 0; border-top: 0;}
.popupVideo-con video{ width: 100%; outline: none;}
.popupVideo-con p{ padding: 20px 30px;}
.communityCycleBanner{ background-image: url(../images/communityCycleBanner.jpg);}
.communityCycleA{ background:url(../images/footerBg.jpg) repeat; border-radius: 10px; overflow: hidden; padding: 30px;}
.communityCycleA .tit{ display: flex; justify-content: space-between; align-items: center;}
.communityCycleA .tit h5{ font-size: 40px; line-height: 1; color: #fff;}
.communityCycleA .tit:before,.communityCycleA .tit:after{ content: ''; display: block; width: 16px; height: 22px; background: url(../images/communityCycle-1.png) no-repeat;}
.communityCycleA-con{ padding: 0 20px;}
.communityCycleA-con .info dt{ font-size: 30px;}
.communityCycleA-con .info dd{ margin-top: 20px;}
.communityCycleA-con .poin{ padding-top: 40px; margin-top: 40px; border-top: 1px solid rgba(255, 255, 255, .2);}
.communityCycleA-con .poin li:first-child{ margin-top: 0;}
.communityCycleA-con .poin li{margin-top: 40px;}
.communityCycleA-con .poin h6{ line-height: 40px; color: #fff; font-size:30px; background-image: url(../images/communityCycle-2.png); background-repeat: no-repeat; background-position: left center; background-size: auto 39px; padding-left: 60px;}
.communityCycleA-con .poin li:nth-child(2) h6{ background-image: url(../images/communityCycle-3.png);}
.communityCycleA-con .poin li:nth-child(3) h6{ background-image: url(../images/communityCycle-4.png);}
.communityCycleA-con .poin .dec{ margin-top: 30px; color: #aaa;}
.communityCycleA-con .poin .pic { text-align: center;}
.communityCycleA-con .poin .pic img{ display: inline-block; max-width: 100%;}
.communityCycleA-con .tab{ width: 100%; border-collapse: collapse; border: 1px solid #000; margin-top: 30px;}
.communityCycleA-con .tab td,.communityCycleA-con .tab th{ border: 1px solid #000; padding: 20px;}
.communityCycleA-con .tab th{  color: #fff;}
.communityCycleA-con .tab th:nth-child(1),.communityCycleA-con .tab td:nth-child(1){ text-align: center;}
.communityCycleB li{ width: 100%; margin-top: 30px; background-color: #fff;}
.communityCycleB li:first-child{ margin-top: 0;}
.communityCycleB .tit{ height: 120px; background: url(../images/communityCycle-8.jpg) no-repeat right top #2a7ef8; padding: 15px 30px 0 30px;}
.communityCycleB .tit span{ display: block; padding-left: 15px; line-height: 1.6;}
.communityCycleB .tit .spanA{ font-size: 30px; position: relative;}
.communityCycleB .tit .spanA:before{ content: ''; display: block; width: 4px; height: 26px; background-color: #12c0ff; position: absolute; left: 0; top: 50%; margin-top: -13px;}
.communityCycleB .con{ padding: 30px;}
.communityCycleB .con img{ width: 100%;}
.communityProblemBanner{ background-image: url(../images/communityProblemBanner.jpg);}
.communityProblem-list { border-top: 1px solid rgba(255, 255, 255, .2);}
.communityProblem-list li{ border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 30px 0; cursor: pointer;}
.communityProblem-list .top{display: flex; justify-content: space-between; align-items: center;}
.communityProblem-list .tit { display: flex; align-items: center;}
.communityProblem-list .icon{ width: 60px; height: 60px; border-radius: 50%; background: url(../images/communityProblem-1.png) no-repeat center; background-color: #1c1f30; }
.communityProblem-list .tit p{ margin-left: 20px; font-size: 30px; line-height: 1.4;}
.communityProblem-list .info{ opacity: 0; margin: 0 0 0 70px; border-left: 1px solid rgba(255, 255, 255, .2); padding-left: 30px; height: 0; overflow: hidden; color: #bbb;}
.communityProblem-list li.cur .tit p{ color: #00bff7;}
.communityProblem-list .cur .info{ height: auto; margin-top: 25px; opacity: 1;}
.communityProblem-con .lrBtn{ height: 80px; line-height: 80px; margin-left: auto; margin-right: auto;}
.communityDataBanner{ background-image: url(../images/communityDataBanner.jpg);}
.communityData-list li{ position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 100px; width: 100%; background-color: #fff; margin-top: 30px; border-radius: 10px; overflow: hidden;}
.communityData-list li:first-child{ margin-top: 0;}
.communityData-list .icon{ position: absolute; height: 38px; left: 30px; top: 50%; margin-top: -19px;}
.communityData-list .icon img{ height: 100%;}
.communityData-list p{ color: #111; padding-left: 60px; width: 480px;}
.communityData-list .lrBtn{ width: auto; margin: 0; padding: 0 0 0 20px; height: 26px; line-height: 26px; border-left: 1px solid #b5bbcd; color: #333; background-color: inherit; display: flex; justify-content: center; align-items: center;}
.communityData-list .lrBtn i{ color: #12c0ff; margin-right: 12px;}

.secondaryNav{ height: 100px; background-color: rgba(20, 22, 29, .46); }
.secondaryNav ul{ display: flex; justify-content: center;}
.secondaryNav li{ position: relative; overflow: hidden; flex: 1;}
.secondaryNav a{ position: relative; z-index: 2; display: block; line-height: 100px; text-align: center; font-size: 28px;}
.secondaryNav li.cur a{ background-color: #00bff7;}

.aboutBanner{ background-image: url(../images/aboutBanner.jpg);}
.aboutA-con{ position: relative;  padding-bottom: 500px;}
.aboutA-con .bg{ position: absolute; left: -30px; right: -30px; bottom: 0;}
.aboutA-con .bg img{ width: 100%;}
.aboutA-con .text{ position: relative;text-align: justify;}
.aboutBody .text p{text-indent: 2em; margin-top: 30px;text-align: justify;}
.aboutBody .text p:first-child{ margin-top: 0;}
.aboutA-con .hf{ margin-top: 40px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; padding: 20px 0; background-color: rgba(28, 31, 48, .5); }
.aboutA-con .hf img{ height: 60px; margin: 0 50px;}
.aboutBody .notes{ color: #666; text-align: center; padding: 60px 20px;}
.fullPic{ margin-left: -30px; margin-right: -30px;}
.fullPic img{ width: 100%;}
.aboutTit{ position: relative; min-height: 84px;}
.aboutTit h5{ font-size: 36px; position: relative; z-index: 2; padding-top: 30px; line-height: 60px; color: #fff;}
.aboutTit em{ font-size: 84px; text-transform:uppercase; color:#fff; opacity: .05; position: absolute; left: 0; top: 0; line-height: 1;}
.aboutTit p{ font-size: 26px; margin-top: 20px;}
.aboutD .title h4{ line-height: 60px;}
.aboutD-con .pic img{ width: 100%;}
.aboutE{ margin-left: -30px; margin-right: -30px; background:url(../images/footerBg.jpg) repeat;}
.aboutE .pic img{ width: 100%;}
.aboutF .line{ height: 6px; background-image: linear-gradient(to right, #12c0ff, #2a7ef8); margin-top: 60px;}
.cultureBanner{ background-image: url(../images/cultureBanner.jpg);}
.cultureA{ background: url(../images/culture-1.jpg) no-repeat; background-size: cover; height: 260px; padding-left: 50px; display: flex; align-items: center;}
.cultureA .aboutTit{ flex: 1;}
.cultureA .aboutTit em{ opacity: .1; font-size: 50px;}
.cultureA .aboutTit h5{ padding-top: 15px; font-size: 46px;}
.cultureB-con li{ background-color: #fff; margin-top: 30px; width: 100%; padding: 60px 0; color: #333; text-align: center;}
.cultureB-con li:first-child{ margin-top: 0;}
.cultureB-con .tpm-solution__nav{ width: 80px; height: 80px; margin: 0 auto; background-color: #1c1f30; border-color: #1c1f30;}
.cultureB-con .info { margin-top: 50px;}
.cultureB-con .info dt{ font-size: 40px; line-height: 1;}
.cultureB-con .info dt:after{ content: '';  display: block; width: 50px; height: 3px; background-color: #00bff7; margin: 0 auto; margin-top: 30px;}
.cultureB-con .info dd{ padding: 0 70px; margin-top: 30px;}
.historyBanner{ background-image: url(../images/historyBanner.jpg);}
.historyCon{ position: relative; position: relative;}
.historyCon .line{ width:4px; position: absolute; top: 0; bottom: 0; left: 0; background-color: #12c0ff;}
.historyCon .timeList{  position: relative; padding: 50px 0;}
.historyCon .timeList:before,.historyCon .timeList:after{ content: ''; display: block; left: -8px; position: absolute; width: 20px; height: 20px; border-radius: 50%; background-color: #12c0ff;}
.historyCon .timeList:before{ top: 0;}
.historyCon .timeList:after{bottom: 0;}
.historyCon .timeItem{ padding-left: 80px;  position: relative; margin-top: 50px;}
.historyCon .timeItem:first-child{ margin-top: 0;}
.historyCon .timeItem:before{ content: ''; height: 2px; position: absolute; left: 2px; top: 28px; width: 50px; background-color: #12c0ff;}
.historyCon .event-dot{  position: relative;}
.historyCon .year{ font-size: 36px; }
.historyCon .main dl{ margin-bottom: 10px;}
.historyCon .main dl:last-child{ margin-bottom: 0;}
.historyCon .main dt{ color: #12c0ff; font-size: 26px;}
.historyCon .icon { display: flex; justify-content: flex-end; margin-bottom: 10px; position: relative;}
.historyCon .icon img{ width: 80px; height: 80px;}
.historyCon .icon:after{ content: ''; display: block; position: absolute; top: 50%; margin-top: -.5px; right: -35px; width: 35px; height: 1px; background-color: #00bff7; }
.historyCon .icon:before{ content: ''; display: block; position: absolute; top: 50%; margin-top: -5px; right: -41px; width: 10px; height: 10px; border-radius: 50%; background-color: #00bff7;}
.historyCon .navi{ display: block; outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; background-color: #222; border-radius: 50%; display: block; display: flex; justify-content: center; align-items: center; font-size: 30px;}
.historyCon .navi:hover{ background-color: #297cf4; color: #fff;}
.historyCon a.prev{ left: -110px;}
.historyCon a.next{ right: -110px;}
.investorBanner{ background-image: url(../images/investorBanner.jpg);}
.investorA-con img{ width: 100%;}
.policyBody{ margin-top: 100px;}
.policyCon .text{ overflow: hidden; line-height: 2;}
.policyCon .text.cur{ height: auto;}
.policyCon .text .fontA{ font-size: 30px;}
.policyCon .text p{ text-indent: 2em; margin-top: 30px;}
.policyCon .text dl{ margin-top: 30px;}
.policyCon .text dd{ margin-top: 10px;}

.newsBanner{ background-image: url(../images/newsBanner.jpg);}
.newsBody .indexSer-menu ul{ justify-content: center;}
.newsBody .indexSer-menu li{ margin: 0 70px;}
.newsList li{ margin-top: 30px;}
.newsList li:first-child{ margin-top: 0;}
.newsList li a{ display: block; background-color: #fff; border-radius: 10px; overflow: hidden; display: flex;}
.newsList .pic{ width: 240px; height: 240px; overflow: hidden;}
.newsList .pic img{ width: 100%; height: 100%; object-fit: cover; transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.newsList .info{ flex: 1; padding: 30px; display: flex; flex-wrap: wrap; align-content: space-between;}
.newsList .time{ color: #666; font-size: 26px;}
.newsList .tit{ color: #333;width: 100%;}
.newsDel{  margin-top: 100px;}
.newsDel-title .tit{ font-size: 36px; line-height: 1.6;}
.newsDel-title .tags{ margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap;}
.newsDel-title .tags .box{ margin-right: 20px;}
.newsDel-content p{ margin-bottom: 30px;}
.newsDel-content a{color: -webkit-link;text-decoration: underline;}
.newsDel-content h3{font-size: 1.17em;font-weight: bold;}
.newsDel-content strong{font-weight: bold;}



.newsDel-content img{ width: 100%;}
.newsDel-other a{ display: block; margin-top: 10px;}
.newsDel-other a:first-child{ margin-top: 0;}
.shareList,.shareList ul{ display: flex; align-items: center;}
.shareList li a{ display: block; width: 48px; height: 48px; font-size: 28px; background-color: #fff; color: #1e212a; border-radius: 50%; margin-left: 20px; display: flex; justify-content: center; align-items: center;}
.shareList li:nth-child(1) a{ background-color: #50b674;}
.shareList li:nth-child(2) a{ background-color: #30a5dd;}
.shareList li:nth-child(3) a{ background-color: #ea5d5c;}

.joinBanner{ background-image: url(../images/joinBanner.jpg);}
.joinList li{ margin-top: 20px; position: relative; overflow: hidden;}
.joinList li:first-child{ margin-top: 0;}
.joinList .top{ cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; height: 135px; background: url(../images/footerBg.jpg) repeat; padding: 0 30px;}
.joinList .top:before{content: ''; display: block; position: absolute; left: 0; top: 0; bottom:0; background-color: #12c0ff; width: 4px;  -webkit-transition:all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.joinList .info{ position: relative;}
.joinList .tit{ font-size: 28px; line-height: 1.4;}
.joinList .tags { display: flex; flex-wrap: wrap; margin-top: 5px;}
.joinList .tags span{ display: block; margin-right: 30px; font-size: 24px; line-height: 1.4;}
.joinList .tags span:last-child{ margin-right: 0;}
.joinList .con{ background-color: #171a2a; padding: 30px; display: none;}
.joinList .con dl{ margin-top: 30px;}
.joinList .con dl:first-child{ margin-top: 0;}
.joinList li.cur .top:before{ width: 100%; background-color: #2a7ef8;}
.joinList li.cur .tags{ color: #fff;}
.joinList li.cur .con{ display: block;}
.joinBannerA{ background-image: url(../images/joinBannerA.jpg);}
.joinWelfare-con li{ background-color: #044b64; position: relative; overflow: hidden; height: 485px; margin-top: 20px;}
.joinWelfare-con li:first-child{ margin-top: 0;}
.joinWelfare-con .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .4;}
.joinWelfare-con .bg img{ width: 100%; height: 100%; object-fit: cover;}
.joinWelfare-con .text{ padding:50px 40px;}
.joinWelfare-con .text dt{ font-size: 32px; position: relative;}
.joinWelfare-con .text dt:after{ content: ''; display: block; width: 60px; height: 4px; background-color: #fff; margin: 20px 0 10px 0;}
.joinWelfare-con .text dd span{ display: block; padding-left: 25px; position: relative; float: left; min-width: 150px; margin-right: 20px; margin-top: 20px;}
.joinWelfare-con .text dd span:before{ content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.joinGrow .title p{ color: #bbb;}
.joinGrow-box{ padding: 50px 30px; background-color: #fff; color: #666;}
.joinGrow-box .text h5{ font-size: 36px; color: #272a33;}
.joinGrow-box .text p{  margin-top: 20px;}
.td.joinGrow-box .pic img{ width: 100%;}
.tx.joinGrow-box{ background-color: #f5f5f5; padding-bottom: 0;}
.tx.joinGrow-box .points li{ display: flex; margin-top: 35px;}
.tx.joinGrow-box .points li:first-child{ margin-top: 0;}
.tx.joinGrow-box .points span{ margin-right: 30px; margin-top: 10px; display: block; width: 60px; height: 60px; background-color: #272a33; text-align: center; line-height: 60px; color: #fff; font-size: 30px;}
.tx.joinGrow-box .points p{  flex: 1;}
.joinGrow-con .lrBtn{ height: 80px; line-height: 80px; width: 300px; margin-left: auto; margin-right: auto;}

.contactBanner{ background-image: url(../images/contactBanner.jpg);}
.contactMap-con img{ width: 100%;}
.contactMap-info{  width: 100%; background-color: rgba(28, 31, 48, .85); border-radius: 6px; padding: 40px 30px;}
.contactMap-info h2{ position: relative; font-size: 36px; line-height: 1; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.contactMap-info h2:after{ content: ''; display: block; width: 50px;height: 2px; background-color: #00bff7; position: absolute; left: 0; bottom: 0;}
.contactMap-info .text .pA span{ display: block;}
.contactMap-info .text .pA .spanB{ font-size: 30px; color: #00bff7; line-height: 1.4;}
.contactMap-info .text .pB{ margin-top: 10px;}
.contactList .item{ padding-bottom: 60px; margin-bottom: 60px; border-bottom: 2px solid rgba(255, 255, 255, .2);}
.contactList .item:last-child{ padding-bottom: 0; margin-bottom: 0; border: 0;}
.contactList .top{ display: flex; align-items: center;}
.contactList .top img{ width: 50px; height: 50px; margin-right: 30px;}
.contactList .top h3{ font-size: 30px;}
.contactList .con .box{ margin-top: 30px; padding-left: 60px; background-repeat: no-repeat; background-position: 13px 10px; background-size: auto 30px;}
.contactList .add{ background-image: url(../images/contact-1.png);}
.contactList .ser{ background-image: url(../images/contact-2.png);}
.contactList .con p{ line-height: 2;}
.contactMsg-con{ position: relative;}
.contactMsg-con .tit{ position: relative; text-align: center; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #ddd;}
.contactMsg-con .tit h4{ color: #fff; font-size: 36px;}
.contactMsg-con .tit a{ text-decoration: underline;}
.contactMsg-con .tit p{ margin-top: 20px;}
.contactMsg-con .tit:after{ content: ''; display: block; width: 50px; height: 2px; background-color: #00bff7; position: absolute; left: 50%; margin-left: -25px; bottom: -1px;}
.contactForm-item .inp{ height: 80px; line-height: 40px; padding: 20px 30px; width: 100%; background-color: #f5f8fd; border: 0; border-radius: 0; margin: 0; color: #000;}
.contactForm-item textarea.inp{ height: auto;}
.contactForm-item { margin-top: 30px;}
.contactForm-item:first-child{ margin-top: 0;}
.contactForm-item .btn{ display: block; text-align: center; background-color: #00bff7; border-radius: 4px; line-height: 80px; font-size: 28px;}
.contactForm-item .check .pA{ color: #fff; margin-bottom: 10px; font-size: 28px;}
.contactForm-item .check ul{ margin: -10px;}
.contactForm-item .check li{float: left;  width: 50%; padding: 10px;}
.contactForm-item .check li p{ padding-left: 40px; position: relative; color: #bbb;}
.contactForm-item .check li p:before{ content: ''; display: block; width: 16px; height: 16px; border: 2px solid #a0adc2; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.contactForm-item .check li.cur p{ color: #00bff7;}
.contactForm-item .check li.cur p:before{ border-color: #00bff7;}

.searchBanner{ background-image: url(../images/searchBanner.jpg);}
.searchBox{ width: 690px;}
.searchForm{ height: 80px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 40px; display: flex; align-items: center;}
.searchForm input{ margin-bottom: 0; line-height: 50px; height: 50px; border: 0; padding: 0 0 0 40px; background-color:inherit;}
.searchForm a{ padding: 0 40px; font-size: 28px;}
.searchBox .keyword{ margin-top: 20px;}
.searchBox .keyword ul{ margin: -10px -20px; display: flex; justify-content: center; flex-wrap: wrap;}
.searchBox .keyword li{ padding: 10px 20px;}
.searchList li{ padding-bottom: 50px; margin-bottom: 50px; border-bottom: 2px solid rgba(255, 255, 255, .1);}
.searchList li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.searchList dt a{ display: block; font-size: 30px;}
.searchList dd{ color: #bbb; -webkit-line-clamp:5; margin-top: 5px;}
.searchList .source{ color: #aaa;}
.searchList .source a{ color: #aaa;}

.memberBody{ min-height: 100vh; background: url(../images/member-bg.jpg) no-repeat; background-size: cover; background-position: center top;}
.memberForm{ padding: 170px 70px 70px 70px;}
.memberForm h2{ font-size: 50px; line-height: 1; text-align: center;}
.memberForm-con{ margin-top: 80px;}
.memberForm-group{ margin-top: 30px;}
.memberForm-group:first-child{ margin-top: 0;}
.memberForm-item:first-child{ margin-top: 0;}
.memberForm-item{ border: 2px solid #343845; display: flex; align-items: center; background-color: #343845; height: 100px; padding: 0 30px; border-radius: 6px; overflow: hidden;}
.cur.memberForm-item{ border-color:  #297cf4;}
.memberForm-item i{ display: block; width: 60px; font-size: 34px; color: #71747d;}
.memberForm-item input{ border: 0; background-color: inherit; color: #fff; flex: 1; line-height: 34px; padding: 5px 0; margin-bottom: 0;}
.memberForm-group .tip{ font-size: 24px; color: #DD2C00; line-height: 2;}
.memberForm-btn a{ width: 100%; font-size: 30px; height: 100px; line-height: 100px;}
.loginAuto{ text-align: center;}
.loginAuto-links{ margin-top: 10px;}
.loginAuto-links:first-child{ margin-top: 0;}
.code.memberForm-item{ padding-right: 0;}
.code.memberForm-item a{ width: 180px; height: 100px; line-height: 100px; border-radius: 6px 0 0 6px;}
.memberForm-check{ display: flex; align-items: center;}
.memberForm-check input{ width: 30px; height: 30px; margin-right: 20px;}
.memberForm-check a{ margin: 0 3px;}
.memberForm-check a:hover{ text-decoration: underline;}

.userBanner{ background-image: url(../images/userBanner.jpg);}
.userBanner .pic{ width:120px; height: 120px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.userBanner .pic img{ width: 100%; height: 100%; object-fit: cover;}
.userBanner .text h4{ font-size: 28px; margin-top: 30px; line-height: 1;}
.logoutBtn{ width: 160px; display: block; line-height: 60px; text-align: center; margin: 60px auto auto auto; border-radius: 12px 4px 12px 4px; background-image: linear-gradient(to right, #12c0ff, #2a7ef8);}
.userSet-item{ display: flex; align-items: center; justify-content: space-between; min-height: 80px; padding: 20px 0; border-bottom: 2px solid #464b5b; }
.userSet-item:first-child{ margin-top: 0;}
.userSet-item .lab{ color: #aaa; width: 135px; text-indent: 10px;}
.userSet-item .con{ display: flex; align-items: center; flex: 1; justify-content: space-between;}
.userSet-item .pic{ width: 60px; height: 60px;}
.userSet-item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.userSet-item .setBtn{ margin-left: 40px; position: relative;}
.userSet-item .setBtn:hover{ color: #297cf4; text-decoration: underline;}
.userSet-item .setBtn input[type="file"]{ opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; cursor: pointer;}
.userSet-item .inp{ width: 300px; background-color: #313642; border: 0; border-radius: 6px; padding: 0 20px; line-height: 60px; height: 60px; margin-bottom: 0; color: #fff;}
.userSet-item .tip{ margin-left: 20px;}

.popupWrap{position:fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: 12; display:none; justify-content: center; align-items: center;}
.popupBox{ position: relative; z-index: 10;; display: none; color: #333; margin-top: -100px; width:690px; background-color: #fff; border-top: 6px solid #12c0ff; padding: 50px 40px;}
.popupBox .tit{ text-align: center; font-size: 40px; color: #000; line-height: 1;}
.popupFrom-item { margin-top: 20px;}
.popupFrom-item:first-child{ margin-top: 0;}
.popupFrom-item .lab{ width: 100%; margin-bottom: 10px;}
.popupFrom-block{ position: relative;}
.popupFrom-item .inp{ width: 100%; height: 80px; border: 1px solid #ccc; padding:20px 30px; border-radius: 4px;}
.popupFrom-item .tip{ font-size: 24px; color: #DD2C00;}
.popupFrom-item .btnGroup{ display: flex; margin-top: 40px; justify-content: center;}
.popupFrom-item .btnGroup a{ min-width: 200px; line-height: 80px; padding: 0 20px; text-align: center; border-radius: 6px; margin-right: 20px; font-size: 28px;}
.popupFrom-item .btnGroup a:nth-child(1){ background-color: #12c0ff;}
.popupFrom-item .btnGroup a:nth-child(2){ background-color: #eee; color: #333;}
.popupFrom-item .btnGroup a:last-child{ margin-right: 0;}
.code.popupFrom-item .con{ display: flex;}
.code.popupFrom-item .con .inp{ flex: 1;}
.popupFrom-item .codeBtn{ margin-left: 10px; padding: 0 10px; width: 250px; height: 80px; line-height: 78px; border: 1px solid #12c0ff; color: #12c0ff; text-align: center; border-radius: 4px;}
.popupCloseBtn{ position: absolute; right: 0; top: -60px; color: #8a8a8a; font-size: 50px; line-height: 1;}



@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0,15px,0);
		opacity: .3
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0,15px,0);
		opacity: .3
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1
	}
}