@charset "gb2312";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
body,ul{margin:0;padding:0}
body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;} 
li{list-style:none}
i{font-style: normal;}
a{text-decoration:none;cursor: pointer;}
a:hover{ text-decoration:none!important;}
body,html{height: 100%;background: #F2F2F2;}
input{outline:none;}
/* 以上实际使用若已初始化可删除 */
/* 滚动条样式 */
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);-webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, 0.1);}
/* end/滚动条 */
.clearfix:before,.clearfix:after{content:'';display:table;}
.clearfix:after{clear:both;}
.fl{float: left;}
.fr{float: right;}
/* 悬浮模块公共样式 */
.m-suspension {
    position: fixed;
    right: 0;
    top: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 18px;
    letter-spacing: 2px;
    z-index: 999;
}
.m-suspension .m-apply-fixbtn {
display: inline-block;
background-color: #eb305b;
padding: 14px 2px;
margin-bottom: 6px;
color: #fff;
width: 70px;
}
.m-suspension .m-apply-fixbtn .m-apply-img {
width: 26px;
display: block;
margin: 0 auto;
padding-left: 2px;
}
.m-suspension .m-apply-fixbtn .m-apply-txt {
margin-top: 6px;
font-size: 14px;
letter-spacing: 0px;
}
.sem-container .mask-tips-box {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
        margin: auto;
        width: 540px;
        height: 300px;
        border-radius: 12px;
        -webkit-box-shadow: 0 16px 30px 0 rgba(0,0,0,.2);
        box-shadow: 0 16px 30px 0 rgba(0,0,0,.2);
        display: none;
        overflow: hidden;
		}
		
.sem-container .mask-tips-box .bg {
        width: 100%;
        height: 100%;
}

.sem-container .mask-tips-box .close {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 22px;
}

.sem-container .mask-tips-box .buttons {
        position: absolute;
        bottom: 55px;
        left: 0;
        z-index: 10;
        width: 100%;
        text-align: right;
}

.sem-container .mask-tips-box .apply {
	    float:left;
		margin-left:190px;
        display: block;
        width: 120px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        color: #fff;
        background: none;
        text-align: center;
        border-radius: 22px;
        border: 1px solid #fff;
        cursor: pointer;
        display: inline-block;
}

.sem-container .mask-tips-box .obtain a{
        margin-left: 40px;
        margin-right: 60px;
        display: block;
        width: 120px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        color: #f85415;
        background: #fff;
        text-align: center;
        border-radius: 22px;
        border: none;
        cursor: pointer;
        display: inline-block;
}


.sem-container .mask-tips-box .obtain a, .sem-container .mask-tips-box .obtaina a:hover {
        -webkit-box-shadow: 0 0 14px 0 rgba(255,103,26,.2), 0 7px 14px 0 rgba(255,103,26,.4);
        box-shadow: 0 0 14px 0 rgba(255,103,26,.2), 0 7px 14px 0 rgba(255,103,26,.4);
}




