/*==字符串↓==*/

*:after,*:before,em,i,.iof{font-style: normal;line-height:1;transition: all 0s ease-in-out}
@font-face {
  font-family: 'FontAwesome';  /* Project id 1963410 */

  src: url('//at.alicdn.com/t/font_1963410_qc1osegecnh.woff2?t=1650594638166') format('woff2'),

       url('//at.alicdn.com/t/font_1963410_qc1osegecnh.woff?t=1650594638166') format('woff'),

       url('//at.alicdn.com/t/font_1963410_qc1osegecnh.ttf?t=1650594638166') format('truetype');
}

/*==head 导航菜单==*/
hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;line-height:1.2;color:var(--bs-heading-color)}
h5,.h5{font-size:1.25rem}
:root,[data-bs-theme="light"]{--bd-purple: #4c0bce;--bd-violet: #712cf9;--bd-accent: #ffe484;--bd-violet-rgb: 255.520718,255.062154,255.437846;--bd-accent-rgb: 255,228,132;--bd-pink-rgb: 214,51,132;--bd-teal-rgb: 32,201,151;--bd-violet-bg: var(--bd-violet);--bd-toc-color: var(--bd-violet);--bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);--bd-callout-link: 10,88,202;--bd-callout-code-color: #ab296a;--bd-pre-bg: var(--bs-tertiary-bg)}
.bd-navbar::after{position:absolute;inset:0;z-index:-1;display:block;content:"";background-image:linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), 0.95))}
.bd-navbar .navbar-toggler{padding:0;margin-right:-.5rem;border:0}
.bd-navbar .navbar-brand{color:#712cf9;transition:transform 0.2s ease-in-out;}
.bd-navbar .navbar-brand:hover{transform:rotate(-5deg) scale(1.1)}
.bd-navbar .navbar-toggler,.bd-navbar .nav-link{padding-right:.25rem;padding-left:.25rem;color:rgba(30,30,30,0.85)}
.bd-navbar .navbar-toggler:hover,.bd-navbar .navbar-toggler:focus,.bd-navbar .nav-link:hover,.bd-navbar .nav-link:focus{color:#fff;transition: all 0.4s ease;}/*鼠标经过 */
.bd-navbar .navbar-toggler.active,.bd-navbar .nav-link.active{font-weight:600;color:#1F7FE8}
.bd-navbar .offcanvas-md{background-color:var(--bd-violet-bg);border-left:0;}
.bi{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}
@media (max-width:767px){
.bd-navbar .navbar-toggler,.bd-navbar .nav-link{padding-right:.25rem;padding-left:.25rem;color:#fff}
.bd-navbar .navbar-toggler:hover,.bd-navbar .navbar-toggler:focus,.bd-navbar .nav-link:hover,.bd-navbar .nav-link:focus{color:rgba(240,240,240,0.85)}
}
.nav-item{z-index: 99999;}
@media (min-width:768px){
 /* 横线样式 */
 .underline {
	position: absolute;
	z-index: -0;
	top: 0.5rem;
	bottom: 0.5rem;
	left: auto;
	background-color: #0099FF;
	transition: all 0.4s ease;
	z-index:2;
	border-radius: 5%;	
 }	
}

/* 多语种*/
.translateSelectLanguage {color: #0D6EFD;background-color: #ffe484; border-style: none;outline:none;font-size: 16px; padding: 0px 15px 0 35px; margin-top: 0px; height:38px;margin-right:0px;border-radius: 5px;}
.translateSelectLanguage:hover {background-color: #0D6EFD;color: #FFFFFF;}
.fa-lang{position: relative;left: 28px;top:3px;font-size: 20px;}
.selectpicker{display:none!important}
.dropdown-toggle{position:relative;width:100%;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}

/*==效果transition:0.4s↓==*/
.slow,.slow a,.slow p,.slow li,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow u,.slow *:before,.slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


/*==产品切换↓==*/

.pro-tab{}

.pro-tab .fare{width: 100%;/* height: fit-content; */margin-right: 60px;box-shadow: 5px 5px 15px #ddd;}

.pro-tab .fare li{border-bottom:1px #ddd solid;}

.pro-tab .fare li:last-child{border-bottom:0px;}

.pro-tab .fare a{position:relative;z-index:1; padding:24px 30px;display: block;}

.pro-tab .fare a:before{opacity:0;position:absolute;right: 50px;top:0;bottom:0;margin: auto;height: fit-content;color:#fff;font-size:40px}

.pro-tab .fare a:after{opacity:0;content:"";position:absolute;left:0;right:-20px;top:0;bottom:0;z-index:-1;transform:translateX(10px); background:#1f7fe8}

.pro-tab .fare .active{}

.pro-tab .fare .active h4{color:#fff;}

.pro-tab .fare .active span{color:#eee}

.pro-tab .fare .active a:before{opacity:1;transform:translateX(5px)}

.pro-tab .fare .active a:after{opacity:1;transform:translateX(0px)}

.pro-tab .fare h4{color:#333;font-size:20px}

.pro-tab .fare span{display: block;margin-top: 4px;color:#999;font-size:14px}

.pro-tab .info{width: 100%;}

.pro-tab .info .frame{position:relative}

.pro-tab .info .title{position: absolute; top: 100px;left: 60px;right: 60px;z-index: 2;}

.pro-tab .info h4{color:#fff;font-size:30px}

.pro-tab .info p{display: block;margin-top:10px;color:#f5f5f5;line-height: 2; /* 文字裁剪 */overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6;/* 第6行裁剪 */ -webkit-box-orient: vertical;}

.pro-tab .info .pic{width:100%;height: 100%;object-fit: cover;}

.pro-tab .info .more{position: absolute;bottom: 60px;left: 60px;right: 60px;z-index: 1;padding-top:30px;border-top: 1px solid rgba(255,255,255,0.3);}

.pro-tab .info .more a{color:#fff;font-size:16px}

.pro-tab .info .more a:hover{color:#1f7fe8}

/*==案例tab↓==*/

.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}

ol {
	counter-reset: list;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ol li::before {
content: counter(list)"";
counter-increment: list;
font-weight: bold;
}
.case-tab {position: relative;}

.case-tab .roll {position:relative;z-index:1;margin-bottom:40px;display:flex;flex-flow:row wrap;align-content:flex-start;}

.case-tab .roll:before {content:"";position:absolute;left:10%;right:10%;z-index:-1;bottom:25px;/* width:100%;*/height:2px;background:#ddd;}

.case-tab .roll lii {flex:1;display:inline-block;text-align:center;cursor:pointer;}

.case-tab .roll h4 {margin:20px 0;}

.case-tab .roll i {display:flex;margin:auto;width:50px;height:50px;color:#fff;font-weight:bold;border-radius:50%;background:#dddddd;justify-content:center;align-items:center;}

.case-tab .roll .active {}

.case-tab .roll .active h4 {color:#a06eff}

.case-tab .roll .active i {background:#a06eff;}

/*==案例信息↓==*/

.case-intro {display:flex;height:600px !important;background:#fff;}

.case-intro .pic {flex:1;}

.case-intro .pic img{width:100%;height: 100%;object-fit: cover;}

.case-intro .info {flex:1;}

.case-intro .info {padding:50px;}

.case-intro .info h4 {color:#222222;font-size:26px;}

.case-intro .info h4 span {margin-left: 15px;color:#002222;font-size:16px;}

.case-intro .info .wx {margin-top: 20px;color:#666666;font-size:16px;line-height:30px;}

.case-intro .info .txt {margin-top:30px;padding-top:40px;border-top:1px #ddd solid;font-size:16px}

.case-intro .info .txt span {margin-bottom: 15px;color:#222222;font-size:16px}

.case-intro .info .txt span font {margin-left:30px;color:#2285ed;font-weight:bold}

.case-intro .info .txt span:last-child {margin-bottom:0px;}

.case-intro .info .more {
	display: table;
	margin-top:50px;
	position: absolute;
	right: 25px;
	bottom: 50px;
}

.case-intro .info .more:hover {color:#a06eff}

.case-tab .spot {display:none;}

.case-tab .btn-1 {position:absolute;top:55%;left: 10px;z-index:9;display:block;text-align:center;color:#6d6d6d;font-size:35px;font-weight:bold;transform:translateY(-50%);cursor:pointer;transition:all .4s ease-in-out;}

.case-tab .btn-1.sNext {left:auto;right:10px;}

.case-tab .btn-1:hover:before {color:#2285ed}

.case-tab .sPrev:before {content:"\f104";font-size: 60px;font-weight: lighter;}

.case-tab .sNext:before {content:"\f105";font-size: 60px;font-weight: lighter;}
@media (max-width:576px){
.pro-tab .fare a{padding:15px;}
.pro-tab .fare a:after{right:0px;transform:translateX(0px); }
.pro-tab .fare h4{font-size: 13px;} 
.pro-tab .info h4{font-size:16px}
.pro-tab .info .title{top: 20px;left: 30px;right: 30px;}
.pro-tab .info .more{bottom: 20px;left: 30px;right: 30px;padding-top:15px;}
.fare li {margin: 4px; text-align: center; background-color: #F0F0F0;padding: 0px; width: 47%; float: left; }
.case-tab .roll:before {bottom:15px;}
.case-tab .roll i {width:30px;height:30px;}
}
@media (min-width:577px) and (max-width:767px) {
.pro-tab .fare a{padding:15px;}
.pro-tab .fare a:after{right:0px;transform:translateX(0px); }
.pro-tab .fare h4{font-size: 14px;}
.pro-tab .info h4{font-size:16px}
.pro-tab .info .title{top: 20px;left: 30px;right: 30px;}
.pro-tab .info .more{bottom: 20px;left: 30px;right: 30px;padding-top:15px;}
.fare li  {margin: 5px; text-align: center; background-color: #F0F0F0;	padding: 0px; width: 31%; float: left;}
.case-tab .roll:before {bottom:16px;}
.case-tab .roll i {width:32px;height:32px;}
}
@media (min-width:768px) and (max-width:991px) {
.underline {height: 63px;}
.pro-tab .fare a:before{content:"\f178";right: 0px;font-size:40px}
.pro-tab .fare h4{font-size: 16px;}
.pro-tab .info h4{font-size:25px}
.fare li  {padding: 0px;}
.pro-tab .info .pic{height: 516px;}
.case-tab .roll:before {bottom:17px;}
.case-tab .roll i {width:35px;height:35px;}
}
@media (min-width:992px) and (max-width:1199px) {
.underline {height: 66px;}
.pro-tab .fare a:before{content:"\f178";right: 20px;font-size:40px}
.pro-tab .info .pic{height: 545px;}
.case-tab .roll:before {bottom:20px;}
.case-tab .roll i {width:40px;height:40px;}
}
@media (min-width:1200px){
.underline {height: 78px;}
.pro-tab .fare a:before{content:"\f178";right: 30px;}
.pro-tab .info .pic{height: 545px;}
.case-tab .roll:before {bottom:22px;}
.case-tab .roll i {width:45px;height:45px;}
}
/*--*/
/*==神州讯盟的荣誉↓==*/
.partner-list{margin: 0px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.partner-list li{position: relative;z-index: 1;display: inline-block;width: calc(100% - 0px);margin: 0px; text-align: center; }
.partner-list li:after{opacity:0;content:"";position: absolute;left:0;right: 0;bottom:0;top:0;z-index: -1;transform: translateY(-5px);background:#2285ed;}
.partner-list a{position: relative;z-index: 1;display:block;padding:30px 30px}
.partner-list .pic{display: flex;width: 200px;height: 200px;margin: auto;border: 1px #ddd solid;border-radius: 50%;overflow: hidden;align-items: center;justify-content: center; background:#fff}
.partner-list .pic img{ width: 100%;height: 100%;}
.partner-list p{color: #222222;line-height:2;margin-top: 20px;}
.partner-list li:hover{ transform: translateY(-5px);}
.partner-list li:hover:after{opacity:1;transform: translateY(0px);}
.partner-list li:hover p{color:#fff;}
.titleAx{text-align: center;margin-bottom:50px;}
@media (max-width: 767px) {
.partner-list li{height: 230px;margin-top: 20px;}
.partner-list .pic{width: 100px;height: 100px;}
}

@media (min-width: 768px) {
.partner-list li{height: 260px;margin-top: 25px;}
.partner-list .pic{width: 120px;height: 120px;}
}

@media (min-width: 992px) {
.partner-list li{height: 290px;margin-top: 30px;}
.partner-list .pic{width: 140px;height: 140px;}
}

@media (max-width: 1200px) {
.partner-list li{height: 320px;margin-top: 35px;}
.partner-list .pic{width: 160px;height: 160px;}
}
@media (min-width: 1201px) {
.partner-list li{height: 340px;margin-top: 5px;}
.partner-list .pic{width: 160px;height: 160px;}
}