/*公用css*/
html,body,ul,li,dl,dt,dd,div,input,table,select,p,h1,h2,h3,h4,h5,h6,table,tr,th,td,button,p,a,img{padding:0px;margin:0px;}
a{text-decoration: none; -webkit-appearance:none;-webkit-tap-highlight-color: transparent;outline: 0px;}
a:focus{outline:none;text-decoration: none;}
a:hover,a:visited{text-decoration: none;}
ul li{list-style: none;}
button,input{outline: 0px; -webkit-appearance:none;-webkit-tap-highlight-color: transparent;}
body{color: #333; font-size: 14px;font-family: "微软雅黑", Arial;overflow-x: hidden;}
img{border: none;}
table{width: 100%;}
textarea{resize: none;border: none;outline: none;}
.center{width: 1200px; margin: 0 auto;}
.transition{transition: all .4s ease-in;-moz-transition: all .4s ease-in;-ms-transition: all .4s ease-in;-webkit-transition: all .4s ease-in ;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.text-center{text-align: center;}
@font-face {font-family: HELVETICANEUELTPRO-THEX;src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF);font-weight: 400;font-style: normal}
.font_num{font-family:arial}
.color_fff{color: #fff;}
.color_ccc{color: #ccc;}
.color_aaa{color: #6b798e;}
.color_666{color: #666;}
.color_999{color: #999;}
.color_blue{color: #0084ff;}
.color_blue2{color: #0a1633;}
.color_red{color: #fb5c72;font-style: italic;}
.font-w{font-weight: bold;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.font_22{font-size: 22px;}
.font_24{font-size: 24px;}
.font_36{font-size: 36px;}
.font_30{font-size: 30px;}
.font_48{font-size: 42px;}
.font_54{font-size: 42px;}
.text-de{text-decoration: underline;}
.background_f7f9fc{background: #f4faff;}
.txt_twoline{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.txt_threeline{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.txt_sixline{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.flex{ display: -webkit-flex;display: flex;justify-content: space-between;}
.margin-top120{margin-top: 120px;}
.margin-top100{margin-top: 100px;}
.margin-top80{margin-top: 80px;}
.margin-top60{margin-top: 60px;}
.margin-top45{margin-top: 45px;}
.margin-top35{margin-top:35px;}
.margin-top25{margin-top: 25px;}
.margin-top15{margin-top: 15px;}
.margin-top10{margin-top: 10px;}
.margin-top5{margin-top: 5px;}
.padding-top60{padding-top: 60px;}
.padding-top80{padding-top: 80px;}
.font_italic{font-style: italic;}
.mar-l70{margin-left: 70px;}
.mar-r70{margin-right: 70px;}
/*首页*/
.banner {position: relative;width:100%; position:relative; overflow:hidden;}
/* .banner img{width: 1920px;height: 600px;position: absolute;margin-left: 50%;left: -960px;} */
.top{left: 50%;margin-left: -600px; z-index: 9;width: 1200px;position:absolute;z-index: 999;}
/*新的banner*/
#indexslider{position: relative;width:100%; position:relative; overflow:hidden;}
.index-img{width: 1920px;height: 600px;position: absolute;margin-left: 50%;left: -960px;}
.index-pagination{position:absolute;z-index:66;top:540px;left:50%;height:30px;width:134px;margin-left:-67px;text-align:center;}
.index-pagination li{display:inline-block;width:62px;position:relative;float:left;height:23px;margin-left:5px;overflow:hidden;}
.index-pagination li a{position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:2px;text-align:center;}
.index-pagination li a div{position:relative;z-index:555;display:block;height:2px;background:rgba(255,255,255,.3);}
.index-pagination li a div span{position:absolute;top:0px;left:0px;height:2px;width:0px;background:#fff;}
.prev{z-index: 999; position: absolute; left: 5%;top: 280px;color: #fff;width: 26px;height: 26px;line-height: 26px;text-align: center; border: 1px solid rgba(255,255,255,.4);;border-radius: 50%;background: rgba(255,255,255,.1);transition: all .4s ease-in;-moz-transition: all .4s ease-in;-ms-transition: all .4s ease-in;-webkit-transition: all .4s ease-in ;}
.next{z-index: 999; position: absolute; right: 5%;top: 280px;color: #fff;width: 26px;height: 26px;line-height: 26px;text-align: center; border: 1px solid rgba(255,255,255,.4);;border-radius: 50%;background: rgba(255,255,255,.1);transition: all .4s ease-in;-moz-transition: all .4s ease-in;-ms-transition: all .4s ease-in;-webkit-transition: all .4s ease-in ;}
.prev:hover,.next:hover{color: #0084FF; border: 1px solid rgba(255,255,255,.6);;border-radius: 50%;}

/*中间鼠标图标*/
.sub-mouse{width:70%;height:43px;position:absolute;bottom:80px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
 .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
.logo{margin-top: 25px;}
.nav{margin-top: 5px;}
.nav ul li{ margin-left: 40px;}
.tit1{line-height: 60px;}
.tit2{width: 100%;height: 1px;background: #e4e9f0;position: relative;}
.tit2 span{width: 60px;height: 2px;background: #0a1633; position: absolute; left: 50%; margin-left: -30px;top: -1px;z-index: 2;}
.tit3{line-height: 60px;}
.main1 ul {margin-left: -36px;}
.main1 ul li{float: left; width: 270px;border: 1px solid #e4e9f0;margin-left: 36px;margin-bottom: 25px;}
.main1 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.main1-icon {background-image: url(../images/pro-icon_01.png); margin: 25px auto 15px;}
.main1-icon1{background-position: 0px 0px;width:63px;height:52px;}
.main1-icon2{background-position: -63px -52px;width:63px;height:52px;}
.main1-icon3{background-position: -126px -52px;width:58px;height:52px;}
.main1-icon4{background-position:-185px -52px;width:70px;height:52px;}
.main1-icon5{background-position:-255px -52px;width:55px;height:52px;}
.main1-icon6{background-position:-313px -52px;width:60px;height:52px;}
.main1-icon7{background-position:-375px -52px;width:60px;height:52px;}
.main1-icon8{background-position:-435px -52px;width:58px;height:52px;}
.main1 ul li:hover .main1-icon1{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position: 0px -52px;width:63px;height:52px;}
.main1 ul li:hover .main1-icon2{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position: -63px -52px;width:63px;height:52px;}
.main1 ul li:hover .main1-icon3{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position: -126px -52px;width:58px;height:52px;}
.main1 ul li:hover .main1-icon4{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position:-185px -52px;width:70px;height:52px;}
.main1 ul li:hover .main1-icon5{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position:-255px -52px;width:55px;height:52px;}
.main1 ul li:hover .main1-icon6{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position:-313px -52px;width:60px;height:52px;}
.main1 ul li:hover .main1-icon7{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position:-375px -52px;width:60px;height:52px;}
.main1 ul li:hover .main1-icon8{background-image: url(../images/pro-icon_02.png); margin: 25px auto 15px;background-position:-435px -52px;width:58px;height:52px;}
.main1-3{padding:15px 40px;}
.main1-4{float: right;border: 1px solid #dcdcdc;border-radius:15px;width: 22px;height: 22px;line-height:22px; margin-right: 40px;margin-bottom: 20px;}
.main1-4 i{color: #dcdcdc;padding-left: 4px;}
.main1 ul li:hover .main1-4{border: 1px solid #0084FF;background: #0084FF;  -webkit-transform:translateX(5px); -moz-transform: translateX(5px); -o-transform:translateX(5px);
            -ms-transform: translateX(5px);
            transform:translateX(5px);}
.main1 ul li:hover .main1-4 i{color: #fff;}
/*融合云通信服务平台*/
.main2{background: url(../images/index_02.jpg) center center no-repeat; background-size: cover; width: 100%;height: 750px;margin-top: 30px;}
.main2 .tit{padding-top: 60px;}
.main2 .tit2{background: rgba(255,255,255,.2)}
.main2 .tit2 span{background: #fff;}
.main2-con{margin-top: 90px;}
.main2-con ul{margin-left: -30px;}
.main2-con ul li{float: left;width: 380px;height: 360px;background: #fff;margin-left:30px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.main2-con ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}

.main2-icon{background: url(../images/icon2.png);  margin: 50px auto 40px;}
.main2-icon1{background-position: 0px 0px;width:67px;height:62px;}
.main2-icon2{background-position: -74px 0px;width:70px;height:62px;}
.main2-icon3{background-position: -144px 0px;width:67px;height:62px;}
.main2-con ul li:hover .main2-icon1,.main2-con ul li:hover .main2-icon2,.main2-con ul li:hover .main2-icon3{transform:rotateY(180deg);}
.main2-con2{width: 40px;height: 1px;margin: 25px auto 35px;background:#e4e9f0;}
.main2-con ul li:hover .main2-con2{background: #0084ff;width: 80px;}
.main2-con4{margin: 30px 100px;}
/*为什么选择我们*/
.main3 ul li{float: left;width: 33.33%; text-align: center;}
.main3-icon{background: url(../images/icon3.png);  margin: 50px auto 40px;}
.main3-icon1{background-position: 0px 0px;width:55px;height:52px;}
.main3-icon2{background-position: -60px 0px;width:55px;height:52px;}
.main3-icon3{background-position: -115px 0px;width:55px;height:52px;}
.main3-icon4{background-position: -175px 0px;width:55px;height:52px;}
.main3-icon5{background-position: -235px 0px;width:55px;height:52px;}
.main3-icon6{background-position: -285px 0px;width:63px;height:52px;}
.main3 ul li:hover .main3-icon1{ background-position: 0px -52px;width:55px;height:52px}
.main3 ul li:hover .main3-icon2{ background-position: -60px -52px;width:55px;height:52px;}
.main3 ul li:hover .main3-icon3{ background-position: -115px -52px;width:55px;height:52px;}
.main3 ul li:hover .main3-icon4{ background-position: -175px -52px;width:55px;height:52px;}
.main3 ul li:hover .main3-icon5{ background-position: -235px -52px;width:55px;height:52px;}
.main3 ul li:hover .main3-icon6{background-position: -285px -52px;width:63px;height:52px;}
.main3-con4{margin: 30px 80px;}
/*滚动数据*/
.main4{background: url(../images/index_06.jpg) center center no-repeat;background-size: 100% 200px;width: 100%;height: 200px}
.main4 ul li{float: left;width: 25%;text-align: center; padding-top: 65px;}
/*合作伙伴*/
.main5{background:url(../images/index_07.jpg) center top no-repeat #f7f9fc;background-size: 848px 369px; padding-bottom: 80px;}
.main5 .tit{padding-top: 60px;}
 .imagelink  .content_list  {
	 text-align: center;
	margin: auto;

}
 .imagelink  .content_list  li{float: left;width: 16.5%;}
 .imagelink  .content_list .item_block:hover .content {
	box-shadow: 0 7px 15px rgba(0,0,0,0.1);
	z-index: 12;
}

 .imagelink  .content_list .item_block .content {
	display: block;
	overflow: hidden;
	position:relative;
 	 background-color: #fff;


}
.imagelink  .content_list .item_block   {
   border-bottom: solid 1px #eeeeee;
   border-right: solid 1px #eeeeee;
   background-color: #fff;
   line-height:116px;
   z-index: 1;
}

 .imagelink .content_list .item_block .content .item_img img {
	height: auto;
	width: 100%;
  height: 119px;
	margin: auto auto;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	opacity:.7;
    filter:alpha(opacity=70);*/
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .imagelink .content_list .item_block  .content:hover  .item_img img {
	transform: scale(1.1);
	 -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    filter: 0;
	opacity: 1;
}


 .imagelink .content_list .item_block  .content  .item_wrapper {
	display: none;
	position: absolute;
	background-color: #eee;
	height: 24px;
	width: 100%;
	line-height: 24px;
	left: 0;
	bottom: 0;
}
 .imagelink .content_list .item_block  .content:hover  .item_wrapper {
	position: absolute;
	display: block;
	background-color: #f7f8fa;
	height: 24px;
	width: 100%;
	line-height: 24px;
	left: 0;
	bottom: 0;
}

 .imagelink .content_list .item_block .content  .item_wrapper  .description {
	font-size: 13px;
	padding-top: 0;
	line-height: 24px;
	text-align: center;
	color: #6b798e;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
/*新闻中心*/
.main6_let{width: 540px;}
.main6_right{width: 620px}
.main6_left1 {width: 540px;height: 260px; overflow: hidden;display: block;border: 1px solid #eee;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.main6_left1 img{}
.main6_left2{ margin-top: 35px; margin-bottom: 15px;}
.main6_left4{margin-top:15px;}
.main6_let a:hover .main6_left1 img{transform: scale(1.05);}
.main6_let a:hover .main6_left4 span{transform:translateX(15px); display: inline-block;}
.main6_right_time{text-align: right;width:80px; padding-right: 15px; border-right: 1px solid #e4e9f0;}
.main6_right_time2{padding-right: 2px;}
.main6_right_des{width: 500px;}
.main6_right_des2{width:500px; white-space: nowrap;  overflow: hidden; text-overflow:ellipsis;margin-top: 5px;}
.main6_right ul li{padding-top: 10px; padding-bottom:15px;background: #fff;}
.main6_right ul li:hover{ background: #F7F9FC;}
/*商务咨询快速通道*/
.main7{background: #f7f9fc;}
.main7 .tit{padding-top: 45px;}
.main7-con {border-bottom:1px solid #e4e9f0;padding-bottom: 45px;margin-bottom: 40px;}
.main7-con ul li{float: left; width: 50%;text-align:center;cursor: pointer;}
.main7-con ul li span{margin-left: 10px;display:inline-block;}
.main7-con ul li img{margin-top: -6px;}
.main7-con ul li:hover{color:#0084ff}
.main7-con ul li:hover span{color:#0084ff}
.main7-btn a.layui-btn-normal{margin: 0 auto; padding-left: 70px; padding-right: 70px; font-size: 20px;border-radius: 100px; background: #0084ff;margin-bottom: 60px;height: 55px;line-height: 55px;}

/*在线客服*/
.suspension{position:fixed;z-index:55;right:0;bottom:40px;width:70px;height:240px;display: none;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#0084ff;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:200px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/padding:2px 0;}
.suspension .d-service .d-service-item{margin-bottom: 0px;clear: both; margin-top: 12px;}
.suspension .d-service-item .circle{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;margin-top: 5px;}
.suspension .d-service-item .i-qq{width:30px;height:30px;  background:url(../images/side_con_icon03.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:30px;height:30px;background:url(../images/side_con_icon02.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-tel{background-position:center 3px;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*top新的*/
.top-new {width: 100%;height: 70px;	background: rgba(49, 49, 49, .9);z-index: 10000;line-height: 50px;box-shadow: 0px 0px 15px rgba(28,139,235,.2);}
.fixnav {position: fixed;top: 0px;left: 0px;}
.top-new .logo{margin-top: 10px;}
.top-new .nav{margin-top: 5px;}
/*footer*/
.footer{background:#353a43 /*#4a4f57*/;width: 100%;height: 360px;color: #9ba5b4; padding-top: 25px;}
.footer a{color: #9ba5b4;}
.footer a:hover{color: #fff;}
.footer_left{width: 390px;}
.footer_right{width: 560px;}
.footer_left3{margin-top: 15px;}
.footer_right ul li{height: 32px;line-height: 32px;}
.footer_right .footer_rightul{margin-left: 100px;min-width: 80px;}
.footer_firstnav{border-bottom: 1px solid #9ba5b4;line-height: 40px;margin-bottom: 15px;}
.footer_left4{margin-top: 25px;display: -webkit-flex; display: flex;margin-left: -15PX; position: relative;}
/*.footer_left4_icon{width: 40px;height: 40px;background: #9ba5b4;border-radius: 25px;margin-left: 15PX; }
.footer_left4_icon:hover{background: #fff;}*/
.footer_left4_1{background: url(../images/footer_icon.png) no-repeat #9ba5b4;width: 40px;height: 40px;border-radius: 25px;margin-left: 15PX;}
.footer_left4_2{background: url(../images/footer_icon.png) no-repeat #9ba5b4;background-position: -40px 0px;width: 40px;height: 40px;border-radius: 25px;margin-left: 15PX;}
.footer_left4_3{background: url(../images/footer_icon.png) no-repeat #9ba5b4;background-position: -80px 0px;width: 40px;height: 40px;border-radius: 25px;margin-left: 15PX;}
.footer_left4_1icon{position: absolute; top: -120px;left: 0;}
.footer_left4_1icon img{width: 106px;height: 106px;display: none;}
.footer_left4:hover .footer_left4_1icon img{ display: block;}
.footer-icon1 img{position: absolute;top: -130px;left: -20px; display: none; width: 106px; height: 106px;border: 5px solid #fff;}
.footer-icon1 i{ position: absolute;top: -19px; left: 30px; display: none;}
.footer-icon2 img{position: absolute;top: -130px;left: 30px; display: none;width: 106px; height: 106px;border: 5px solid #fff;}
.footer-icon2 i{ position: absolute;top: -19px; left: 80px; display: none;}
.footer_left4_1:hover{background: url(../images/footer_icon.png) no-repeat #fff;}
.footer_left4_2:hover{background: url(../images/footer_icon.png) no-repeat #fff;background-position: -40px 0px;}
.footer_left4_3:hover{background: url(../images/footer_icon.png) no-repeat #fff;background-position: -80px 0px;}
.footer_left4_3 a{display: block;width: 40px;height: 40px;}
/*导航二级菜单*/
.nav .layui-nav-child{left: -220px;width: 676px;padding-left: 40px;top: 65px;}
.nav .layui-nav-child .layui-icon{position: absolute;top: -22px;left: 220px;z-index: 999; transform: rotateX(180deg);}
.bottom-line{width: 130px; height: 2px;background: #007DC6;margin-bottom: 10px;}
.bottom-line.voice {background: #1FAAF3;}
.bottom-line.robot {background: #AC83E6;}
.bottom-line.safe {background: #1EBC77;}
.nav .item{margin: 20px 0 20px 0px;}
.nav .item h2{ padding-bottom: 12px;}
.nav .item {width: 130px;margin-right: 38px; float: left; height: 100%;}
.nav .item ul li{margin-left: 0;}
.nav .layui-nav .layui-nav-child a{padding-left: 5px;}
.nav .layui-nav .layui-nav-child a:hover{color:#0084ff;background:#F7F9FC;}
.nav .item .color_aaa{font-size: 16px;}
/* 2019/10/31 */
.new_show8new{position: absolute;position: absolute;right: 6px;top: -2px;}
.new_show8new img{width:30px;height: 16px;}