/* 头部head  开始*/
.g-100 {
  width: 100%;
  height: 100%;
}
.g-100 .m-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.g-100 .m-header .m-nav {
  height: 74px;
  background-color: #15214b;
}
.g-100 .m-header .m-nav .m-nav-ul {
  width: 1200px;
  height: 73px;
  margin: 0 auto;
}
.g-100 .m-header .m-nav .m-nav-ul li {
  min-width: 72px;
  float: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 67px;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0 19px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.g-100 .m-header .m-nav .m-nav-ul .m-nav-li a {
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
  text-decoration:none;
}
.g-100 .m-header .m-nav .m-nav-ul li img {
  vertical-align: middle;
}
.g-100 .m-header .m-nav .m-nav-ul .m-nav-li {
  width: 100%;
  padding: 0px;
  margin: 0px;
  line-height: 34px;
}
.g-100 .m-header .m-nav .m-nav-ul a:hover {  
     color: #3697fe;
}
.g-100 .m-header .m-nav .m-nav-ul .banner {
  float: left;
  text-align: center;
  height: 40px;
  width: 20%;
  line-height: 40px;
}
.g-100 .m-header .m-nav .m-nav-ul .banner .banner-ul {
  list-style: none;
  /*display: none;*/
  background-color: blue;
  overflow: hidden;
  /*模拟height:auto时候的情况*/
  max-height: 0px;
  transition: max-height 0.3s;
  /*多浏览器支持*/
  -moz-transition: height 1s;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
}
.g-100 .m-header .m-nav .m-nav-ul .banner .banner-ul li {
  overflow: hidden;
}
.g-100 .m-header .m-nav .m-nav-ul .banner:hover ul {
  /*display: block;*/
  width: 100%;
  max-height: 160px;
}
.g-100 .m-header .m-nav .m-nav-ul .banner:hover {
  background-color: #00BFFF;
  cursor: pointer;
}
.g-100 .m-header .m-nav .m-nav-ul .m-nav-btn {
  width: 102px;
  height: 34px;
  line-height: 34px;
  background-color: #3697fe;
  background: url('../images/top_icon.jpg') repeat;
  border-radius: 4px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.g-100 .m-header .m-nav .m-nav-ul .m-nav-btn a{
	color: #fff;
}
.g-100 .m-header .m-nav .m-nav-ul .m-nav-btn:hover{
	background: url('../images/top_iconon.jpg') repeat;
}
.g-100 .m-content .m-banner {
  width: 100%;
  height: 450px;
}
/************产品banner图**************/
/**全媒体呼叫中心**/
body .g-100 .m-content .m-banner-cc{
	background: url('/images/callCenter1.png') center center no-repeat;
}
/**在线客服**/
body .g-100 .m-content .m-banner-online{
	background: url('/images/kf-banner.png') center center no-repeat;
}
/**工单管理**/
body .g-100 .m-content .m-banner-work{
	background: url('/images/workOrderSystem1.png') center center no-repeat;
}
/**AI人工智能**/
body .g-100 .m-content .m-banner-ai{
	background: url('/images/AI-banner.png') center center no-repeat;
}
/************成功案例banner图**************/
body .g-100 .m-content .m-banner-anli{
	background: url('/images/banneranli.jpg') center center no-repeat;
}
/************新闻资讯banner图**************/
body .g-100 .m-content .m-banner-article{
	background: url('/images/news_centres01.png') center center no-repeat;
}
/************关于我们banner图**************/
body .g-100 .m-content .m-banner-about{
	background: url('/images/about-us.png') center center no-repeat;
}
/************申请试用banner图**************/
body .g-100 .m-content .m-banner-Application{
	background: url('/images/banner-onlineApplication.jpg') center center no-repeat;
}

.g-100 .m-content .m-banner img{
  width: 100%;
}
.g-100 .m-content .m-banner>img{
  width: 100%;
  height: 100%;
}

/* 头部head  end*/

/*footer底部 开始*/
.g-100 .m-footer {
  width: 100%;
  background-color: #2f3542;
  padding: 40px 0;
  box-sizing: border-box;
  background-image: url(../images/footer-bj.jpg);
}
.g-100 .m-footer .m-footer-content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  color: #9ea7b2;
}
.g-100 .m-footer .m-footer-content a:hover{
	color: #ffffff!important;
}
.g-100 .m-footer .m-footer-content .m-footer-item {
  margin-right: 80px;
}
.g-100 .m-footer .m-footer-content .m-footer-item .m-footer-title {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  line-height: 44px;
  color: #ffffff;
  border-bottom: solid 1px #9ea7b2;
}
.g-100 .m-footer .m-footer-content .m-footer-item .m-footer-ul .m-footer-li {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
}
.g-100 .m-footer .m-footer-content .m-footer-item .m-footer-ul .m-footer-li a {
  color: #9ea7b2;
}
.g-100 .m-footer .m-footer-content .m-content-CcoreProducts,
.g-100 .m-footer .m-footer-content .m-content-cooperation {
  width: 106px;
}
.g-100 .m-footer .m-footer-content .m-content-solution {
  width: 280px;
}
.g-100 .m-footer .m-footer-content .m-content-solution .m-solution-ul li {
  float: left;
  width: 140px;
}
.g-100 .m-footer .m-footer-content .m-content-contactUs {
  width: 208px;
}
.g-100 .m-footer .m-footer-content .m-content-QR-code {
  padding: 24px 0px;
  margin-right: 0px;
  box-sizing: border-box;
}
.g-100 .m-footer .m-footer-content .m-content-QR-code p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  
}
.g-100 .m-footer-bottom {
  padding:10px 0;
  box-sizing: border-box;
  background-color: #2f3542;
  color: #9ea7b2;
}
.g-100 .m-footer-bottom a{
  color: #9ea7b2  
}.g-100 .m-footer-bottom a:hover{
  color: #fff; 
}
.g-100 .m-footer-bottom .m-bottom-content {
	width:1200px;
    margin:0 auto;
    font-size:12px;  
}
.g-100 .m-footer-bottom .m-bottom-content li {
  list-style:none; 
  float:left;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  font-size:12px;
}
.g-100 .m-footer-bottom .m-bottom-content a{
	padding-right:5px;
}
.m-bottom-branch {	
	width:1200px;
    margin:0 auto;
	clear:both;
	line-height: 23px;
	font-size:12px;	
}

