body,*{  font-family: PingFang-SC-Light,"PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif;
}
ul,li{list-style: none;padding: 0; margin: 0;}
 .section{padding: 60px 0;}
 .section .h2-title{text-align: center;color: #333;padding: 30px 0 80px 0;font-size: 33px;font-weight: 400;}
 h3{font-size: 18px;font-weight: 400;}
.title-logo{display: inline-block;}
.icos .tooltip.bottom{margin-top: -30px;}
.icos p{line-height: 21px;}
.w960{width: 960px;border: #ccc solid 0px;}
.w961{background: #fbfbfb;width: 100%;margin-top: -40px;}
.w962{background: #f5f5f5;text-align: center;}
.w963{background: #fbfbfb}

/*各页Nav背景色*/
body.product-bg>header.fixed .navbar{background-color: #c80000;}
/*body.rtc-bg>header.fixed .navbar{background-color: #5d2059;}*/
/*body.tc-bg>header.fixed .navbar{background-color: #000000;}
body.cloud-bg>header.fixed .navbar{background-color: #baeaff;}
body.msg-bg>header.fixed .navbar{background-color: #00217f;}
body.anti-bg>header.fixed .navbar{background-color: #380e1c;}
body.price-bg>header.fixed .navbar{background-color: #00217f;}
body.down-bg>header.fixed .navbar{background-color: #34b351;}*/
.ico-new{position: relative;}
.ico-new:before{content: "new";position: absolute;font-size: 10px;color: #fff;padding:0 3px;height: 13px;line-height: 10px;width: 28px;top: 9px;right: -10px;background-color: red;border-radius: 1px;transform: scale(.9);}
.item.ico-new:before{content: "new";position: absolute;font-size: 10px;color: #fff;padding:0 3px;height: 13px;line-height: 10px;width: 28px;top: 9px;right: 3px;background-color: red;border-radius: 1px;transform: scale(.9);}
.ico-sub-new{position: relative;}
.ico-sub-new:before{content: "new"; position: absolute; font-size: 10px; color: #fff; padding:0 3px; height: 13px; line-height: 10px; width: 28px; top: 12px; right: -18px; color: #fff; background-color: red; border-radius: 1px; transform: scale(.9)}

a.btn-default{border-color: #fff;}
a.btn-default:hover{border-color: #f5f5f5;background-color: #f5f5f5;}
.item .ico-new{position: relative;}
.item .ico-new:before{content: "new"; position: absolute; font-size: 10px; padding:0 3px;color: #fff; height: 13px; line-height: 10px; width: 28px; top: -2px; right: -28px; background-color: red;color: #fff; border-radius: 1px; transform: scale(.9)}
.ico-sub-new{position: relative;}


  @media screen and (max-width:900px) {
	  .ico-new:before{right: -10px;  }
	  .product-bg .ico-new:before{right: -18px;  }
	   .product-bg h3 .ico-new:before{right: -30px;  }
	  .rtc-bg .ico-new:before{right: -18px;  }
	  .rtc-bg h3 .ico-new:before{right: -30px;  }
	  
	  .container h5{line-height: 120%;}
}

.panel{border-radius: 0;}
.btn-warning {
/*
    color: #fff;
    font-size: 16px;
*/
    background-color: #ff9f00;
    border-color: #eea236;
/*    padding: 12px 30px 12px 30px;*/
}
.navbar-btn.btn-sm{font-size: 14px;}
.btn-tim {
  color: #fff;
  background-color: #EB1E4B;
  border-color: #46b8da;
}
.btn-tim:focus,
.btn-tim.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-tim:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-tim:active,
.btn-tim.active,
.open > .dropdown-toggle.btn-tim {
  color: #fff;
  background-color: #EB1E4B;
  border-color: #269abc;
}
.btn-tim:active:hover,
.btn-tim.active:hover,
.open > .dropdown-toggle.btn-tim:hover,
.btn-tim:active:focus,
.btn-tim.active:focus,
.open > .dropdown-toggle.btn-tim:focus,
.btn-tim:active.focus,
.btn-tim.active.focus,
.open > .dropdown-toggle.btn-tim.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-tim:active,
.btn-tim.active,
.open > .dropdown-toggle.btn-tim {
  background-image: none;
}
.btn-tim.disabled:hover,
.btn-tim[disabled]:hover,
fieldset[disabled] .btn-tim:hover,
.btn-tim.disabled:focus,
.btn-tim[disabled]:focus,
fieldset[disabled] .btn-tim:focus,
.btn-tim.disabled.focus,
.btn-tim[disabled].focus,
fieldset[disabled] .btn-tim.focus {
  background-color: #EB1E4B;
  border-color: #46b8da;
}
.btn-tim .badge {
  color: #EB1E4B;
  background-color: #fff;
}


.andu-01{animation-duration: 1000ms}
.andu-02{animation-duration: 1500ms}
.andu-03{animation-duration: 2000ms}
.andu-04{animation-duration: 2500ms}
.andu-05{animation-duration: 3000ms}
 @media screen and (max-width:900px) {
	 .section .h2-title{text-align: center;color: #333;padding: 20px 0;}
	 .w960{width: 100%;}
}
@media (max-width: 991px){
    .banner {height:300px}
    .banner .item {height:300px}
    .banner .image-background {background-size:cover;background-position:center}
    .banner .image-center {background-position:center}
    .banner .guide-layer {display:none}
    .connect h2 {margin:0 0 60px 0;line-height:1.3}
    .connect .connect-text {margin:0 0 40px 0;padding:0 10px;text-align:center}
    .customer .head {padding:40px 0 50px}
    .customer .body img {width:60%;text-align:center;margin-bottom:10px}
    .customer .body .text-right {text-align:center}
    .customer .body .action {text-align:center;margin:0 0 30px 0}
    .evaluate {background:#f0f0f0;text-align:center}
    .evaluate .container {padding-top:20px}
    .evaluate .item {padding-bottom:30px;margin-top:40px}
    .investor .title {line-height:1.3;margin-bottom:30px}
    .investor {padding:40px 0 0 0}
}

@media (max-width: 767px){
    .banner {height:200px}
    .banner .item {height:200px}
    .customer .title {margin-bottom:20px;line-height:1.5}
    .customer .sub-title {padding:0 10px}
    .customer .body {padding:30px 0 30px}
}
@media (min-width: 768px){
    .customer .sub-title {padding:0 20px}
}
@media (min-width: 992px) {
    .banner {height:300px}
    .banner .item {height:300px}
    .banner .guide-layer {top:100px;margin-left:100px;width:260px;height:300px}
    .banner .guide-layer .btn {width:70%;margin-bottom:20px;padding:8px}
    .banner .guide-layer .text-wrap {margin-bottom:40px}
    .banner .guide-layer .btn-wrap {}
    .connect {padding:100px 0}
    .connect h2 {margin:0 0 100px 0;line-height:1}
    .connect .connect-text {margin-top:170px}
    .connect .connect-right-text {text-align:left}
    .customer .sub-title {padding:0 60px}
    .customer .body h4 {padding-top:75px}
    .evaluate {background:rgba(240,240,240,.7) url(../images/evaluate-bg.png) 0 210px repeat-x;text-align:center}
    .evaluate .item {height:430px;margin-top:70px}
    .evaluate .item img {height:250px}
}
@media (min-width: 1200px) {
    .banner {height:500px}
    .banner .item {height:500px}
    .banner .guide-layer {top:200px;margin-left:200px;width:300px;height:300px}
    .banner .guide-layer .btn {width:70%;margin-bottom:20px;padding:8px}
    .banner .guide-layer .text-wrap {margin-bottom:40px}
    .banner .guide-layer .btn-wrap {}
    .connect .connect-text {margin-top:215px}
    .customer .sub-title {padding:0 100px}
    .customer .body .owl-stage-outer .item {margin:0 40px 0px 65px}
    .evaluate .container {width:1050px}
}

/*================================产品页=================================*/
/*轮播图*/
.owl-theme .owl-dots .owl-dot span{width:30px;height: 5px;}

/*	  合作伙伴*/
	  .icos{background-color: #f5f4f4; padding: 0px 0; height: 120px; line-height: 120px;}
	.icos img{ height: 100px; margin: 0 0px;}
	.icos p.hz{margin-top:-15px;margin-bottom:15px;z-index: 0;}
	.icos a{color: #333;font-size: 22px;font-weight: bold;}

	  /*IM产品解决方案*/
	  .disabled{display: none;}
	  .solution .owl-dots{display:none;}
	  .banner h5{width: 100%;text-align: left;line-height: 150%;margin: 140px 0 10px 0; font-size: 33px;color:#fff;font-weight: 400;}
    .banner h6{color: #fff;font-size: 18px;font-weight: 300;}
.banner p{ color: #fff;}
.banner p.ico{background:url(../images/b-ico.png) no-repeat center left;padding-left:15px;line-height:25px;margin-bottom:0px;font-weight: 300;}
.banner p a.btn{color: #fff;font-size: 16px;margin-top: 50px;width:180px;margin-bottom:5px;}
.banner .image-background{background-size: contain;}
		/*head*/
	  .solution{}
	  .solution h2{text-align: center;font-size: 32px;}
	  .solution .head {margin-bottom: 30px;}
	  .solution .head #icon{width: 960px; margin: 0 auto;}
	  .solution .head .owl-stage-outer{}
	  .solution .head #icon .owl-stage{display: flex;}
	  .solution .head #icon .item{cursor: pointer;height: 40px;line-height: 40px;width: 100%;text-align: center;flex: 1;margin-bottom: 0px;z-index: 999; border-bottom:#d9d9d9 solid 3px;}
	  .solution .head #icon div.current{border-bottom:#db2929 solid 3px; ; z-index: 99999; font-weight: 600;}
		/*body*/
	  .solution .body #content{width: 960px;margin: 0 auto;}
	  .solution .body .owl-stage-outer{}
	  .owl-item{float: left; border: #393 solid 0px;}
	  .solution .body .owl-carousel .owl-stage-outer{position: relative;overflow: hidden;}
	  .solution .side-text {width: 470px;}
    .solution .side-text h3{color: #000;font-size: 24px;padding-left: 32px;margin-bottom: 40px;font-weight: 400;}
	  .solution .side-text h3 a{color: #db2929;font-size: 12px;margin-left: 10px;}
	  .solution .side-text h3 a>i{font-size: 10px;}
    .solution .side-text p{margin-left: 0px;padding-left: 45px;font-size: 15px;font-weight: 500;position: relative;font-weight: 400;}
	  .solution .side-text p::before{ content: "-";position:absolute;left: 32px}
	  .solution .side-img{width: 480px;height: 380px;margin-top: 20px;padding: 0;xbackground-color: #dedede;}
	  .solution .side-img img{width: 100%;margin: 0;}
		/*IM产品功能*/
/*.product .container .thumbnail{ width: 200px;}
.product .container .thumbnail img{width: 100%;height:260px;}
.product .container h3{text-align: center;}
.product .container .caption p.a:last-of-type{text-align: center;}
.product .container .row>div{cursor: pointer;transition: .5s;}
.product .caption>p{letter-spacing: 1.2px;text-align: left;}
.rtc-bg .product .caption>p{letter-spacing: 0.2px;text-align: left;font-size: 13px;}*/
/*.product .container .row>div:hover{background-color:rgba(242,242,242,0.31);box-shadow: 3px 3px 8px #dedede;}*/
/*IM增值功能*/
.added .container{display: flex;}
.added .container p{font-size: 13px;}
.added .container h3{font-size: 18px;font-weight: 500;}
.added .side-li{border: #ccc solid 0px;  margin-top: -10px;width: 310px;}
.added .side-li>li h3{ margin-top: 0px;margin-bottom: 10px;}
.added .side-li>li{cursor: pointer;padding: 16px 16px;transition:.5s;margin-bottom: 6px;border: 1px solid transparent;}
.added .side-li>li:hover{border: 1px solid #4A90E2;border-radius: 2px;background-color: #ECF2FF;}
.added .side-li>li.on{border: 1px solid #4A90E2;border-radius: 2px;background-color: #ECF2FF;}
.added ul.side-li-right li{padding: 12px 16px;margin-bottom: 2px;}
.added ul.side-li-right li>p{margin-bottom: 0;}
.added figure{width: 330px;flex-shrink:0;height: 503px;overflow: hidden;margin: 0 5px; z-index: 0; display: block;}
.added figure img{width: 330px;height: 503px;}

/*IM集成部署*/
.deploy figure img{width: 100%;}
.deploy .body-li{ display: flex;flex-wrap:wrap; }
.deploy .body-li li{border: #dedede solid 1px;transition:.5s;cursor: pointer; width:460px; padding: 20px; margin-bottom: 10px; }
.deploy .body-li li:hover{border: #dedede solid 1px;background-color:rgba(242,242,242,0.31);box-shadow: 3px 3px 8px #dedede; }
.deploy .body-li li:nth-of-type(2n+1){margin-right: 10px;}
.deploy .body-li li h3{margin-top: 0px;}

.foot-ad{text-align: center;height: 460px;background:#454f91 url(../images/hezuo.png) no-repeat center top;}
.foot-ad h5{font-size: 30px;font-weight: 400;color:#fff;margin: 60px 0 40px 0;}
.foot-ad p>a{width: 150px;height: 40px;line-height: 25px; margin-left: 20px;}

.rtc-foot{text-align: center;height: 240px;background:#7f2074 url(../images/rtc-smallbanner-01@2x.png) no-repeat center top;}
.rtc-foot h5{font-size: 22px;color:#fff;font-weight: 400;margin: 60px 0 40px 0;}
.rtc-foot p>a{width: 150px;height: 40px;line-height: 25px; margin-left: 20px;}
 @media screen and (max-width:1200px) {
	 .banner h5{margin:75px 0 10px 0; font-size: 24px; }
	 .banner p a.btn{margin-top: 30px;}
}
 @media screen and (max-width:1000px) {
	 .icos img{ height: 95px; margin: 0 0px;}
	 .banner h5{margin:75px 0 10px 0; font-size: 24px; }
	 .banner p a.btn{margin-top: 30px;}
}


	  @media screen and (max-width:900px) {
		  .carousel .owl-dots{display: none;}
		  .section{padding: 10px 0;}
		  .icos a{font-size: 12px;}
		 /* .product .caption>p{letter-spacing: 0;}*/
		  .icos p.hz{margin-top:-0px;margin-bottom:10px;font-size: 10px;z-index: 0;}
		    .banner h5{width: 100%;text-align: left;margin: 50px 0 10px 0; font-size: 14px;color:#fff;}
	  .banner h6{ color: #fff; font-size:12px;}
.banner p{ color: #fff;padding: 0;margin: 0;font-size: 12px;}
.banner p.ico{ background:url(../images/b-ico.png) no-repeat center left; padding-left:15px; line-height:25px; margin-bottom:0px; }
.banner p a.btn{ color: #fff; margin-top: 5px; width: 80px;height: 25px;line-height: 2px; font-size: 12px; margin-bottom:5px;}
.banner .image-background{background-size: cover;}
		  .section .h2-title{text-align: center;color: #333;padding: 30px 0 30px 0;font-size: 26px;}
		   .icos{background-color: #f5f4f4;height: 50px; line-height: 47px;}
			.icos img{ height: 55px; margin: 0 0px;}
		.solution .head #icon{width: 100%; }
	  	.solution .body .owl-stage-outer{width: 100%;height: 260px; }
		  .solution .body #content{width: 100%;}
		  .solution .side-text h3{text-align: left;padding-left: 2px;}
		   .solution .side-text {width: 100%; height: auto;}
		  
		   .solution .side-text p{margin-left: 0px;padding-left: 15px;font-size: 15px;font-weight: 500;position: relative;font-weight: 400;}
	  .solution .side-text p::before{ content: "-";position:absolute;left: 2px}
		 
		  .added .side-li{border: #ccc solid 0px;  margin-top: -10px;width: 100%;}
.added .side-li>li h3{ margin-top: 0px;margin-bottom: 10px;}
.added .side-li>li{cursor: pointer;padding: 16px 5px;transition:.5s;margin-bottom: 6px;border: 1px solid transparent;}
		  .added ul.side-li-right {padding-top: 8px;}
		  .added ul.side-li-right li{padding: 16px 5px;margin-bottom: 6px;}
			.added ul.side-li-right li>p{margin-bottom: 0;}
		  
		  
		  
		  
		  .added .container{display:block;}
		  .deploy .body-li li{width: 100%;}
		  .deploy .body-li li:nth-of-type(2n+1){width: 100%;margin-right: 0px;}
		 .foot-ad{text-align: center;height: 130px; line-height:180%;background:#454f91 url(../images/im-smallbanner-01.png) no-repeat center top/cover;}
.foot-ad h5{font-size: 16px;color:#fff;margin: 30px 0 20px 0;}
.foot-ad p>a{width: 100px;height: 30px;line-height:15px; margin-left: 20px;}
		  .rtc-bg .banner{height: 150px;}
		  .rtc-bg .banner .image-background{height: 150px;}
		  .rtc-bg .section .h2-title{font-size: 22px; line-height:160%;}
		  span.br{ display: block;height: 0;font-size: 0;}
		  
		  .rtc-foot{text-align: center;height: 130px;background:#7f2074 url(../images/rtc-smallbanner-01@2x.png) no-repeat center top;}
.rtc-foot h5{font-size: 16px;color:#fff;margin: 30px 0 20px 0;}
.rtc-foot p>a{width: 100px;height: 30px;line-height:15px;font-size: 14px; margin-left: 20px;}
	  }
 @media screen and (max-width:800px) {
	 .icos img{ height: 50px; margin: 0 0px;}
}

 @media screen and (max-width:360px) {
	 .icos img{ height: 35px; margin: 0 0px;}
}

@media only screen and (max-width: 800px){
  .icos img{ height: 35px; margin: 0 0px;}
}

/*========================================价格页===================================================*/
@font-face {
  font-family: 'tim-ico';
  src: url('/themes/official_v3/Public/201906/tim-ico/iconfont.eot');
  src: url('/themes/official_v3/Public/201906/tim-ico/iconfont.eot?#iefix') format('embedded-opentype'),
      url('/themes/official_v3/Public/201906/tim-ico/iconfont.woff2') format('woff2'),
      url('/themes/official_v3/Public/201906/tim-ico/iconfont.woff') format('woff'),
      url('/themes/official_v3/Public/201906/tim-ico/iconfont.ttf') format('truetype'),
      url('/themes/official_v3/Public/201906/tim-ico/iconfont.svg#iconfont') format('svg');
}
i[class*="tim-ico"] {
  font-family: "tim-ico" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tim-ico-right:before{ content: "\e7eb";}
.tim-ico-down:before{ content: "\e7ec";}
.tim-ico-down2:before{ content: "\e639";}
.tim-ico-yx:before{ content: "\e64f";}
.tim-ico-yxn:before{ content: "\e7c4";}
.tim-ico-share:before{ content: "\e623";font-size: 12px;}
.tim-ico-share2:before{ content: "\e644";font-size: 12px;}
.panel-heading{padding: 20px 15px;}
.price-main{margin: 50px 0;}
.price-banner{height: 200px;width: 100%;background:#00217f url(../images/im-smallbanner-01@2x.png) no-repeat center top/cover;}
.price-banner h5{height: 200px;line-height: 200px;width: 100%;text-align: center;font-size: 33px;color:#fff;font-weight: 400;}

.price-banner{margin-top: -10px;;}
#myScrollspy li {background-color: #fff;}
#myScrollspy li a{border-radius: 0; color: #666;}
#myScrollspy li:nth-of-type(2n+1) {border:#e5e5e5 solid 1px;border-width:1px 1px 0px 1px;margin-top: -0px; }
#myScrollspy li:nth-of-type(2n+2) {border:#e5e5e5 solid 1px;border-width:1px 1px 0px 1px; margin-top: -0px; }
#myScrollspy li:first-of-type {border-radius:0px 0px 0 0 ;overflow: hidden; }
#myScrollspy li:last-of-type {border-bottom:#e5e5e5 solid 1px;border-radius: 0 0 0px 0px;overflow: hidden; }
#myScrollspy .nav-pills{min-width: 170px;position: sticky; top:0px;}
#myScrollspy li.active a{border-radius: 0; background: none; color:#fff;}
#myScrollspy li.active{border:#4eb1f4 solid 1px;background-color: #4eb1f4;}
.price-main>.container>.row{display:flex;}
.price-main .affix{top: 60px;}
.price-side-right p>select {width: 150px;padding-left: 10px;margin-left: 10px;height: 25px; border-radius: 0;}
.price-side-right p>strong {font-size: 20px; padding: 0 0 0 10px;color:#ff9f00; }
.price-side-right p.no>strong { padding-left: 0;}
.price-side-right p>span {font-size: 20px; font-weight: bold; padding-left: 5px; color:#ff9f00; }

.price-main .panel{border-radius: 0;}

.tim-table .table td{height: 60px;line-height: 60px;background-color: #fafafa;}
.tim-table .table td:first-of-type{padding-left: 40px;line-height: 180%;background-color: #fafafa;}
.tim-table .table td:hover{background-color: #f5f5f5;}
.tim-table .table td:nth-of-type(1){width: 560px;}
.tim-table .table td:nth-of-type(2){width: 200px;text-align: center;}
.tim-table .table td:nth-of-type(3){width: 200px;text-align: center;}
.tim-table .table-heads {background-color: #ADB4BD;color:#fff;}
.tim-table .table-heads th{height: 50px;line-height: 50px;text-align: center;}
.tim-table .table-heads th:nth-of-type(1){text-align: left;padding-left: 20px;}
.tim-table .table .public-style td{height: 50px;line-height: 50px;background-color: #f5f5f5; cursor: pointer;}
.tim-table .table .public-style td:nth-of-type(1)>i{margin-left: -20px;font-size: 12px;padding-right: 5px;}

.tim-table .table02 td:first-of-type{padding-left: 20px;line-height: 180%;background-color: #fafafa;}

.price-side-right .table-bordered>tbody>tr>td, .price-side-right .table-bordered>tbody>tr>th, .price-side-right .table-bordered>tfoot>tr>td, .price-side-right .table-bordered>tfoot>tr>th, .price-side-right .table-bordered>thead>tr>td, .price-side-right .table-bordered>thead>tr>th{border: 2px solid #fff;}

  @media screen and (max-width:900px) {
	  .price-banner{height: 150px;width: 100%;background:#454f91 url(../images/im-smallbanner-01@2x.png) no-repeat center top/cover;}
	  .price-banner h5{height: 150px;line-height: 150px;width: 100%;text-align: center;font-size: 20px;color:#fff;}
	  .tim-table .table td:nth-of-type(1){width: 200px;white-space: nowrap;}
	  .tim-table .table td:nth-of-type(1) p{width: 200px;white-space:normal;}
.tim-table .table td:nth-of-type(2){width: 50px;text-align: center;}
.tim-table .table td:nth-of-type(3){width: 50px;text-align: center;}
.tim-table .table .public-style td{height: 30px;line-height: 30px;background-color: #f5f5f5; cursor: pointer;}
.tim-table .table td:first-of-type{padding-left: 20px;line-height: 180%;background-color: #fafafa;}
}
/*================================消息功能=================================*/
.msg-banner{height: 500px;width: 100%;background:#00217f url(../images/msg-banner-01@2x.png) no-repeat center top/contain;margin-top: -10px;text-align: left;}
.msg-main{margin: 50px 0;}
.msg-banner h5{width: 100%; line-height: 150%;text-align: left;margin: 180px 0 10px 0;font-size: 33px;font-weight: 400;color:#fff;}
.msg-banner h6{color: #fff;font-size:18px;font-weight: 300;}
.msg-banner p a.btn{ color: #fff; margin-top: 50px; width:180px;}
.msg-main .container{width:1020px;}
.msg-main .container .row-text{margin:60px 0 60px 0;height: 260px;clear: both;}
.msg-main .container .row-text>div{width: 480px;}
.msg-main .container h3{font-size: 24px; padding: 5px 0;}
.msg-main .container .intro{color: #999;margin: 10px 0;}
.msg-main .container p{color: #333; line-height: 180%;}
.msg-main .container p.ico{margin-left: 0px;color: #666;padding-left: 13px;margin-bottom: 2px;font-size: 14px;font-weight: 400;position: relative;}
.msg-main .container p.ico::before{ content: "-";position:absolute;left: 0px}
.msg-main .container p:last-of-type.ico::before{ content: "  ";position:absolute;left: 10px}
.msg-main .container .pull-right {}
.msg-main .container .row-text img{width: 480px;}
.msg-main .container p.text-left{padding-left: 112px;}
.msg-main .container p.text-left::before{ position:absolute;left: 87px}
.msg-bg .msg-main .container p.text-left::before{ position:absolute;left: 100px}
.msg-ad{text-align: center;height: 240px;background:#454f91 url(../images/msg-smallbanner-01@2x.png) no-repeat center top;}
.msg-ad h5{font-size: 30px;font-weight: 400;color:#fff;margin: 60px 0 40px 0;}
.msg-ad p>a{width: 150px;height: 40px;line-height: 25px; margin-left: 20px;}
@media screen and (max-width:900px) {
	.msg-main{margin: 0px 0;}
	.msg-banner{height: 170px;background: #00217f url(../images/msg-banner-01@2x.png) no-repeat center top/cover;}
	.msg-banner h5{width: 100%;text-align: left;margin: 60px 0 0px 0; font-size: 14px;color:#fff;}
	.msg-banner h6{ color: #fff; font-size:14px;}
	.msg-banner p a.btn{ color: #fff; margin-top: 10px; height: 30px; line-height: 5px;font-size: 14px; width:90px;}
	.msg-ad{height: 130px;}
	.msg-ad h5{font-size:16px;font-weight: 400;color:#fff;margin: 30px 0 20px 0;}
	.msg-ad p>a{width: 100px;height: 30px;line-height: 15px;font-size: 14px; margin:0 10px 0 0;}
	.msg-main .container h3{text-align: center; line-height: 120%;font-size: 20px;}
	.msg-main .container .intro{padding-left: 0px;text-align: left;}
	.msg-main .container{width:100%;}
	.msg-main .container .row-text>div{width: 100%;}
	.msg-main .container .row-text img{width: 100%;}
	.msg-main .container p.text-right{padding-left: 0px;text-align: left;}
	.msg-main .container p.text-left{padding-left: 0px;}
	.msg-bg .msg-main .container p.text-left::before{ position:absolute;left: -13px}
	.msg-main .container .row-text{margin:0px 0 20px 0;}
	
	.msg-main .container p.ico{margin-left: 0px;color: #666;padding-left: 0px;margin-bottom: 2px;font-size: 14px;font-weight: 400;position: relative;}
.msg-main .container p.ico::before{ content: "-";position:absolute;left: -13px}
.msg-main .container p:last-of-type.ico::before{ content: "  ";position:absolute;left: 0px}
	
}
/*================================反垃圾=================================*/
.ai-banner{height: 500px;width: 100%;background: #992410 url(../images/ai-banner-01@2x.png) no-repeat center top/contain;margin-top: -10px;text-align: left;}
.ai-main{margin: 50px 0;}
.ai-banner h5{width: 100%; line-height: 150%;text-align: left;margin: 120px 0 10px 0;font-size: 33px;font-weight: 400;color:#fff;}
.ai-banner h6{color: #fff;font-size:18px;font-weight: 300;}
.ai-banner p a.btn{ color: #fff; margin-top: 50px; width:180px;}
.anti-bg .msg-main .container p.text-left::before{ content: "-";position:absolute;left: 113px}
.anti-bg .msg-main .container p.no-ico::before{ text-align: left; content: " ";position:absolute;left: 25px}
.anti-bg .msg-main .container p.text-left::before{ position:absolute;left: 98px}

	.anti-foot{text-align: center;height: 240px;background:#7f2074 url(../images/ai-smallbanner-01@2x.png) no-repeat center top;}
.anti-foot h5{font-size: 30px;color:#fff;font-weight: 400;margin: 60px 0 40px 0;}
.anti-foot p>a{width: 150px;height: 40px;line-height: 25px; margin-left: 20px;}
@media screen and (max-width:1300px) {
	.ai-banner h5{width: 100%; line-height: 150%;text-align: left;margin: 80px 0 10px 0;font-size: 26px;font-weight: 400;color:#fff;}
	.ai-banner{height: 100%;width: 100%;background: #992410 url(../images/ai-banner-01@2x.png) no-repeat center top/cover;margin-top: -10px;padding: 50px 0;text-align: left;}
}
@media screen and (max-width:900px) {
	.ai-banner{height: 200px;width: 100%;background:#380e1c url(../images/ai-banner-01@2x.png) no-repeat center top/cover;margin-top: -10px;text-align: left;}
.ai-main{margin: 20px 0;}
.ai-banner h5{width: 100%;text-align: left;margin: 70px 0 10px 0; font-size: 14px;color:#fff;}
.ai-banner h6{ color: #fff; font-size:14px;}
.ai-banner p a.btn{ color: #fff; margin-top: 10px; height: 30px; line-height: 6px;font-size: 14px; width:120px;}
.anti-bg .msg-main .container .intro{text-align: left;}
.anti-bg .msg-main .container p.text-left::before{ content: "-";position:absolute;left: -13px}
.anti-bg .msg-main .container p.no-ico::before{ content: "";position:absolute;left: -13px}
.anti-foot h5{font-size: 16px;color:#fff;font-weight: 400;margin: 30px 0 20px 0;}
	.anti-foot p>a{width: 100px;height: 30px;line-height: 15px;font-size: 14px; margin:0 10px 0 0;}
	.anti-foot{height: 130px;}
}
/*================================下载页=================================*/
.down-banner{height: 200px;width: 100%;background:#34b351 url(../images/download-banner-01@2x.png) no-repeat center top/contain;margin-top: -10px;text-align: left;}
.down-banner h5{width: 100%;text-align:center;margin: 100px 0 10px 0;font-size: 33px;font-weight: 400;color:#fff;}
.down-main{margin: 0px 0;}
.down-main h6{margin: 30px 0;}
.down-main .row{margin-bottom: 30px}
.down-main .panel-body p.down{ margin-top: 30px;position: relative;}
.down-main .panel-body p>button{position: absolute;bottom: -10px;right: 0;}
.down-main h2{text-align: center;color: #333; padding: 30px 0;}
.down-main.panel-body i{color: #337ab7;font-size: 12px;}
.down-main .down .tooltip-inner {background-color: #fff;border: #ddd solid 1px; padding: 8px;box-shadow: 0 5px 15px rgba(0,0,0,.15)}
.tc-im .panel-default>.panel-heading{background-color: #555;color: #fff;}
.down-main .panel-default>.panel-heading{border-radius: 0;}
.down-main .panel{border-radius: 0;}
.down-main .tooltip.top .tooltip-arrow{border-top-color: #fff;}
.down-main .panel-title{overflow: hidden;min-height: 18px;}
.down-main .tc-im .panel-title small{color: #fff;}
canvas{color: #333;}
#canvas{color: #333;width: 120px;height: 120px;}
.down-main .down .tooltip-inner>div{color: #333;width: 120px;height: 120px;}
@media screen and (max-width:900px) {
.down-banner{height: 200px;width: 100%;background:#454f91 url(../images/download-banner-01@2x.png) no-repeat center top/cover;margin-top: -10px;text-align: left;}
.down-banner h5{width: 100%;text-align:center;margin: 70px 0 10px 0; line-height: 180%;font-size: 24px;font-weight: 400;color:#fff;}
.down-main{margin: 0px 0;}
.down-main h6{margin: 20px 0;}
.down-main .row{margin-bottom: 10px}

}
/*================================IM公有云=================================*/
.public-cloud{width: 960px; margin: 0 auto;}
.public-cloud  h2{text-align: center;color: #333;margin-bottom: 50px;font-weight: 400;}
.public-cloud .map-ser {margin: 80px 0 100px 0;}
.public-cloud .map-ser .maps{height: 400px; margin: 20px 0; width: 100%; background:url(../images/ebs-map@2x.png) no-repeat center top/cover;background-image:image-set(url(../images/ebs-map@2x_1.png) 1x, url(../images/ebs-map@2x_1.png) 2x);}
.public-cloud .container{margin: 50px 0;}
.public-cloud .container .row-text img{width: 600px;height: 430px; }
.public-cloud .container .row-text p.text-left{padding-left: 100px;}
.public-cloud .container img{width: 100%;}

.caption h3{text-align: center;}
.caption p{font-size:12px;}
.public-cloud .table{margin: 50px 0;}
.public-cloud .table td{height: 60px;line-height: 60px;background-color: #fafafa;}
.public-cloud .table td:first-of-type{padding-left: 40px;line-height: 180%;background-color: #fafafa;}
.public-cloud .table td:hover{background-color: #f5f5f5;}
.public-cloud .table td:nth-of-type(1){width: 560px;}
.public-cloud .table td:nth-of-type(2){width: 200px;text-align: center;}
.public-cloud .table td:nth-of-type(3){width: 200px;text-align: center;}
.public-cloud .table-heads {background-color: #ADB4BD;color:#fff;}
.public-cloud .table-heads th{height: 50px;line-height: 50px;text-align: center;}
.public-cloud .table-heads th:nth-of-type(1){text-align: left;padding-left: 20px;}
.public-cloud .table .public-style td{height: 50px;line-height: 50px;background-color: #f5f5f5; cursor: pointer;}
.public-cloud .table .public-style td:nth-of-type(1)>i{margin-left: -20px;font-size: 12px;padding-right: 5px;}
.public-cloud  .row>div{cursor: pointer;padding:5px 12px;transition:.5s;}
.public-cloud .container p.ico{margin-left: 0px;color: #666;padding-left: 14px;margin-bottom: 12px;font-size: 13px;font-weight: 400;position: relative;}
.public-cloud .container p.ico::before{ content: "-";position:absolute;left: 0px}
.public-cloud .container p:last-of-type.ico::before{ content: "  ";position:absolute;left: 10px}
.public-cloud .row-text>div>p.intro{font-size: 13px;} 
/*.public-cloud  .row>div:hover{background-color:rgba(242,242,242,0.31);box-shadow: 3px 3px 8px #dedede;}*/
.im-cloud-foot{background:#454f91 url(../images/ebs-smallbanner-01@2x.png) no-repeat center top/cover; line-height:280%;}
@media screen and (max-width:900px) {
	.public-cloud h3{text-align: center;font-size: 22px;}
	.cloud-bg .banner p a.btn{ color: #fff; margin-top: 5px; width: 110px;height: 25px;line-height: 2px; font-size: 12px; margin-bottom:5px;}
	.cloud-bg .banner{height: 160px;}
	.cloud-bg .banner .image-background{height: 160px;}
	.public-cloud .map-ser {margin: 50px 0 40px 0;}
	.public-cloud .map-ser .maps{height: 200px;}
	.public-cloud{width: 100%; margin: 0 auto;}
	.public-cloud .container{margin: 10px 0;}
	.public-cloud .container .row-text img{width: 100%; margin-top: 20px;}
	.container .row .thumbnail {text-align: center;}
	.container .row .thumbnail img{width: 70%;height: 70%;}
	.table-responsive{border: none;}
	.public-cloud .container p.ico{padding-left: 0;}
	.public-cloud .container p.ico::before{left: -13px;}
	.public-cloud .caption p{text-align: left;}

}
/*================================连麦聊天室=================================*/
.tc-banner{height: 420px;width: 100%;background:#000 url(../images/tc-banner-01@2x.png) no-repeat center top/contain;}
.tc-banner h5{width: 100%;text-align: left;margin: 120px 0 10px 0;font-size: 33px;font-weight: 400;color:#fff;}
.tc-banner h6{color: #fff;font-size: 18px;font-weight: 300;margin-bottom: 40px;}
.tc-banner p.ico{ background:url(../images/b-ico.png) no-repeat center left; padding-left:15px; line-height:25px; margin-bottom:0px; }
.tc-banner p{ color: #fff; }

.tc-main{margin:50px 0 0px 0;}
.section .h2-tc{margin: -20px 0 40px 0;text-align: center;color: #333;font-weight: 400;}
.tc-bg .msg-main .container p.text-left::before{ position:absolute;left: 100px}
.tc-ad{text-align: center;height: 240px;background:#1e0000 url(../images/tc-smallbanner-01@2x.png) no-repeat center top;}
.tc-ad h5{font-size: 30px;color:#fff;font-weight: 400;margin: 60px 0 40px 0;}
.tc-ad p>a{width: 150px;height: 40px;line-height: 25px; margin-left: 20px;}
@media screen and (max-width:900px) {
	.tc-banner{height: 190px;width: 100%;background:#454f91 url(../images/tc-banner-01.png) no-repeat center top/cover;}
.tc-banner h5{width: 100%;text-align: left;margin: 60px 0 10px 0; font-size: 14px;color:#fff;}
.tc-banner h6{ color: #fff; font-size:14px; margin-bottom: 10px;}
	
.owl-carousel.owl-drag .owl-item:nth-of-type(4) p{margin-bottom: 8px;}	
		  
.tc-main{margin:0px 0 30px 0;}
	.tc-banner p a.btn{height: 28px;line-height: 4px;width: 140px;font-size: 14px;}
	.tc-ad h5{font-size: 16px;margin: 30px 0 20px 0;}
	.tc-ad p>a{width: 140px;height: 30px;line-height: 15px;font-size: 14px; margin:0 10px 0 0;}
	.tc-ad{height: 130px;}
}
@media screen and (min-width:1400px) {
	.tc-banner{height: 520px;}
	.tc-banner h5{width: 100%;margin: 165px 0 20px 0; }
}

  @media screen and (max-width:900px) {
	  body,html{overflow-x: hidden;}
.banner .carousel{ display: none;}
.banner-dis{display: none;}

.product-bg .mobile-bg{background: url(../images/im-product.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  

.rtc-bg .banner{height: 200px;}
.rtc-bg .mobile-bg{background: url(../images/rtc.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  
	  
.tc-bg .tc-banner{height: 200px;}
.tc-bg .mobile-bg{background: url(../images/tc.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  
.msg-bg .msg-banner{height: 200px;}
.msg-bg .mobile-bg{background: url(../images/im-msg.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  
.anti-bg .ai-banner{height: 200px;background: none;padding: 0;}
.anti-bg .mobile-bg{background: url(../images/im-atk.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  
.cloud-bg .banner{height: 200px;}
.cloud-bg .mobile-bg{background: url(../images/im-cloud.jpg) no-repeat 0px center/cover;height: 100%;width: 100%;}  


	  	  
}

.news{background-color: #f2f2f2; height: 325px;}
.news .hd{ margin-top: 7px; float:right; width: 36px; height: 9px; overflow: hidden;}
.news .hd a{ display: block; width: 9px; height: 9px; float:left; margin-left: 9px; background-image: url(../images/news_ico.png); background-position: top; transition: .5s;}
.news .hd a:hover{ background-position: bottom;}
.news_a{ height: 325px; }
.news_ul{ width:1200px; margin-left: 20px;margin:auto;}
.news_li{ float: left; width: 360px; margin-right: 40px; margin-top: 45px; height: 280px;text-align:center;}
.news_title{height: 18px; width: 360px; font-size: 16px;}
.news_li .bd{ width:360px; height: 140px; margin: 30px 0px;}
.news_li ul{ width:360px; height: 140px; margin: 30px 0px;}
.news_li ul li{ overflow: hidden;height:28px; line-height: 28px; color: #858585;}
.news_li ul li a{ float: left; width:284px; overflow: hidden; height: 28px; color:#858585; transition: .3s; }
.news_li ul li span{  height: 28px; width: 40px; overflow: hidden;}
.news_li ul li a:hover{ text-indent: 4px; transition: .3s; color:#da251d; text-decoration: underline; line-height: 28px;}
.news_li  a{ display:block; height: 20px; color: #da251d; }
.news_li  a:hover{ text-decoration:underline;}
.banner .prev,.banner .next{position:absolute;display:block;width:44px;height:70px;background: url(../images/banner_ico.png)no-repeat; overflow: hidden;}
.banner .prev{right:auto;left:0;background-position:0px 0px;}


.foot{ background-color: #182029; height: 195px;}
.foot_a{ height: 140px; margin-left: 200px; text-align: center;}
.foot_logo{ float: left; width:176px; height: 38px; margin: 51px 50px 30px 30px;}
.foot_a_ico { float: left; }
.foot_a_i{ float:left; width:31px; height: 31px; margin-left: 10px; margin-top: 55px;}
.foot_a_i.one{ background-image:url(../images/foot_tb.png); transition: .3s; background-position: top left;}
.foot_a_i.one:hover{ background-position: bottom left; cursor: pointer;}
.foot_a_i.three{ background-image:url(../images/foot_tb.png); transition: .3s; background-position: top right;}
.foot_a_i.three:hover{ background-position: bottom right; cursor: pointer;}
.foot_a_c{ display: none;position:absolute;}
.foot_a_c img{width:80px; height: 80px; margin-top:36px;  margin-left: -25px; transition: .2s;}
.foot_a_i:hover .foot_a_c{display:block;}
.foot_a ul{ float:left; height: 40px;}
.foot_a ul li{ height:40px; margin-left: 70px; width: auto; float: left; margin-top: 50px; color: #919399; }
.foot_a ul li p{ display:block;line-height: 20px; }
.foot_a ul li p a{color: #919399;}
.foot_a ul li p a:hover{ color:#FFFFFF;text-decoration:underline; transition: .5s; }
.foot_b{font-size:12px; height: 55px; color: #919399; background-color: #182029;  text-align: center; padding-top: 20px; border-top: 1px }
.foot_b p{ line-height: 60px;}
.foot_b img{ margin-left:10px;}
.foot_b a{color: #919399; }
.foot_b a:hover{ color:#FFFFFF;text-decoration:underline; transition: .5s; }


/*about*/
.youshi .m-shu, .pt-gongcheng .m-shu, .neirong .m-shu {

  color: #999

}
.neirong {

  padding: 50px 0
  margin-top:60px;

}

.neirong .info h3 {

  color: #333;

  margin: 25px 0;

  font-weight: 600;

  line-height: 150%

}

.neirong .info h3.h3 {

  margin: -60 0 25px 0

}

.neirong .h1, .neirong .h2, .neirong .h3 {

  margin-top: 0;

}

.neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p {

  line-height: 27px;

  color: #666

}

.neirong .info h4, .neirong .info h5, .neirong .info h6 {

  line-height: 30px

}

.neirong p.anniu .btn-success {

  margin: 20px 30px 0 0

}

.neirong .kehu img {

  border: 1px solid #eee

}

.neirong .info img {

  margin: 8px 0

}

.neirong {

  padding: 30px 0

}

.neirong .info img {

  margin-bottom: 20px;

  margin-top: 40px

}

.neirong .info .like img {

  margin-bottom: 0;

  margin-top: 0

}

.neirong .mt {

  margin-top: 40px

}

.neirong .pull-left, .neirong .pull-right {

  float: none!important

}

.neirong .info p {

  margin: 15px 0

}
.neirong .pull-left {

  margin-right: 30px;

  margin-top: 0

}

.neirong .ny-right .pull-right {

  margin-left: 0

}
.neirong .pull-right {

  margin-left: 30px;

  margin-top: 0

}
.neirong .about, .neirong .kehu, .neirong .case, .neirong .team, .neirong .youshi, .neirong .news {

  padding: 0

}
.fuwu .m-shu, .fuwu .h-h2 {

  color: #FFF

}

.kj-link div.row div:hover h3, .kj-link div.row div:hover p, .kj-link div.row div:hover p a {

  color: #FFF

}
.team div.row {

  margin-bottom: 5px

}
.youshi div.row {

  margin: 45px 0 45px 0;

  border-width: 1px 0 0 1px;

  border-style: solid;

  border-color: #e6e6e6

}
.kj-case .row {

  padding: 0 15px

}

.kj-case .row .col-xs-6, .kj-case .row .col-sm-4, .kj-case .row .col-md-3, .kj-case .row .col-lg-3 {

  padding: 0

}
.kj-case .row figure {

  transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  position: relative;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear;

  z-index: 95;

  display: block

}
.kj-case .row figure:hover {

  transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);

  z-index: 97

}
.kj-link div.row div {

  padding: 50px 30px 30px 30px

}
.kj-link div.row div:hover {

  background: #da251d

}

.box {

  width: 100%;

  height: 100%;

  padding: 0 15px;

  background-repeat: no-repeat;

  background-position: center top;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover

}

.hba {

  height: 360px

}
.hbaa{height: 50px}

/*荣誉*/
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p {

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -o-transition: all .3s linear;

  transition: all .3s linear

}
.team h3 a {

  font-size: 16px;

  font-weight: bold;

  margin-bottom: 10px

}

.team h3 small {

  font-size: 14px

}

.team div.row {

  margin-bottom: 5px

}

.team a.pic-link {

  max-width: 285px;

  margin-right: auto;

  margin-left: auto

}
@media(min-width:999px) {

.team a.pic-link img {

  border: 6px solid transparent;
  width:200px; height:120px;
  margin-top: 40px;

}

.team a.pic-link:hover img {

  border: 6px solid #FFF

}
.team a.pic-link:hover img {

  transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  -moz-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1)

}
.font{
   font-size: 15px;
}

/*succes*/
.pfblock {
  padding: 0px 0 100px;
  text-align: center;
  font-family:"PingFang SC";
  color: #535353 
}
.wow1{margin-top: -160px;}

.header {
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  width: 100%;
  z-index: 998;
}
.grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 100%;
  list-style: none;
  text-align: center;
}

.grid h2{
    font-size: 20px;
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: auto;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;

  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  font-weight:normal;
  font-size:22px;
}

.grid figure h2 span {
  font-weight: bold;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 14px;
}
figure.effect-bubba {
  background:rgb(30,30,30);
}

figure.effect-bubba img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
  opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}

figure.effect-bubba h2 {
  padding-top: 10%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,30px,0);
  transform: translate3d(0,30px,0);
    color: #fff;
}
.pfblock-en figure.effect-bubba h2{padding-top: 4%;}
figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}
.pfblock-en figure.effect-bubba p{padding: 10px 1.5em;}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.pfblock-line{
    width: 15%;
    height: 30px;
    border-top: solid #a1a1a1 2px;
    margin: 0px auto;
}

.pfblock-linee{
    width: 5%;
    border-top: solid #a1a1a1 4px;
    margin: 15px auto;


}
.pfblock-titlee{
  color: #333;
  margin-top: 130px;
}

.coloe{
  color: #ffffff;
  text-align: center;
  font-size: 15px;
}
.pfblock-titlee{
  text-align: center;
  padding-top: 100px;
  font-family: "PingFang SC"
}
.botter{
  margin-top: -80px;
}

/*news*/
.pfblock .onenews{ clear:both; display:block; overflow:hidden}
.pfblock .onenews a{ text-decoration:none} 
.pfblock .onenewl{ float:left; display:inline; width:300px}
.pfblock .onenewr{ float:right; width:740px;padding:15px 50px 0 0;text-align: left;}
.pfblock .onenewr h1{ font-weight:bold; color:#666; font-size:24px;}
.pfblock .onenewr h2{ font-size:14px; color:#999; margin-bottom:5px; margin-top:5px}


.images{
  width: 360px;
  height: 190px;
}

.imagess{
  width: 60%;
  margin: 0px auto;
  margin-top: -60px;
} 
.imagess1{
  width: 80%;
  margin: 0px auto;
}

.youshi{
  font-size: 14px;
  font-family: "PingFang SC";
}


.cbox{ margin-bottom: 50px;}
.wrap{ width:1100px; margin:auto;}
.iprobox{ border: 1px solid #dedede; border-left: none;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.xin-right .active{ width: 404px;}
.active .yuan{ left: -100%;}
.active .pro-left{ left: 0;}
.xin-right > li > h3,.yuan h3{ font-size: 16px; padding-top: 80px; margin-bottom: 15px;}
.xin-right .yuan p { margin-bottom: 5px;}
.yuan{ position: absolute; left: 0; top: 0; width: 100%; -webkit-transition:all 0.36s ease 0s; transition:all 0.36s ease 0s;}
.active .yuan{ left: -100%;}
.xindian{ text-align: center; width: 940px; margin: auto; line-height: 30px; font-size: 14px; margin-bottom: 55px;}
.solution .intro{ color: #9a9a9a; line-height: 22px; height: 66px; overflow: hidden; margin-right: 25px;}
.xindian-top dd .intro{ color: #9a9a9a;}
.xd-right h3,.xd-right .intro{ font-size: 14px;}
.xd-right .intro{ height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom: 15px;}
.pro-txt .intro{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 35px;}
.top-intro .intro{ line-height: 26px; font-size: 14px; color: #777;}
.news-list .intro{ line-height: 22px; height: 44px; overflow: hidden; color: #777; margin-bottom: 15px;}
.dicon{ display: inline-block; margin-top: 45px;}
.xindian-top{ height: 190px; border-bottom: 1px solid #dedede; padding: 25px 0 30px 24px;}
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
.pro-left{ float: left; width: 405px; height: 400px;}
.xindian-top dt{ background-position: 0 0; float: left; margin-right: 30px;}
.xindian-top dd h3{ font-size: 16px; margin-bottom: 10px; padding-top: 10px;}
.xindian-top dd h3 a{ color: #195ca1;}
.xindian-top dd .intro{ color: #9a9a9a;font-size: 12px;line-height: 22px;text-align: right;padding-right: 20px;}
.xindian-list li{ width: 120px; float: left; padding: 15px 0 0 16px;}
.xin-right > li{ float: left; height: 400px; border-left: 1px solid #dedede; width: 230px; text-align: center; position: relative; overflow: hidden;}
.xin-right > li > h3,.yuan h3{ font-size: 16px; padding-top: 80px; margin-bottom: 15px;}
.xin-right .yuan p { margin-bottom: 25px;}
.active .yuan{ left: -100%;}
.pro-left{ left: 100%; position: absolute; top:0; -webkit-transition:all 0.42s ease 0s; transition:all 0.42s ease 0s;}
.news1y{
  font-size: 30px;
  text-align: center;
  margin-top: 100px;
  color: #333;
}
.pp1{
  width: 380px;line-height: 28px;
}

.iBanner .i:before{ display:inline-block;
animation:FmovefadeInUp 1.5s 1s infinite ease both;
}
.iBanner{ position:relative;}
.iBanner:before{ content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:2;}
.banner_proinfo video{ position:absolute; bottom:0px;min-width:100%;min-height:100%;width:100%;height:auto; display:block; z-index:1;}
.iBanner .img img{ height:auto !important;}
/*斜体文本*/
.iBanner .text{ width:auto; margin:0; left:30px; right:30px; text-align:center;}

.banner_proinfo video{ display:none;}

.iBanner .h3{ font-size:60px; font-weight:bold; margin-bottom:0.6em; line-height:1; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.iBanner .p{ font-size:28px; line-height:1; margin-bottom:60px; text-shadow:0 0 0.1em rgba(0,0,0,0.3);}
.iBanner .i:hover{ background:#ed6d00; color:#fff; border-color:#ed6d00;}
.iBanner .text{ top:0px; bottom:0px; width:1400px; left:50%; margin-left:-700px; position:absolute; color:#fff; z-index:4;}
.ntb{display: table; table-layout: fixed; width: 100%; height: 100%;}
.ntd{display: table-cell; vertical-align: middle;}
.more1{ display:inline-block; padding:0 50px; vertical-align:bottom; height:54px; color:#fff; background:#ed6d00; border-radius:8px; line-height:54px;}
.more1:hover{ background:#f32624; color:#fff;}

.solu{width: 1150px;margin: 0 auto;position:relative;top: 0;bottom: 0; }
.solul{position: absolute;right: 55%;text-align: center;margin-top: 40px;}
.solull{position: absolute;left: 45%;padding: 40px 50px}
.solutext{font-size: 28px;color: #697c87;font-weight: bold;margin-bottom: 25px;}
.solutextl{font-size: 13;color: #333;line-height: 1.8;text-align: left;}
.vidomag{right: 20%;float: right;margin-right: -30px;}
.vidomagg{right: 20%;float: left;}

.caseInfoCon1{ padding:65px 0; background:#758791;}
.caseInfoCon1{ padding:40px 0;}
.caseOverview{ background:#fff;}
.caseOverview .img{ float:left; width:50%;}
.caseOverview .text{ margin-left:50%; padding:40px 50px;}
.caseOverview .p{  line-height:2.8; height:22.4em; overflow-y:auto;}
.caseOverview .text{ padding:35px 40px;}
.caseOverview .img{ width:auto; float:none;}
.caseOverview .text{ margin:0px;}
.caseOverview .text{ padding:30px;}

.xproCon{ padding:80px 0;}
.xproCon{ padding:60px 0;}
.xproCon{ padding:40px 0;}
.xproCon5{ background:#fbfbfb;}
.xproCon5 .tit4{ text-align:center;}
.proTJ{ text-align:center;}
.proTJ .wpd{ margin:-50px -8px;}
.proTJ ul{ display:inline-block; vertical-align:bottom;margin-bottom: 60px;}
.proTJ li{ float:left; margin-bottom:15px;}
.proTJ .pd{ display:block; position:relative; margin:0 7px; background:#fff; padding:30px; border-radius:0 30px 0 30px; width:280px; box-sizing:border-box;}
.proTJ .img{ margin:0 auto 70px auto; width:280px; max-width:100%;}
.proTJ .text{ text-align:center; position:absolute; left:0px; right:0px; bottom:0px; padding-bottom:10px; color:#000;}
.proTJ .h3{ font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.proTJ .p{ font-size:14px; height:40px; line-height:20px;}
.proTJ .m{ display:none;}

.proTJ .pd:hover .text{ top:0px; background:rgba(237,109,0,0.9); color:#fff; border-radius:0 30px 0 30px;}