/*footer底部*/


/*head-style  开始*/
* {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#333;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix10:after {
	content:".";
	display:block;
	height:10px;
	clear:both;
	visibility:hidden;
}
.h10{height:10px;}
.h15{height:15px;}
#header{width:1000px; margin:0 auto;}
.navBar {
	margin:0 auto;
	height:73px;
	line-height:73px;
	background-color: #15214b;
	color:#333;
}
.nav {
	position:relative;
	width: 1200px;
	margin:0 auto;
	font-family:"Microsoft YaHei",SimSun,SimHei;
	font-size:14px;
}
.nav a {
	color:#fff;
}
.nav h3 {
	font-size:18px;
	font-weight:normal;
}
.nav .m {
	float:left;
	position:relative;
	z-index:1;
}

.nav .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}
.nav h3 a {
	display:block;
	/* width:115px; */
	text-align:center;
}
.nav .sub {
	display:none;
	position:absolute;
	left:-44px;
	top:73px;
	z-index:1;
	width:160px;
	border:1px solid #15214b;
	border-top:0;
	text-align: center;
	background: rgba(14, 22, 56, 0.95);
	border: 1px solid rgba(51, 51, 51, 0.2);
	border-radius: 8px;
}
.nav .block {
    height: 8px;
	width: 114px;
    background: #3697fe;
    position: absolute;
    left: 0;
    top: 65px;
    overflow: hidden;
}
/*head-style  end*/


/* tabs star*/
* {
  list-style-type: none;
  font-family: "Arial","Microsoft YaHei",sans-serif;
  padding: 0px;
  margin: 0px;
}

.accordion-DIV {
  /*   width:98%;
  height:482px; */
  overflow: hidden;
  padding-left: 1%;
  padding-right: 1%;
}
.accordion-DIV > .accordion {
  /* border:$defaultBorder; */
}

.accordion {
  clear: both;
  overflow: hidden;
}
.accordion [data-name=accordion] {
  border: thin solid #efefef;
}
.accordion .accordion-li {
  float: left;
  color: #333;
  border-right: none;
  overflow: hidden;
  width: 100px;
  transition: width 1.5s;
  position: relative;
  cursor: pointer;
}
.accordion .accordion-li .accordion-img {
  border: thin solid #efefef;
}
.accordion .accordion-li:last-child {
  border-right: thin solid #efefef;
}
.accordion .accordion-li::before {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  transition: all 0.5s;
}
.accordion .accordion-li .accordion-description {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  transition: all 0.5s;
  top: inherit;
  bottom: 50%;
  height: 50%;
  margin-bottom: -135px;
  padding: 1.5%;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
  opacity: 0;
  transition: all 0.5s;
  margin-top: 15px;
  text-shadow: 0px 0px 1px #e0f9ff;
}
.accordion .accordion-li .accordion-title {
  font-size: xx-large;
  font-weight: bold;
}
.accordion .accordion-li .accordion-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 43.2px;
  margin-left: -21.6px;
  margin-top: -20px;
  font-size: 40px;
  z-index: 10;
  opacity: 1;
  transition: opacity 2.5s;
}
.accordion .accordion-li .accordion-icon-title {
  position: absolute;
  left: 0%;
  top: 60%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 24px;
  z-index: 10;
  opacity: 1;
  transition: opacity 2.5s;
}
.accordion:hover li {
  width: 100px;
  transition: width 1.5s;
}
.accordion:hover li.active {
  /* width:600px !important; */
  transition: width 0.5s;
}
.accordion:hover li.active::before {
  opacity: 0;
}
.accordion:hover li.active .accordion-icon {
  opacity: 0;
  transition: opacity .2s;
}

.accordion:hover li.active .accordion-icon-title {
  opacity: 0;
  transition: opacity .2s;
}
.accordion:hover li.active .accordion-description {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  transition: all 0.5s;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  padding-top: 9%;
  height: auto;
  width: 97%;
  top: inherit;
  bottom: 136px;
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
  opacity: 1  !important;
  transition: all 2s;
}
.accordion.verticality {
  clear: both;
  overflow: hidden;
}
.accordion.verticality .accordion-li {
  width: 100%;
  float: inherit;
  border: thin solid #efefef;
  height: 100px;
  transition: height .6s;
  border-bottom: none;
}
.accordion.verticality .accordion-li .accordion-description {
  left: 50%;
  bottom: 0;
  width: 30%;
  height: 95%;
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: -224px;
  transition: all .8s;
}
.accordion.verticality .accordion-li .accordion-img {
  width: 100%;
}
.accordion.verticality .accordion-li:last-child {
  border-bottom: thin solid #efefef;
}
.accordion.verticality .accordion-li.active {
  width: 100% !important;
  transition: height .6s;
}
.accordion.verticality .accordion-li.active::before {
  opacity: 0;
}
.accordion.verticality .accordion-li.active .accordion-icon {
  opacity: 0;
  transition: all 0.5s;
}
.accordion.verticality .accordion-li.active .accordion-description {
  margin-left: 0;
  width: 98%;
  height: 50%;
  top: inherit;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding-top: 1.5%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  transition: height .8s;
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
  opacity: 1;
  transition: opacity 1s;
}
.accordion .ver-toggle {
  display: none;
}
.accordion .accordion-img {
  display: block;
}
.accordion a {
  display: block;
  background-color: white;
  width: 100%;
  height: 100%;
}

/* tabs end */


/* style css star */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{ height:100%; }
img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; } 
ol,ul { list-style:none; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
*html{ background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */

.J_banner{max-width:100%;min-height: 459px;position:relative;overflow:hidden;margin:0 auto;}
.J_banner .img{width:2000px;overflow:hidden;position:absolute;top:0;left:0;}
.J_banner .img li{float:left;position:relative;}
.J_banner .img li img {width:100%;}
.J_banner1 .pointer{width:100px;height:15px;position:absolute;bottom:16px;left:50%;}
.J_banner1 .pointer li{width: 59px;height: 5px;margin:0 5px;float:left;background-color: #ffffff;opacity: 0.2;cursor: pointer;}
.J_banner1 .pointer li.now{background:#fff;opacity: 1;}
.J_banner .cut{width:34px;height:58px;left:20px;font-size:18px;line-height:58px;}
.J_banner .cut.next{left:auto;right:20px;}
/* style css end */

.g-100 .m-content .m-caseList {
  width: 100%;
  height: 640px;
  background-color: #fff;
  padding: 66px 0px;
}
.g-100 .m-content .m-caseList .m-caseList-content {
  width: 1200px;
  margin: 0 auto;
}
.g-100 .m-content .m-caseList .m-caseList-content .u-caseList-title {
  font-size: 32px;
  text-align: center;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #333333;
}
.g-100 .m-content .m-caseList .m-caseList-content .u-caseList-subtitle {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 1px;
  color: #333333;
}

.solution-banner {
    margin-top: 14px;
    background: #fff!important;
}
.solution-banner-item {
    position: relative;
    float: left;
    width: 390px;
    height: 260px;
    border-radius: 5px;
    margin-right: 14px;
    margin-bottom: 14px;
    overflow: hidden;
}

.solution-banner-item:hover {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .8);
}

.solution-banner-item img {
    display: block;
}

.solution-banner-item:nth-child(3n) {
    margin-right: 0;
}

.solution-banner-item>a>div:nth-child(2) {
    position: absolute;
    top: 182px;
    right: 0;
    bottom: 0;
    left: 0;
    color: rgba(255, 255, 255, .9);
    background: rgba(0, 0, 0, .6);
}

.solution-banner-item>a:hover>div:nth-child(2) {
    background: rgba(0, 0, 0, .7);
    top: 0;
    transition: all 0.6s;
}

.solution-banner-item>a:hover>div:first-child>img {
    transform: scale(1.2);
    transition: all 0.6s;
}

.solution-banner-head {
    width: 100%;
    height: 78px;
    line-height: 78px;
    font-size: 22px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.solution-banner-head>i {
    display: inline-block;
    font-size: 34px;
    margin-right: 8px;
    width: 34px;
}

.solution-banner-head>p {
    display: inline-block;
}

.solution-banner-content {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    line-height: 1.8;
    text-indent: 2em;
    color: #fff;
}

/*-------------产品页面底部免费试用----------------*/
.g-100 .m-content .m-successData-footer {
  width: 100%;
  min-width: 1200px;
  padding: 30px 0;
  height: 175px;
  box-sizing: border-box;
  background-image: url('../images/AI-banner-footer.png');
}
.g-100 .m-content .m-successData-footer .u-successData-txt {
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 43px;
  letter-spacing: 4px;
  color: #ffffff;
  text-align: center;
}
.g-100 .m-content .m-successData-footer .u-successData-btn {
  width: 192px;
  height: 50px;
  background-color: #0069ff;
  border-radius: 8px;
  border: solid 1px #fff;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 22px;
}
.g-100 .m-content .m-successData-footer .u-successData-btn a{
	color:#fff;
}
.g-100 .m-content .m-successData-footer .u-successData-btn:hover{
   background-color:#0f9cd1;
}