@charset "utf-8";
/*格式化*/
* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  font-size: 12px;
  color: #565656;
  font-family: "Microsoft YaHei", "Hiragino Sans GB", 'Helvetica Neue' , "STHeiti", "Open Sans","WenQuanYi Micro Hei", SimSun,Tahoma, Arial,sans-serif;

  -webkit-tap-highlight-color: #000000;
  -webkit-tap-highlight-color: transparent;  
}
.div-min-width{min-width: 1260px;}
ul,li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,img {
  border: 0;
}

input {
  padding: 0px;
  font-size: 12px;
  font-family: "微软雅黑","SimSun","Arial Narrow","Helvetica";
  background: none;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}

h3,h4 {
  font-weight: normal;
}

.clear {
  clear: both;
}

.l {
  float: left;
}

.r {
  float: right;
}

.ml60 {
  margin-left: 60px;
  position: relative;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";


}

/*head*/
.header-box {
  width: 100%;
  height: 41px;
  height: 41px;
  padding: 21px 0 17px 0;
  background: #fff;
  border-bottom: 4px solid #2487c7;
  position: relative;
}

.ty-header {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.nav-box {
  margin-left: 50px;
}

.nav02-box {
  position: absolute;
  z-index: 100010;
  width: 100%;
  height: 70px;
  padding: 32px 0 22px 0px;
  background: #0085c9;
  top: 83px;
  display: none;
}

.nav02-view-box {
  width: 640px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.nav02-hidden {
  width: 700px;
  position: absolute;
  right: -700px;
}

.nav02-box a:link {
  color: #fff;
  display: block;
  font-size: 15px;
  text-decoration: none;
  padding-top: 53px;
  height: 20px;
}
.nav02-box a:visited{
   color: #fff;
   display: block;
   font-size: 15px;
   text-decoration:none;
   padding-top: 53px;
   height: 20px;
}
.nav02-box a:hover{
  text-decoration:none;
}
.nav02-box a:active{
  text-decoration:none;
}
.nav02-product {
  width: 750px;
  margin: 0 auto;
}

.nav02-support {
  width: 750px;
  margin: 0 auto;
}


.app-icon {
   background: url(../images/product.png?v=0.3) no-repeat 18px 0px;
}
.server-icon {
    background: url(../images/product.png?v=0.3) no-repeat 19px -136px;
}
.browser-icon {
   background: url(../images/product.png?v=0.3) no-repeat 26px -272px;
}
.network-icon {
   background: url(../images/product.png?v=0.3) no-repeat 28px -408px;
}
.controller-icon{
	background: url(../images/product.png?v=0.3) no-repeat 28px -2040px;
}
.sys-icon {
   background: url(../images/product.png?v=0.3) no-repeat 9px -545px;
}
.blog-icon {
   background: url(../images/product.png?v=0.3) no-repeat 13px -680px;
}
.help-icon {
   background: url(../images/product.png?v=0.3) no-repeat 11px -952px;
}
.vlist-icon{
  background: url(../images/product.png?v=0.3) no-repeat 12px -1496px;
}
.sorftmarket-icon{
  background: url(../images/product.png?v=0.3) no-repeat 12px -1360px;
}
.solution-icon{
  background: url(../images/product.png?v=0.3) no-repeat 14px -1088px;
}
.client-icon{
  background: url(../images/product.png?v=0.3) no-repeat 8px -2176px;
}
.stories-icon{
  background: url(../images/product.png?v=0.3) no-repeat 12px -1224px;
}
.contact-icon{
  background: url(../images/product.png?v=0.3) no-repeat 10px -1632px;
}
.tyapi-icon{background: url(../images/product.png?v=0.3) no-repeat 20px -1904px;}
.nav02-price {
  padding-left: 100px;
  width: 650px;
  margin: 0 auto;
}

.nav02-support {
  padding-left: 480px;
  width: 480px;
  margin: 0 auto;
}

.nav02-company {
  padding-left: 305px;
  width: 480px;
  margin: 0 auto;
}

/*.nav li a:link{
  display: block;
  font-size: 16px;
  height: 41px;
  line-height: 41px;
  color: #3d3d3d;
  text-decoration: none;
}
.nav li a:visited{
  display: block;
  font-size: 16px;
  height: 41px;
  line-height: 41px;
  color: #3d3d3d;
  text-decoration: none;
}
.nav li a:hover{color: #0085c9;text-decoration: none;}
.nav li a:hover{color: #0085c9;text-decoration: none;}*/
.nav>li>a:link {
  display: block;
  font-size: 16px;
  height: 62px;
  line-height: 41px;
  width: 100px;
  color: #333;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
}

.nav>li>a:visited {
  display: block;
  font-size: 16px;
  color: #333;
  height: 62px;
  line-height: 41px;
  width: 100px;
  text-align: center;
  text-decoration: none;
}

.nav>li>a:hover {
  color: #0085c9;
  text-decoration: none;
}

.nav>li>a:active {
  color: #333;
  text-decoration: none;
}

.header-r {
  height: 30px;
  line-height: 30px;
  padding-top: 5px;
}

.header-r a {
  font-size: 14px;
}

.nw-old,.register,.signin {
  margin-left: 25px;
}

.nw-old:hover,.console:hover {
  color: #0085c9;
}

.signin {
  width: 61px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #999;
  height: 30px;
  line-height: 30px;
  color: #333;
}

.signin:link {
  color: #333;
}

.signin:visited {
  color: #333;
}

.signin:hover {
  border: 1px solid #1b86ca;
  color: #1b86ca;
  text-decoration: none;
}

.signin:active {
  color: #333;
}

.register {
  border-radius: 4px;
  color: #fff;
  width: 63px;
  text-align: center;
  background: #1b86ca;
}

.register:link,.register:visited {
  color: #fff;
}

.register:hover {
  background: #2494db;
  color: #fff;
  text-decoration: none;
}

.register:active {
  color: #fff;
}

/*登录之后*/
.user-r {
  height: 44px;
  padding-right: 48px;
  display: none;
}

.user-icon,.console-icon {
  color: #333;
  font-size: 14px;
  display: block;
  height: 16px;
  padding-top: 28px
}

.user-icon {
  position: relative;
  background: url(../images/user.png)no-repeat 15px -88px;
  margin-left: 55px;
}

.user-icon:hover {
  background: url(../images/user.png)no-repeat 15px -132px;
  color: #0085c9;
}

.console-icon {
  background: url(../images/user.png)no-repeat 8px 0px;
}

.console-icon:hover {
  background: url(../images/user.png)no-repeat 8px -44px;
  color: #0085c9;
}

.user-nav {
  position: absolute;
  z-index: 1001;
  background: #0085c9;
  width: 153px;
  top: 79px;
  padding-bottom: 5px;
  box-shadow: 0px 2px 3px rgba(108, 108, 108, 0.44);
}

.user-nav li {
  width: 100%;
  text-align: center;
}

.user-nav a {
  display: block;
  height: 46px;
  line-height: 46px;
  color: #fff;
   /*opacity: 0.5;*/
  font-size: 15px;
}
/*.user-nav a:hover{color: #fff;opacity: 1;background: #3d98d2;}*/
.login-status {
  float: right;
  width: 340px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  background: transparent;
}
/**20160706新增样式**/
.app-img {
  width: 25px;
  height: 38px;
  margin-left: 18px;
}

.server-img {
  width: 40px;
  height: 30px;
  margin-left: 20px;
  margin-bottom: 8px;
}

.browser-img {
  width: 35px;
  height: 35px;
  margin-left: 26px;
  margin-bottom: 4px;
}

.network-img {
  width: 38px;
  height: 34px;
  margin-left: 26px;
  margin-bottom: 6px;
}

.sys-img {
  width: 48px;
  height: 30px;
  margin-bottom: 10px;
}

.alert-img {
  width: 36px;
  height: 38px;
  margin-left: 11px;
  margin-bottom: 3px;
}

.help-img {
  width: 36px;
  height: 36px;
  margin-left: 8px;
  margin-bottom: 2px;
}

.vlist-img {
  width: 36px;
  height: 33px;
  margin-left: 12px;
  margin-bottom: 4px;
}

.blog-img {
  width: 32px;
  height: 37px;
  margin-left: 13px;
}

.as-img {
  width: 32px;
  height: 32px;
  margin-left: 12px;
  margin-bottom: 6px;
}

.st-img {
  width: 32px;
  height: 35px;
  margin-left: 12px;
  margin-bottom: 2px;
}

.contact-img {
  width: 44px;
  height: 33px;
  margin-left: 8px;
  margin-bottom: 4px;
}

.stories-img {
  width: 36px;
  height: 34px;
  margin-left: 12px;
  margin-bottom: 3px;
}

.img-opacity {
  opacity: 0.5;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";

}

.nav02-box .nav-opacity {
  opacity: 0.6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";


}

.nav02-box li:hover {
  cursor: pointer;
}
/*动画位置*/
.nav-animation-begin {
  position: relative;
  left: 0;
}

.nav-animation-end {
  position: relative;
  left: -60px;
}






/*banner*/
.ty-conbox {
  width: 980px;
  margin: 0 auto;
}

.banner {
  height: 533px;
  width: 100%;
  background: url(../images/banner_re.jpg) no-repeat top center #000;
  padding-top: 235px;
  color: #fff;
}

.banner-p01 {
  font-size: 44px;
  margin-bottom: 15px;
  letter-spacing: 3px;
}

.banner-p02 {
  font-size: 24px;
  margin-bottom: 105px;
  letter-spacing: 5px;
}

.banner-p02 span {
  font-size: 30px;
  color: #eacc3d;
}

.banner-p03 {
  font-size: 14px;
  letter-spacing: 3px
}

.banner-btn {
  margin-top: 20px;
}

.banner-btn a {
  display: block;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}

.free-btn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #0085c9;
}

/* .free-btn:hover {
  opacity: 0.8;
} */

.video-btn {
  width: 98px;
  padding-left: 50px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #fff;
  background: url(../images/video.png) 30px 0px no-repeat;
  margin-left: 30px;
}
 /*view*/
.view {
  height: 848px;
  padding-top: 102px;
  background: url(../images/view.png) repeat-x;
  color: #fff;
  text-align: center;
}

.view h3 {
  font-size: 40px;
  margin-bottom: 35px;
}

.view-p01 {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 50px;
}

.view-p02 {
  text-align: left;
  margin-top: 60px;
  margin-left: 5px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
}

.view-p02 span {
  color: #e5bd48;
  font-weight: bold;
}

/*优质用户体验*/
.ty-section01 {
  width: 980px;
  margin: 0 auto;
}

.ty-section01-left {
  margin-left: -82px;
}

.ty-section01-right {
  text-align: left;
  padding-top: 190px;
  width: 414px;
}

.ty-section01-right h3,
.ty-section02-con h3,
.ty-section09 h3,
.ty-section05-r h3,.ty-section03-r h3 {
  font-size: 40px;
  color: #333;
  margin-bottom: 50px;
}

.ty-section01-p {
  font-size: 20px;
  color: #666;
  line-height: 28px;
  margin-bottom: 26px;
}

.ty-section01-btn {
  color: #333;
  font-size: 16px;
}

.ty-section01-btn a {
  display: inline-block;
  color: #1b86ca;
}

/*高可用应用*/
.ty-section02 {
  background: url(../images/bg01.png) repeat-y;
  height: 600px;
  width: 100%;
}

.ty-section02-con {
  width: 980px;
  margin: 0 auto;
}

.ty-section02-conl {
  padding-top: 192px;
  width: 430px;
}

.ty-section02-img {
  width: 950px;
  height: 600px;
  margin-right: -470px;
}

/*复杂网络性能优化*/
.ty-section03 {
  padding-top: 134px;
  padding-bottom: 80px;
  border: 1px solid #e2e2e2;
  height: 386px;
}

.ty-section03-con {
  width: 980px;
  margin: 0 auto;
}

.ty-section03-l {
  margin-left: -82px;
}

.ty-section05-r, .ty-section03-r {
  margin-left: 46px;
  width: 382px;
  padding-top: 58px;
}

/*专业的应用性能管理解决方案*/
.ty-section04 {
  width: 980px;
  margin: 0 auto;
  padding: 100px 0 88px 0;
}

.ty-section04 h3 {
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #333;
  margin-bottom: 30px;
}

.ty-section04 p {
  color: #333;
  font-size: 16px;
  width: 100%;
  text-align: center;
  line-height: 24px;
}

.ty-section04-btn {
  margin-top: 46px;
}

.ty-section04-btn li {
  float: left;
  width: 228px;
}

.ty-section04-btn li a {
  display: block;
  width: 100%;
  text-align: center;
}

.ml26 {
  margin-left: 22px;
}

.solution-img {
  height: 190px;
  cursor: default;
}

.solution-img:hover {
  opacity: 0.8;
}

.solution-text {
  margin-top: 32px;
  font-size: 18px;
  color: #333;
  cursor: default;
}

.solution01-img {
  background: url(../images/business01.png) repeat-x;
}

.solution01-img img,.solution03-img img {
  padding-top: 62px
}

.solution02-img {
  background: url(../images/bank01.png) repeat-x;
}

.solution02-img img,.solution04-img img {
  padding-top: 58px
}

.solution03-img {
  background: url(../images/it01.png) repeat-x;
}

.solution04-img {
  background: url(../images/gm01.png) repeat-x;
}

.solution-more {
  display: block;
  margin-top: 50px;
  font-size: 16px;
  color: #1b86ca;
  width: 100%;
  text-align: center;
}

.ty-section05 {
  width: 100%;
  background: url(../images/bg02.jpg) center no-repeat;
  height: 736px;
}

.ty-section05-con {
  width: 980px;
  margin: 0 auto;
  padding-top: 96px;
}

.ty-section05 h3 {
  font-size: 40px;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

.ty-section05 p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 68px;
}

.ty-section05-platform {
  height: 300px;
}

.btn-l,
.btn-r {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 115px;
  background: url(../images/bg03.png) no-repeat;
}

.btn-l:hover,
.btn-r:hover {
  background: url(../images/bg03-hover.png) no-repeat;
}

.ty-section05-logo {
  width: 836px;
  margin-left: 38px;
}

.ty-section05-logo li {
  width: 260px;
  height: 110px;
  background: #fff;
  margin-left: 18px;
  margin-bottom: 16px;
  text-align: center;
  padding-top: 30px;
}

.ml0 {
  margin-left: 0;
}

/*为您和您的事业助力*/
.blue-btn-l,
.blue-btn-r {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 132px;
  background: url(../images/bg04.png) no-repeat;
}

.ty-section06 {
  padding-top: 100px;
  padding-bottom: 60px;
  width: 980px;
  margin: 0 auto;
}

.ty-section06 h3 {
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #333;
  margin-bottom: 70px;
}

.ty-section06-con {
  height: 294px;
}

.ty-user-img {
  padding: 0 90px;
  position: relative;
}

.ty-user-l img,.ty-user-r img {
  width: 130px;
  height: 130px;
  border-radius: 500px;
  margin-top: 90px;
}

.ty-user-m img {
  height: 294px;
  width: 294px;
  margin: 0 70px;
  border-radius: 800px;
}

.ty-user-video {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -22px;
  height: 45px;
  width: 45px;
  background: url(../images/user-wideo.png) no-repeat;
  display: block;
}

.ty-user-text {
  margin-top: 40px;
}

.ty-user-text p {
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 16px;
}

.ty-user-text .ty-user-time {
  font-size: 20px;
  margin-bottom: 20px;
}

.ty-user-text .ty-user-name {
  font-size: 18px;
  margin-top: 15px;
  color: #1b86ca;
}

.ty-user-more {
  display: block;
  margin-top: 28px;
  font-size: 16px;
  color: #0792d9;
  width: 100%;
  text-align: center;
}
/*Gartner*/
.ty-section07 {
  width: 100%;
  background: url(../images/bg05.png) repeat;
  height: 414px;
}

.ty-section07-con {
  width: 980px;
  margin: 0 auto;
  padding: 130px 0px;
}

.ty-section07-con li {
  width: 450px;
  height: 126px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 4px #3c5361;
}

.ty-section07-con li a {
  display: block;
}

.ty-gartner .l {
  width: 140px;
  line-height: 126px;
  height: 100%;
  background: #0f659b;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  font-family: "Arial";
  text-align: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: -1px;
}

.ty-gartner .r {
  margin-left: 34px;
  margin-right: 36px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  width: 240px;
  padding-top: 40px;
  background: #fff;
}

.ty-nsfocus .l {
  width: 135px;
  border-right: 1px solid #f5f5f5;
  padding-top: 35px;
  height: 91px;
  text-align: center;
  cursor: default;
}

.ty-nsfocus .r {
  width: 236px;
  margin-left: 34px;
  line-heights: 24px;
  font-size: 16px;
  color: #333;
  padding-top: 32px;
  padding-right: 36px;
  cursor: default;
}
/*性能报告*/
.ty-section08 {
  height: 680px;
  width: 100%;
  background: url(../images/bg06.png) center no-repeat #0c72b3;
}

.ty-section08-con {
  width: 980px;
  margin: 0 auto;
  padding-top: 136px;
  height: 480px;
}

.ty-section08-btnl,.ty-section08-btnr {
  display: block;
  width: 50px;
  height: 50px;
   /*background: url(../images/bg07.png) center no-repeat;*/
  margin-top: 192px;
  text-align: center;
}

.ty-section08-img {
  width: 824px;
  padding: 0 28px;
}

.ty-section08-imgl,.ty-section08-imgr {
  width: 202px;
  height: 286px;
  margin-top: 80px;
}

.ty-section08-imgm {
  width: 404px;
  text-align: center;
}

.ty-section08-imgm a {
  display: block;
}

.ty-section08-name {
  color: #fff;
  font-size: 24px;
  margin-top: 15px;
}

/*企业*/
.ty-section09 {
  padding-top: 115px;
  width: 980px;
  margin: 0 auto;
}

.ty-section09 h3 {
  margin-bottom: 104px;
  width: 100%;
  text-align: center;
}
/*.ty-section09 li{
   float: left;
   width: 148px;
   height: 58px;
   margin-left: 15px;
   margin-bottom: 15px;
 }*/
.try-btn {
  display: block;
  margin: 98px 0 104px 376px;
  width: 230px;
  text-align: center;
  height: 56px;
  line-height: 56px;
  color: #fff;
  font-size: 20px;
  background: #2982c2;
  border-radius: 4px;
}

.try-btn:hover {
  opacity: 0.8;
}
/*foot*/
.footer-nav-box {
  width: 100%;
}

.footer-nav {
  border-top: 1px solid #d8d8d8;
  padding-top: 50px;
  padding-bottom: 35px;
}

.footer-nav-con {
  width: 980px;
  margin: 0 auto;
}

.footer-nav-ul .footer-nav-title {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
  font-weight: bold;
}

.footer-nav-ul >li {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

.footer-nav-ul a:link {
  color: #333;
}

.footer-nav-ul a:visited {
  color: #333;
}

.footer-nav-ul a:hover {
  text-decoration: underline;
}

.footer-nav-ul a:active {
  color: #333;
}

.footer-nav-ul {
  width: 195px;
  text-align: left;
}

.footer-nav-ul .f18 {
  font-size: 18px;
}

.footer-nav-ul .footer-nav-tel {
  margin-bottom: 15px;
}

.copyright-box {
  background: #000;
  width: 100%;
  padding: 25px 0px;
  height: 30px;
  line-height: 28px;
}

.copyright {
  width: 980px;
  margin: 0 auto;
}

.copyright-text {
  font-size: 13px;
  color: #fff;
}

.copyright-text span {
  display: inline-block;
}

.copyright-text .ml6 {
  margin-left: 6px;
}

.copyright-btn {
  padding-right: 40px;
}

.copyright-btn a {
  display: block;
  width: 35px;
  height: 30px;
}

.copyright-btn li {
  position: relative;
}

.sina-icon {
  background: url(../images/foot.png)no-repeat 0px -30px;
  margin-left: 52px;
}

.sina-icon:hover {
  background: url(../images/foot.png)no-repeat 0px 0px;
}

.qq-icon {
  background: url(../images/foot.png)no-repeat 0px -90px;
  margin-left: 52px;
}

.qq-icon:hover {
  background: url(../images/foot.png)no-repeat 0px -60px;
}

.wechat-icon {
  background: url(../images/foot.png)no-repeat 0px -150px;
}

.wechat-icon:hover {
  background: url(../images/foot.png)no-repeat 0px -120px;
}

.qq-detail {
  position: absolute;
  border-radius: 2px;
  z-index: 1002;
  width: 140px;
  padding-top: 20px;
  height: 120px;
  background: #fff;
  box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.42);
  bottom: 50px;
}

.qq-detail p {
  text-align: right;
  padding-right: 10px;
  height: 24px;
  line-height: 24px;
}

.qq-detail .qq-title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.qq-detail .pr15 {
  padding-right: 15px;
}

.wechat-detail {
  position: absolute;
  border-radius: 2px;
  z-index: 1003;
  padding-top: 9px;
  padding-left: 9px;
  width: 131px;
  height: 131px;
  background: #fff;
  box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.42);
  bottom: 50px;
  left: -55px;
}

/*****产品综述*****/

.tyz-wrap {
  background: #1b86ca;
  height: 546px;
  width: 100%;
}

.tyz-con {
  width: 980px;
  margin: 0 auto;
}

.zs-text {
  color: #fff;
  font-size: 16px;
  padding-top: 150px;
}

.zs-text p {
  margin-bottom: 5px;
}

.zs-text h3 {
  font-size: 36px;
  margin-bottom: 20px;
}

.zs-text h4 {
  font-size: 20px;
  margin-bottom: 40px;
}

.orange-link {
  margin-top: 26px;
}

.orange-link a {
  display: inline-block;
  color: #fbc737;
  margin-right: 28px;
}

.zs-img01 {
  padding-right: 42px;
  padding-top: 100px;
}

.tyz-con02 {
  margin-top: 150px;
}

.zs-blak-text {
  color: #333;
  padding-right: 18px;
}

.zs-blak-text p {
  color: #666;
}

.blue-link a {
  color: #0085c9;
}

.zs-img02 {
  margin-left: -220px;
}

.h560 {
  height: 560px;
}

.zs-img03 {
  margin-right: -182px;
  padding-top: 156px;
}

.zs-img04 {
  margin-top: 30px;
  margin-bottom: 70px;
}

.zs-04 {
  padding-top: 118px;
  text-align: center;
}

.zs-05 {
  height: 522px;
  text-align: center;
  padding-top: 88px;
}

.zs-05 .zs-text {
  padding-top: 0px;
}

.zs-img05 {
  margin-top: 30px;
  margin-left: -64px;
}

.zs-02 .zs-text {
  padding-top: 20px;
}

/*****控制台入口*****/
.tyz-entrance {
  text-align: center;
  width: 980px;
  margin: 0 auto;
  padding: 80px 8px 140px 8px;
}

.tyz-entrance h3 {
  font-size: 36px;
  color: #333;
  margin-bottom: 20px;
}

.tyz-entrance h4 {
  color: #808080;
  font-size: 22px;
  margin-bottom: 75px;
}

.tyz-entrance-con {
  height: 360px;
}

.tyz-entrance-con li {
  display: block;
  width: 186px;
  height: 340px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
}

.tyz-entrance-con li:hover {
  padding: 10px 6px;
/*20160511解决鼠标滑过晃动问题*/
  margin-top: -10px;
  margin-left: -6px;
  margin-right: 4px;
  box-shadow: 0px 0px 6px #7e7e7e;
}

.app-entrance {
  background: #44c9f1;
}

.server-entrance {
  background: #f87e4e;
}

.network-entrance {
  background: #aacf76;
}

.browser-entrance {
  background: #f97c91;
}

.sys-entrance {
  background: #59b0e5;
}

.opened-con {
  text-align: left;
  padding: 28px 20px 22px 18px;
  width: 148px;
  height: 290px;
}

.opened-con h3 {
  font-size: 22px;
  margin-bottom: 40px;
  color: #fff;
}

.opened-intro {
  width: 136px;
  line-height: 18px;
  font-size: 12px;
  margin-top: 35px;
  opacity: 0.6;
}

.entrance-btn {
  display: block;
  color: #fff;
  width: 144px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #fff;
  margin-top: 20px;
}

.unopened-con .opened-intro {
  height: 96px;
}

.unopened-con .entrance-btn {
  margin-top: 86px;
}

/*****听云App*****/
.app-banner {
  width: 100%;
  height: 596px;
  background: url(../images/pa-banner.jpg) center no-repeat;
}

.app-con {
  width: 980px;
  margin: 0 auto;
} /****切勿轻易修改！****/
.app-nav {
  height: 62px;
  line-height: 62px;
  color: #fff;
}

.shade {
  background: #000;
  opacity: 0.6;
  height: 62px;
  width: 100%;
}

.app-con-wrap {
  position: absolute;
  z-index: 1005;
  margin-top: -60px;
  width: 100%;
}

.app-app {
  font-size: 24px;
  margin-right: 46px;
  color: #fff;
}

.app-nav-con a {
  display: block;
  margin-right: 32px;
  color: #fff;
  font-size: 14px;
  opacity: 0.8;
  filter: alpha(opacity=80);

}

.app-nav-con a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.app-nav-btn a {
  display: inline-block;
  margin-left: 22px;
  color: #fff;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}

.app-nav-btn a:hover {
  border: 1px solid #fff;
}

.app-banner-text {
  padding-top: 94px;
  text-align: center;
  color: #fff;
}

.app-banner-text h4 {
  font-size: 44px;
  margin-top: 10px;
}

.app-video {
  display: block;
  height: 50px;
  margin-top: 34px;
  margin-bottom: 56px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}

.app-banner-btn a {
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}

.app-view-btn {
  width: 148px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #fff;
  background: #fff;
  background: url(../images/price.png) 0px 0px repeat-x;
}

.app-view-btn:hover {
  background: url(../images/price.png) 0px -40px repeat-x;
}

.app-try-btn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #13b2e2;
  margin-left: 42px;
}

.app-try-btn:hover {
  background: #1dbff0;
}

.app-outline {
  padding-top: 104px;
}

.app-outline h3 {
  text-align: center;
  font-size: 40px;
  color: #333;
  margin-bottom: 64px;
}

.app-outline-con {
  padding: 0 40px 0 40px;
  height: 491px;
}

.app-outline-conr {
  margin-left: 145px;
  padding-top: 108px;
  position: relative;
}

.app-outline-conr a {
  display: block;
  width: 126px;
  height: 146px;
  line-height: 146px;
  text-align: center;
  color: #333;
  font-size: 20px;
  background: url(../images/outline-bg.png) no-repeat;
}

.app-outline-conr a:hover {
  color: #fff;
  background: url(../images/outline-bg-hover.png) no-repeat;
}

.ml2 {
  margin-left: -2px;
}

.app-outline-wrong {
  position: absolute;
  top: 214px;
  left: 188px;
}

.app-outline-property {
  position: absolute;
  top: 214px;
  left: 312px;
}

.app-function {
  background: #13b2e2;
  position: relative;
  z-index: 100;
}

.app-function-con {
  padding: 100px 0px;
}

.app-function-con h3 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 72px;
}

.ptab-con {
  width: 100%;
  height: 108px;
  text-align: center;
  padding-top: 42px;
  color: #333;
  font-size: 16px;
  background: #fff;
  box-shadow: 0 3px 3px #1092b9;
  margin-top: -3px;
  padding-left: 20px;
  padding-right: 20px;
}

.ptab-con p {
  line-height: 28px;
}

.ptab-nav li {
  width: 160px;
  margin-right: 35px;
  text-align: center;
}

.ptab-nav li a {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 20px;
  height: 55px;
  padding-top: 110px;
  background:none;
}

.app-function-con h3 {
  font-size: 40px;
  color: #fff;
}

.ptab-bg01 {
  background: url(../images/tab.png) 0 5px no-repeat;
}

.ptab-bg01-current {
  background: url(../images/tab.png) 0 -160px no-repeat;
}

.ptab-bg02 {
  background: url(../images/tab.png) 0 -310px no-repeat;
}

.ptab-bg02-current {
  background: url(../images/tab.png) 0 -480px no-repeat;
}

.ptab-bg03 {
  background: url(../images/tab.png) 0 -630px no-repeat;
}

.ptab-bg03-current {
  background: url(../images/tab.png) 0 -800px no-repeat;
}

.ptab-bg04 {
  background: url(../images/tab.png) 0 -950px no-repeat;
}

.ptab-bg04-current {
  background: url(../images/tab.png) 0 -1120px no-repeat;
}

.ptab-bg05 {
  background: url(../images/tab.png) 0 -1270px no-repeat;
}

.ptab-bg05-current {
  background: url(../images/tab.png) 0 -1440px no-repeat;
}

.app-feature {
  padding: 102px 0;
}

.app-feature h3 {
  font-size: 40px;
  color: #333;
  text-align: center;
  margin-bottom: 46px;
}

.app-feature-con h4 {
  padding-left: 30px;
  font-size: 26px;
  color: #333;
  background: url(../images/price.png) 0 -78px no-repeat;
}

.app-feature-con p {
  padding-left: 30px;
  font-size: 16px;
  color: #666;
  margin-top: 10px;
  height: 40px;
  line-height: 26px;
}

.app-feature-con li {
  float: left;
  width: 402px;
  margin-right: 56px;
  margin-bottom: 50px;
}

.app-assess {
  background: #13b2e2;
  height: 775px;
}

.app-assess-con {
  padding: 100px 0;
}

.app-assess-con h3 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 60px;
  text-align: center;
}

.app-assess-img .ty-user-m img {
  border: 8px solid #90dbf1;
  margin: 0 62px;
}

.app-assess-img .btn-l,.app-assess-img .btn-r {
  margin-top: 135px
}

.app-assess-text {
  width: 626px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  margin-top: 30px;
}

.app-assess-text p {
  font-size: 16px;
  line-height: 24px;
}

.app-assess-name {
  font-size: 18px;
  margin-top: 28px;
  font-weight: bold;
}

.app-price {
  padding: 100px 0;
}

.app-price-l {
  width: 470px;
  padding-top: 52px;
}

.app-price-l h3 {
  font-size: 40px;
  color: #333;
  margin-bottom: 16px;
}

.app-price-l p {
  font-size: 16px;
  color: #808080;
  margin-top: 38px;
  margin-bottom: 68px;
}

.app-price-btn a {
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
  text-align: center;
}

.app-price-btn01 {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #13b2e2;
}

.app-price-btn01:hover {
  background: #1dbff0;
}

.app-price-btn02 {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}

.app-price-btn02:hover {
  border: 1px solid #2494db;
  color: #2494db;
}

.app-price-r {
  width: 430px;
  height: 378px;
  box-shadow: 0 0px 5px #ccc;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
}

/*SDK下载*/
.app-download {
  background: url(../images/sdk-bg.png) center no-repeat;
  height: 364px;
  width: 100%;
}

.app-download-con {
  padding-top: 98px;
}

.app-download-title {
  margin-bottom: 52px;
  padding-left: 406px;
}

.app-download-title h3,.app-download-title a {
  display: inline-block;
  color: #fff;
}

.app-download-title h3 {
  font-size: 40px;
}

.app-download-title a {
  margin-left: 34px;
  opacity: 0.6;
  font-size: 16px;
}

.app-download-detail {
  padding-left: 182px;
}

.app-download-detail a {
  width: 140px;
  height: 60px;
  border-radius: 6px;
  display: inline-block;
  margin-right: 110px;
  color: #13b2e2;
  font-size: 16px;
  padding-left: 110px;
  padding-top: 14px;
}

.app-download-detail a span {
  display: inline-block;
  margin-bottom: 3px;
}

.sdk-size {
  margin-left: 30px;
}

.android-sdk {
  background: url(../images/sdk.png) 0 0 no-repeat #fff;
}

.apple-sdk {
  background: url(../images/sdk.png) 0 -74px no-repeat #fff;
}

.app-problem {
  padding: 94px 0 136px 0;
}

.app-problem h3 {
  color: #454a50;
  font-size: 40px;
  text-align: center;
  margin-bottom: 56px;
}

.app-problem p {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 28px;
}

.app-problem-q {
  color: #333;
}

.app-problem-a {
  color: #808080;
}

.app-problem-btn {
  display: block;
  margin-top: 22px;
  color: #13b2e2;
  font-size: 16px;
}

.app-problem-btn:hover {
  color: #13baec;
}

.app-price-r table {
  width: 100%;
  border: none;
}

.app-price-r th {
  height: 60px;
  line-height: 60px;
  color: #13b2e2;
  font-size: 18px;
  font-weight: normal;
  border: none;
  text-align: left;
}

.app-price-r .table-l {
  border-right: 1px solid #e7e8e9;
}

.app-price-r .table-r {
  text-align: center;
}

.app-price-r td {
  border-right: none;
  border-left: none;
}

.app-price-r tr {
  border-bottom: 1px solid #e7e8e9;
}

.app-price-r tbody tr {
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 14px;
}

.table-l {
  width: 236px;
  padding-left: 12px;
  border-right: 1px solid #e7e8e9;
}

.table-r {
  width: 174px;
  text-align: center;
}

.app-price-r tfoot {
  height: 36px;
  line-height: 36px;
  background: #f2f3f5;
  font-weight: bold;
  color: #666;
  font-size: 14px;
}

.app-price-r tfoot .table-r {
  color: #13b2e2;
}

.blue-24 {
  color: #13b2e2;
}

/*****App价格页*****/
.pa-banner {
  background: url(../images/pa-bg.png) center no-repeat;
  height: 386px;
  width: 100%;
}

.pa-banner-con {
  color: #fff;
  padding-top: 136px;
}

.pa-banner-con h3 {
  color: #fff;
  font-size: 48px;
}

.pa-banner-con p {
  font-size: 22px;
  margin-top: 25px;
}

.pa-tab {
  margin-top: -50px;
  margin-bottom: 136px;
}

.pa-tab-nav {
  position: relative;
  height: 50px;
}

.pa-tab-nav a {
  float: left;
  display: block;
  font-size: 20px;
  color: #999;
  width: 240px;
  text-align: center;
  height: 50px;
  line-height: 60px;
  background: url(../images/pa-tab.png) 0 -60px no-repeat;
}

.ml40 {
  margin-left: -60px;
}

.p4 {
  position: absolute;
  z-index: 4;
}

.p3 {
  position: absolute;
  z-index: 3;
  left: 175px;
}

.p2 {
  position: absolute;
  z-index: 2;
  left: 355px;
}

.p1 {
  position: absolute;
  z-index: 1;
  left: 535px;
}

.pa-tab-nav .pa-tab-current {
  background: url(../images/pa-tab.png) 0 0 no-repeat;
  color: #333;
}

.pa-tab-con {
  padding-top: 100px;
}

.pa-tprice {
  width: 698px;
  margin: 0 auto;
  height: 285px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 0px 5px #f7f7f7;
  position: relative;
  padding: 22px 100px 22px 140px;
}

.pa-discount {
  position: absolute;
  z-index: 1006;
  top: 0;
  left: 0;
}

.pa-tprice-l {
  border-right: 1px solid #ccc;
  padding: 36px 44px 40px 0;
}

.pa-tprice-l h3,.pa-tprice-l span {
  display: inline-block;
}

.pa-tprice-l h3 {
  font-size: 48px;
  color: #313a45;
}

.pa-tprice-l span {
  font-size: 16px;
  color: #666;
  margin-left: 32px;
}

.pa-tprice-btn {
  margin-top: 50px;
}

.pa-tprice-btn a {
  display: block;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
}

.pa-tprice-btn01 {
  width: 160px;
  height: 44px;
  line-height: 44px;
  background: #1b86ca;
  color: #fff;
  margin-bottom: 16px;
}

.pa-tprice-btn02 {
  width: 158px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #a0a0a0;
  color: #333;
}

.pa-tprice-r {
  margin-left: 90px;
  padding-top: 70px;
}

.pa-tprice-r p {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.pa-tab-list {
  margin-top: 116px;
}

.pa-tab-list h3 {
  text-align: center;
  font-size: 36px;
  color: #333;
  margin-bottom: 30px;
}

.pa-tab-checkbox {
  font-size: 16px;
  color: #666;
  margin-bottom: 8px;
  text-align: right;
  padding-right: 15px;
}

.pa-tab-checkbox input {
  vertical-align: middle;
  margin-top: -2px;
  margin-bottom: 1px;
}

.pa-tab-table {
  box-shadow: 0 0px 5px #f7f7f7;
  border-radius: 4px;
  border: 1px solid #fff;
  width: 954px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.w316 {
  width: 316px;
}

.pa-tab-table table {
  width: 100%;
  border: 0;
}

.pa-tab-table thead {
  background: #1b86ca;
  height: 74px;
  line-height: 74px;
  border-bottom: 1px solid #d3d3d3;
}

.pa-tab-table thead th {
  height: 74px;
  line-height: 74px;
  font-size: 22px;
  color: #fff;
  border-left: 0;
  border-top: 0;
}

.bl4 {
  border-top-left-radius: 4px;
}

.br4 {
  border-top-right-radius: 4px;
}

.pa-tab-table th {
  font-weight: normal;
}

.pa-tab-table p {
  line-height: 22px;
}

.pa-tab-table tbody td {
  padding: 12px 0 12px 65px;
  font-size: 16px;
  color: #333;
  border-color: #ccc;
  border-left: none;
}

.pa-f14 {
  font-size: 14px;
}

.pa-tab-table tbody .pa-center {
  text-align: center;
  padding-left: 0px;
}

.pa-tab-table td,.pa-tab-table th {
  border-right: 1px solid #ccc;
}

.pa-tab-table .br0 {
  border-right: 0;
}

.pa-tab-table tbody tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.pa-tab-table tbody tr:nth-child(2n+1) {
  background-color: #fff;
}

.pa-tab-table tfoot  td {
  height: 108px;
  border-color: #ccc;
  border-left: none;
  border-bottom: none;
}

.pa-tab-btn01,.pa-tab-btn02 {
  padding-left: 68px;
}

.pa-tab-btn01 a,.pa-tab-btn02 a {
  display: block;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  width: 184px;
  height: 44px;
  line-height: 44px;
}

.pa-tab-btn01 a {
  border: 1px solid #999;
  color: #333;
}

.pa-tab-btn02 a {
  background: #1b86ca;
  color: #fff;
}

.pa-tab-btn02 a:hover {
  opacity: 0.8;
}

/*企业版*/
.app-company {
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 0px 5px #f7f7f7;
  width: 954px;
  margin: 0 auto;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 56px;
  color: #333;
  margin-bottom: 106px;
}

.app-company h3 {
  font-size: 36px;
  color: #333;
  margin-bottom: 20px;
}

.app-company p {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}

.app-company-con {
  margin-top: 80px;
  margin-bottom: 86px;
  padding-left: 120px;
}

.app-company-con li {
  width: 246px;
  text-align: center;
  height: 14px;
  padding-top: 100px;
  font-size: 16px;
}

.app-company-btn {
  display: block;
  color: #fff;
  background: #1b86ca;
  height: 44px;
  line-height: 44px;
  width: 270px;
  text-align: center;
  border-radius: 4px;
  margin: 0 auto;
}

.app-company-btn:hover {
  opacity: 0.8;
}

.app-company-bg01 {
  background: url(../images/company02.png) 0 0 no-repeat;
}

.app-company-bg02 {
  background: url(../images/company02.png) 0 -114px no-repeat;
}

.app-company-bg03 {
  background: url(../images/company02.png) 0 -228px no-repeat;
}


/***Server***/
.server-banner {
  width: 100%;
  height: 596px;
  background: url(../images/server-banner.jpg) center no-repeat;
}

.server-try-btn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #ec6a37;
  margin-left: 42px;
}

.server-try-btn:hover {
  background: #f78254;
}

.server-outline {
  width: 874px;
  margin: 0 auto;
  text-align: center;
  padding: 90px 0px;
}

.server-outline img {
  margin-bottom: 20px;
}

.server-outline p {
  font-size: 20px;
  color: #333;
  line-height: 30px;
}

.server-stand {
  background: #efefef;
  width: 100%;
  padding: 80px 0 100px 0;
}

.server-stand h3 {
  text-align: center;
  font-size: 40px;
  color: #333;
  margin-bottom: 56px;
}

.server-stand-l {
  padding-top: 90px;
}

.server-stand-r {
  padding-right: 5px;
  color: #333;
  width: 482px;
}

.server-stand-r li {
  margin-bottom: 10px;
}

.server-stand-r h4 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

.server-stand-r p {
  font-size: 16px;
  line-height: 28px;
}

.server-function {
  background: #ee7c59;
  color: #fff;
}

.server-function .ptab-nav li {
  margin-right: 3px;
}

.server-function .ptab-con {
  box-shadow: 0 3px 3px #c56649;
}

.sertab-bg01 {
  background: url(../images/tab2.png) 0 5px no-repeat;
}

.sertab-bg01-current {
  background: url(../images/tab2.png) 0 -160px no-repeat;
}

.sertab-bg02 {
  background: url(../images/tab2.png) 0 -310px no-repeat;
}

.sertab-bg02-current {
  background: url(../images/tab2.png) 0 -480px no-repeat;
}

.sertab-bg03 {
  background: url(../images/tab2.png) 0 -630px no-repeat;
}

.sertab-bg03-current {
  background: url(../images/tab2.png) 0 -800px no-repeat;
}

.sertab-bg04 {
  background: url(../images/tab2.png) 0 -950px no-repeat;
}

.sertab-bg04-current {
  background: url(../images/tab2.png) 0 -1120px no-repeat;
}

.sertab-bg05 {
  background: url(../images/tab2.png) 0 -1270px no-repeat;
}

.sertab-bg05-current {
  background: url(../images/tab2.png) 0 -1440px no-repeat;
}

.sertab-bg06 {
  background: url(../images/tab2.png) 0 -1590px no-repeat;
}

.sertab-bg06-current {
  background: url(../images/tab2.png) 0 -1760px no-repeat;
}

.server-assess {
  background: #ef7b55;
}

.server-price-btn01 {
  background: #ec6a37;
}

.server-price-btn01:hover {
  background: #fc7844;
}

.server-price-btn02:hover {
  border: 1px solid #ec6a37;
  color: #ec6a37;
}

.server-price-r tfoot .table-r,.server-price-r th,.orange-24 {
  color: #ec6a37;
}

.server-feature-con h4 {
  background: url(../images/price.png) 0 -134px no-repeat;
}

.net-section01 {
  padding: 100px 0 70px 0;
}

.net-section01 h3 {
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #333;
}

.net-section01-con {
  position: relative;
  height: 486px;
  margin-top: 90px;
  background: url(../images/net-map.png) center no-repeat;
  margin: 90px -30px 0 -30px;
}

.net-section01-con li {
  position: absolute;
  width: 160px;
  text-align: center;
  padding-top: 20px;
  height: 80px;
  background: url(../images/map-bg.png) center no-repeat;
}

.net-section01-con li h4 {
  color: #6d9e3b;
  font-size: 24px;
}

.net-section01-con li p {
  font-size: 16px;
  color: #333;
}

.nsc-01 {
  top: 80px;
  left: 50px;
}

.nsc-02 {
  top: 22px;
  left: 418px;
}

.nsc-03 {
  top: 72px;
  right: 138px;
}

.nsc-04 {
  top: 260px;
  left: 208px;
}

.nsc-05 {
  top: 178px;
  right: 404px;
}

.nsc-06 {
  bottom: 60px;
  right: 42px;
}

.net-assess {
  background: #95bd6d;
}

.net-price-r tfoot .table-r,.net-price-r th,.green-24 {
  color: #95bd6d;
}

.net-price-btn01 {
  background: #95bd6d;
}

.net-price-btn01:hover {
  background: #b1e083;
}

.net-price-btn02:hover {
  border: 1px solid #95bd6d;
  color: #95bd6d;
}

.net-feature-con h4 {
  background: url(../images/price.png) 0 -106px no-repeat;
}

.net-function {
  background: #88b967;
  color: #fff;
}

.net-function .ptab-nav li {
  margin-right: 3px;
}

.net-function .ptab-con {
  box-shadow: 0 3px 3px #759c5a;
}

.net-banner {
  width: 100%;
  height: 666px;
  background: url(../images/net-banner.jpg) center no-repeat;
}

.netab-bg01 {
  background: url(../images/tab3.png) 0 5px no-repeat;
}

.netab-bg01-current {
  background: url(../images/tab3.png) 0 -160px no-repeat;
}

.netab-bg02 {
  background: url(../images/tab3.png) 0 -310px no-repeat;
}

.netab-bg02-current {
  background: url(../images/tab3.png) 0 -480px no-repeat;
}

.netab-bg03 {
  background: url(../images/tab3.png) 0 -630px no-repeat;
}

.netab-bg03-current {
  background: url(../images/tab3.png) 0 -800px no-repeat;
}

.netab-bg04 {
  background: url(../images/tab3.png) 0 -950px no-repeat;
}

.netab-bg04-current {
  background: url(../images/tab3.png) 0 -1120px no-repeat;
}

.netab-bg05 {
  background: url(../images/tab3.png) 0 -1270px no-repeat;
}

.netab-bg05-current {
  background: url(../images/tab3.png) 0 -1440px no-repeat;
}

.netab-bg06 {
  background: url(../images/tab3.png) 0 -1590px no-repeat;
}

.netab-bg06-current {
  background: url(../images/tab3.png) 0 -1760px no-repeat;
}

.net-banner .server-try-btn {
  background: #9bbd6b;
}

.net-banner .server-try-btn:hover {
  background: #b9e181;
}

.net-monitor {
  position: relative;
  height: 48px;
  line-height: 48px;
  width: 638px;
  margin: 40px auto 100px auto;
  box-shadow: 0 2px 6px #575757;
}

.net-monitor-l {
  width: 52px;
  padding-left: 20px;
  padding-right: 12px;
  background: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #b4b1ab;
}

.nml-text {
  width: 40px;
  color: #333;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
}

.nml-arrow {
  width: 10px;
  height: 48px;
  background: url(../images/arrow.png) no-repeat;
}

.net-monitor-shade {
  width: 446px;
  height: 48px;
  background: #fff;
  opacity: 0.8;
  margin-left: 85px;
}

.net-monitor-m {
  width: 426px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  line-height: 48px;
  height: 48px;
}

.net-monitor-con {
  position: absolute;
  left: 0;
  top: 0;
}

.net-monitor-r {
  width: 104px;
  text-align: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #8faa68;
  color: #fff;
  font-size: 16px;
}

.brow-feature-con h4 {
  background: url(../images/price.png) 0 -162px no-repeat;
}

.brow-price {
  background: #f0607d;
  color: #fff;
}

.brow-price h3,.brow-price p {
  color: #fff;
}

.brow-price-btn01 {
  background: #fff;
  color: #e43555;
}

.brow-price-btn01:hover {
  background: #f3f3f3;
}

.brow-price-btn02 {
  border: 1px solid #fcdfe5;
  color: #fff;
}

.brow-price-btn02:hover {
  border: 1px solid #fff;
  color: #fff;
}

.brow-price .app-price-r {
  box-shadow: 0 0px 5px #e05a76;
}

.brow-price-r tfoot .table-r, .brow-price-r th, .red-24 {
  color: #e8425e;
}

.browtab-bg01 {
  background: url(../images/tab4.png) 0 5px no-repeat;
}

.browtab-bg01-current {
  background: url(../images/tab4.png) 0 -160px no-repeat;
}

.browtab-bg02 {
  background: url(../images/tab4.png) 0 -310px no-repeat;
}

.browtab-bg02-current {
  background: url(../images/tab4.png) 0 -480px no-repeat;
}

.browtab-bg03 {
  background: url(../images/tab4.png) 0 -630px no-repeat;
}

.browtab-bg03-current {
  background: url(../images/tab4.png) 0 -800px no-repeat;
}

.browtab-bg04 {
  background: url(../images/tab4.png) 0 -950px no-repeat;
}

.browtab-bg04-current {
  background: url(../images/tab4.png) 0 -1120px no-repeat;
}

.browtab-bg05 {
  background: url(../images/tab4.png) 0 -1270px no-repeat;
}

.browtab-bg05-current {
  background: url(../images/tab4.png) 0 -1440px no-repeat;
}

.browtab-bg06 {
  background: url(../images/tab4.png) 0 -1590px no-repeat;
}

.browtab-bg06-current {
  background: url(../images/tab4.png) 0 -1760px no-repeat;
}

.brow-banner {
  width: 100%;
  height: 596px;
  background: url(../images/brow-banner.jpg) center no-repeat;
}

.brow-banner .app-banner-btn {
  margin-top: 114px;
}

.brow-banner .server-try-btn {
  background: #e8425e;
}

.brow-banner .server-try-btn:hover {
  background: #ff5c78;
}

.brow-section01 {
  padding-top: 136px;
  padding-bottom: 36px;
}

.brow-section01-l {
  padding-top: 40px;
}

.brow-section01-l h3 {
  font-size: 40px;
  color: #333;
}

.m50 {
  margin-bottom: 50px;
}

.brow-section01-l p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
}

.brow-section01-r {
  margin-left: 56px;
  margin-right: -205px;
}

.brow-function {
  background: #f05d7a;
  color: #fff;
}

.brow-function .ptab-nav li {
  margin-right: 3px;
}

.brow-function .ptab-con {
  box-shadow: 0 3px 3px #c74e66;
}

.sys-section01 {
  padding-top: 164px;
  padding-bottom: 50px;
}

.sys-section02 {
  width: 100%;
  background: #007cc6;
  color: #fff;
  padding-top: 96px;
  padding-bottom: 90px;
}

.sys-section02 h3 {
  width: 100%;
  text-align: center;
  font-size: 40px;
  margin-bottom: 82px;
}

.sys-section02-con {
  padding-left: 80px;
}

.sys-section02-con li {
  float: left;
  width: 180px;
  text-align: center;
  font-size: 20px;
  height: 20px;
  padding-top: 124px;
}

.sys-list01 {
  background: url(../images/sys-list.png) 0 0 no-repeat;
  margin-right: 150px;
  margin-bottom: 90px;
}

.sys-list02 {
  background: url(../images/sys-list.png) 0 -144px no-repeat;
  margin-right: 150px;
  margin-bottom: 90px;
}

.sys-list03 {
  background: url(../images/sys-list.png) 0 -288px no-repeat;
  margin-bottom: 90px;
}

.sys-list04 {
  background: url(../images/sys-list.png) 0 -432px no-repeat;
  margin-right: 150px;
}

.sys-list05 {
  background: url(../images/sys-list.png) 0 -576px no-repeat;
  margin-right: 150px;
}

.sys-list06 {
  background: url(../images/sys-list.png) 0 -720px no-repeat;
}

.sys-section03 {
  padding-top: 100px;
  padding-bottom: 112px;
  background: #efefef;
}

.sys-section03 h3 {
  text-align: center;
  width: 100%;
  font-size: 40px;
  color: #333;
  margin-bottom: 44px;
}

.sys-section03-con {
  padding-left: 18px;
}

.sys-section03-con >li {
  float: left;
  border-radius: 2px;
  width: 277px;
  height: 276px;
  border: 1px solid #dedede;
  background: #fff;
}

.sys-feature-con h4 {
  background: url(../images/price.png) 0 -190px no-repeat;
}

.ssc01,.ssc02 {
  margin-right: 50px;
}

.sys-section03-con >li h4 {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #333;
  padding-top: 46px;
}

.ssc01 h4 {
  margin-bottom: 40px;
}

.ssc02 h4 {
  margin-bottom: 28px;
}

.ssc03 h4 {
  margin-bottom: 44px;
}

.sys-section03-con >li ul {
  padding-left: 74px;
}

.sys-section03-con >li li {
  background: url(../images/price.png) 0 -197px no-repeat;
  height: 20px;
  padding-left: 25px;
  margin-bottom: 5px;
  font-size: 16px;
}

 /*友情链接*/
.links-warp {
  background: #f6f8fa;
}

.ty-links {
  padding-top: 80px;
  font-size: 16px;
  color: #333;
}

.ty-links-con {
  width: 100%;
  box-shadow: 0 0px 5px #ccc;
  border-radius: 4px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 55px;
}

.ty-links-con h3 {
  background: #1b86ca;
  height: 72px;
  line-height: 72px;
  width: 100%;
  text-align: center;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ty-links-wrap {
  padding: 0 15px;
}

.ty-links-text {
  font-size: 14px;
  padding-left: 10px;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px dotted #d3d3d3;
}

.ty-links-text a {
  display: inline-block;
  width: 153px;
  text-align: left;
  background:#fff;
}

.ty-links-text a:hover {
  color: #1b86ca;
}

.ty-links-no {
  border: none;
}

.ty-links-detail {
  padding-top: 58px;
  background: url(../images/links.png) no-repeat;
  padding-bottom: 82px;
}

.ty-links-detail .m36 {
  margin-bottom: 36px;
}

.ty-links-detail .m30 {
  margin-bottom: 30px;
}

.ty-links-detail .p50 {
  padding-left: 50px;
}

.ty-links-detail .p78 {
  padding-left: 78px;
  font-size: 14px;
}

.links-input {
  display: inline-block;
  background: #fff;
  font-size: 14px;
  border: 1px solid #ccc;
  width: 348px;
  text-align: center;
  height: 28px;
  line-height: 28px;
}
 /*浮动框*/
.prodFloatDiv {
  background: #000 none repeat scroll 0 0;
  /* border-bottom: 1px solid #ececec; */
  display: none;
  height: 60px;
  left: 0;
  opacity: 0.95;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.prodFloatCon {
  display: none;
  height: 60px;
  left: 50%;
  margin-left: -500px;
  position: fixed;
  top: 0;
  z-index: 1001;
}

.prodFloatCon .leftDiv {
  color: #666666;
  font-size: 24px;
  height: 60px;
  left: 15px;
  line-height: 60px;
  position: absolute;
  top: 0;
}

.prodFloatCon span {
  font-size: 18px;
  margin-left: 30px;
}

.prodFloatCon .rightDiv {
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 330px;
}

.prodFloatBtn01:link, .prodFloatBtn01:visited {
  color: #999999;
}

.prodFloatBtn02 {
  background: #fbc834 none repeat scroll 0 0;
  border: 1px solid #fbc017;
  color: #ffffff;
}

.prodFloatBtn {
  border-radius: 5px;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  margin-right: 35px;
  text-align: center;
  text-decoration: none;
  width: 118px;
}

.tycon_lay05_div {
  width: 980px;
  height: 60px;
  overflow: hidden;
  margin: 50px auto 35px;
}

.tycon_lay05_ul1,.tycon_lay05_ul1 li,.tycon_lay05_ul11,.tycon_lay05_ul12 {
  width: 1100px;
  height: 60px;
}

.tycon_lay05_ul11 li {
  width: 148px;
  height: 58px;
  border: 1px solid #cccccc;
  float: left;
  margin-right: 16px;
  background: url(../images/ul_logo1.jpg) no-repeat 13px center;
}

.tycon_otheruser1 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left 0;
}

.tycon_otheruser2 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -70px;
}

.tycon_otheruser3 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -140px;
}

.tycon_otheruser4 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -210px;
}

.tycon_otheruser5 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -280px;
}

.tycon_otheruser6 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -350px;
}

.tycon_otheruser7 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -420px;
}

.tycon_otheruser8 {
  background: url(../images/clogo_bigbj.jpg) no-repeat left -490px;
}

.zhezhao0203 {
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000000;
  position: fixed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
  top: 0;
  left: 0;
}

.tc_close0203 {
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 2px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #ffffff;
  z-index: 100002;
}

.net-assess .ty-user-m img {
  border-color: #cde0ba;
}

.server-assess .ty-user-m img {
  border-color: #f7bdaa;
}



/*150923 关于我们*/
.aUBannerBox {
  height: 300px;
  background: #00a0e9;
}

.aUBannerBox .aUBanner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.aUBannerBox img {
  position: absolute;
  top: 0;
  left: 25px;
}

.aUP {
  line-height: 28px;
  text-indent: 2em;
  color: #666666;
  font-size: 16px;
  padding-bottom: 15px;
}

.aUP .wordBlue {
  font-size: 30px;
}

.aUImgDiv {
  padding: 15px 0 45px;
}

.aUUl01 {
  width: 100%;
  margin-bottom: 30px;
}

.aUUl01 li {
  width: auto;
  padding-left: 39px;
  line-height: 28px;
  font-size: 16px;
  color: #666666;
}

.aUUl02 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.aUUl02 li {
  width: 333px;
  padding: 35px 0;
  float: left;
}

.aUUl02 .iconImg {
  margin-bottom: 25px;
  height: 86px;
  width: 90px;
  margin: 0 auto;
  background: url(../images/aboutus_ul02bg.png) no-repeat;
}

.aUUl02 p {
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  margin-top: 25px;
}

.aUUl02 .iconImg01 {
  background-position: top center;
}

.aUUl02 .iconImg02 {
  background-position: center -88px;
}

.aUUl02 .iconImg03 {
  background-position: center -175px;
}

.aUUl02 .iconImg04 {
  background-position: center -262px;
}

.aUUl02 .iconImg05 {
  background-position: center -348px;
}

.aUUl02 .iconImg06 {
  background-position: center -438px;
}

.aUUlBox {
  width: 920px;
  height: 215px;
  padding: 20px 0 40px;
  margin: 0 auto;
  position: relative;
}

.aUUlBox>div {
  width: 100%;
  height: 215px;
  overflow: hidden;
  position: relative;
}

.aUUl03 {
  width: 1000px;
  height: 215px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.aUUl03 li {
  width: 206px;
  height: 210px;
  border: 2px solid #cccccc;
  float: left;
  margin-right: 26px;
  position: relative;
}

.aUUl03 li img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}

.aUUl03 li .imgMt {
  margin-top: 31px;
}

.aUUl03 li div {
  height: 42px;
  width: 206px;
  background: #666666;
  opacity: 0.52;
  filter: alpha(opacity=52);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.aUUl03 li p {
  width: 186px;
  height: 32px;
  line-height: 16px;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  color: #ffffff;
}

.aUUl03 li .p2 {
  line-height: 32px;
  text-align: center;
}

.aUUlBox .leftArrow,.aUUlBox .rightArrow {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 105px;
  cursor: pointer;
  background: url(../images/joinus_icon_150616.png) no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.aUUlBox .leftArrow {
  background-position: 2px -150px;
  left: -30px;
}

.aUUlBox .rightArrow {
  background-position: 17px -188px;
  right: -30px;
}

.aUUl04 {
  padding: 30px 0 0 20px;
  width: 980px;
  height: 240px;
  overflow: hidden;
}

.aUUl04 li {
  width: 180px;
  padding: 0 30px;
  float: left;
  heght: 240px;
}

.aUUl04 .liCon {
  width: 180px;
}

.aUUl04 .firstDiv {
  cursor: pointer;
}

.aUUl04 .iconImg2 {
  width: 98px;
  height: 98px;
  margin: 0 auto;
  background: url(../images/aboutus_ul04bg.png) no-repeat left -100px;
}

.aUWordDiv {
  line-height: 24px;
  text-align: center;
  margin-top: 15px;
}

.aUUl04 .iconImg2 div {
  width: 98px;
  height: 98px;
  background: url(../images/aboutus_ul04bg.png) no-repeat;
}

.aUUl04 .liCon .iconImg21 {
  background-position: left -276px;
}

.aUUl04 .liCon .iconImg22 {
  background-position: left -432px;
}

.aUUl04 .liCon .iconImg23 {
  background-position: left -583px;
}

.aUUl04 .liCon .iconImg24 {
  background-position: left -727px;
}

.aUUl04 .liCon:hover .iconImg2 {
  background: url(../images/aboutus_ul04bg.png) no-repeat left top;
}

.aUUl04 .aUWordDiv {
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  color: #666666;
}

.aUUl04 .liCon:hover .aUWordDiv {
  color: #ff8222;
}

/*应用性能管理解决方案*/
.clear:after {
  visibility: hidden;
  clear: both;
  display: block;
  height: 0px;
  content: " ";
}

.clear {
  *zoom: 1;
}

.planBanner {
  width: 100%;
  height: 450px;
  background: #00a0e9;
}

.content {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.planBanner .content {
  width: 1000px;
  height: 450px;
}

.contentBox {
  width: 100%;
}

.content.clear {
  padding: 80px 0;
}

.content.clear img {
  display: block;
}

.divLeft {
  width: 505px;
  padding-left: 15px;
}

.divRight {
  width: 435px;
}

.planTit01 {
  color: #000000;
  font-size: 26px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 20px;
}

.planP {
  margin-bottom: 20px;
  line-height: 26px;
  font-size: 14px;
}

.planP a {
  color: #01a0e9;
  cursor: pointer;
}

.planP a:link,.planP a:visited {
  color: #01a0e9;
}

.planP a:hover {
  color: #01a0e9;
  text-decoration: underline;
}

.planBtn {
  width: 150px;
  height: 38px;
  display: block;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
  background: #00a0e9;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
}

.planBtn:link,.planBtn:visited {
  color: #ffffff;
}

.planBtn:hover {
  background: #1b86ca;
  text-decoration: none;
  color: #ffffff;
}

.planBtn:actived {
  color: #ffffff;
}

.contentBox.planCon {
  padding: 10px 0;
  background: #f6f6f6;
}

.contentNetwork.clear {
  padding: 65px 0 0 0;
  height: 445px;
}

.contentNetwork .divLeft {
  padding: 0;
}

.contentNetwork .divRight {
  padding-top: 20px;
}

.content .divRight p,.content .divLeft p {
  width: 435px;
}

.planTit02 {
  height: 100px;
  line-height: 100px;
  padding-left: 15px;
  width: auto;
  font-size: 26px;
  position: relative;
}

.planTit02 span {
  width: 6px;
  height: 26px;
  display: block;
  background: #00a0e9;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}

.planUl01 li {
  width: 220px;
  height: 235px;
  margin-left: 40px;
  float: left;
}

.planUl01 li.noLeftMargin,.planUl03 li.noLeftMargin {
  margin-left: 0;
}

.planUl01 .planImg {
  width: 220px;
  height: 145px;
  position: relative;
}

.planImg div {
  width: auto;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  color: #000000;
  z-index: 20;
}

.planImg .divBg {
  padding: 0;
  width: 100%;
  background: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 10;
}
/* .planUl01 li p{line-height:20px;font-size:14px;color:#000000;overflow:hidden;position:relative;} */
.planUl01 .divP {
  padding-top: 10px;
  height: 40px;
}

.planUl01 li p {
  line-height: 20px;
  font-size: 14px;
}

.planUl01 p span {
  width: 35px;
  height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/plan_icon02.png) no-repeat left -81px;
  z-index: 20;
}

.planPosDiv {
  border-bottom: 13px solid #00a0e9;
  height: 180px;
  position: relative;
  margin-bottom: 80px;
}

.planPosDiv .bottDiv {
  padding-left: 20px;
  width: 980px;
  height: 15px;
  background: url(../images/plan_icon01.png) no-repeat left -141px #3489cc;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.planPosDiv .bottDiv span {
  width: 20px;
  height: 15px;
  display: block;
  background: url(../images/plan_icon01.png) no-repeat left -158px;
  position: absolute;
  top: 0;
  right: 0;
}

.planUl02 {
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: 20;
  width: 1000px;
  height: 170px;
}

.planUl02 li {
  margin-left: 27px;
  width: 290px;
  height: 170px;
  overflow: hidden;
  float: left;
}

.planUl02 .float_l {
  width: 134px;
  height: 167px;
  border: 1px solid #3489cc;
}

.planUl02 .float_l a {
  cursor: pointer;
}

.planUl02 .float_r {
  width: 140px;
  height: 167px;
}

.planTit03 {
  padding-top: 5px;
  height: 85px;
}

.planBtn02 {
  text-decoration: none;
  display: block;
  margin: 40px 0 0 5px;
  width: 75px;
  height: 34px;
  padding-left: 38px;
  line-height: 34px;
  background: url(../images/plan_icon02.png) no-repeat left -34px;
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
  position: relative;
}

.planBtn02:link,.planBtn02:visited {
  color: #ffffff;
}

.planBtn02 span {
  width: 106px;
  height: 8px;
  display: block;
  background: url(../images/plan_icon02.png) no-repeat left -72px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -53px;
  z-index: 30;
}

.planBtn02:hover {
  text-decoration: none;
  color: #ffffff;
  background: url(../images/plan_icon02.png) no-repeat left top;
}

.planBtn02:actived {
  color: #ffffff;
}

.planUl03 {
  width: 1000px;
  overflow: hidden;
  padding-bottom: 15px;
}

.planUl03 li {
  width: 202px;
  height: 290px;
  float: left;
  margin-left: 62px;
}

.divLogo {
  width: 200px;
  height: 198px;
  border: 1px solid #cccccc;
  background: url(../images/plan_eg_icon03.jpg) no-repeat;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.divLogo .downloadBg {
  width: 202px;
  height: 200px;
  background: #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.divLogo .download {
  padding-top: 125px;
  width: 203px;
  height: 75px;
  display: block;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  font-size: 16px;
  background: url(../images/plan_download_icon.png) no-repeat 85px 90px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  display: none;
}

.divLogo .download:link,.divLogo .download:visited {
  color: #ffffff;
}

.divLogo .download:hover {
  text-decoration: none;
  color: #ffffff;
}

.divLogo:hover .download,.divLogo:hover .downloadBg {
  display: block;
}

.divLogo01 {
  background-position: left top;
}

.divLogo02 {
  background-position: -203px top;
}

.divLogo03 {
  background-position: -406px top;
}

.divLogo04 {
  background-position: -609px top;
}

.divLogo05 {
  background-position: left -200px;
}

.divLogo06 {
  background-position: -203px -200px;
}

.divLogo07 {
  background-position: -406px -200px;
}

.divLogo08 {
  background-position: -609px -200px;
}

.divLogo09 {
  background-position: left -400px;
}

.divLogo10 {
  background-position: -203px -400px;
}

.divLogo11 {
  background-position: -406px -400px;
}

.planTit03 a {
  line-height: 24px;
  font-size: 14px;
  cursor: pointer;
}

.planTit03 a:link,.planTit03 a:visited {
  color: #333333;
}

.planTit03 a:hover {
  color: #1b86ca;
}

.planTit03 a:active {
  color: #333333;
}

.planTit03 .a2 {
  color: #666666;
}

.planTit03 .a2:link,.planTit03 .a2:visited {
  color: #666666;
}

.planTit03 .a2:hover {
  color: #1b86ca;
}

.planTit03 .a2:active {
  color: #666666;
}

.caseLogo {
  padding-bottom: 85px;
}

.caseBanner {
  width: 100%;
  height: 450px;
  background: url(../images/case_banner.jpg) no-repeat top center;
  margin-bottom: 35px;
}

.content .divRight img,.content .divLeft img {
  display: block;
}
/*apmplan*/ 
.blackBg>.contentDiv.clear {
  height: auto;
}

.prodFloatCon .app-nav .shade {
  opacity: 2.1;
}



/*150916 产品页添加定位导航及右下角浮窗*/
.prodFloatUl {
  width: 42px;
  min-height: 150px;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1000;
}

.prodFloatUl li {
  width: 42px;
  height: 42px;
  margin-bottom: 3px;
  position: relative;
}

.prodFloatUl li>div {
  background: #0085e0;
}

.prodFloatUl .icon {
  width: 42px;
  height: 42px;
  background: url("../images/topfed_c531aae6.png") no-repeat scroll -34px 5px #0085e0;
  cursor: pointer;
}

.prodFloatUl .icon01 {
  background-position: center 8px;
}
/* .prodFloatUl .icon02{background-position:center -24px;}
.prodFloatUl .icon03{background-position:center -60px;}
.prodFloatUl .icon04{background-position:center -95px;} */
.prodFloatUl .div02 {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  left: -20px;
  display: none;
  font-size: 12px;
  color: #ffffff;
}

.prodFloatUl .div02 span {
  font-family: Arial;
  font-size: 14px;
}

.prodFloatLi01 .div02,.prodFloatLi01 .icon01:hover {
  width: 30px;
  height: 28px;
  line-height: 14px;
  text-align: center;
  padding: 7px 6px;
  background: #0085e0;
  cursor: pointer;
  color: #ffffff;
}

.prodFloatLi02 .div02 {
  min-width: 85px;
  height: 36px;
  line-height: 18px;
  padding: 3px 10px;
  text-align: right;
}

.prodFloatLi03 .div02 {
  width: 112px;
  height: 112px;
  padding: 19px;
  background: url(../images/prod_float_wx.png) no-repeat top left;
}

.prodFloatLi04 .div02 {
  height: 42px;
  line-height: 42px;
  width: 105px;
  font-size: 14px;
  text-align: center;
}
/*20160322 修改产品也立即咨询效果*/
.prodFloatLi011 {
  background: url(../images/prod_floatli_icon.png) no-repeat center 8px #0085e0;
}

.prodFloatLi011 a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 30px;
  height: 28px;
  line-height: 14px;
  text-align: center;
  padding: 7px 6px;
  background: #0085e0;
  color: #ffffff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.prodFloatLi011 a:link,.prodFloatLi011 a:visited {
  text-decoration: none;
}

.prodFloatLi011 a:hover {
  text-decoration: none;
}

.prodFloatLi011 a:active {
  text-decoration: none;
}

.product_zz {
  width: 100%;
  height: 100%;
  background: #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none
}

.product_tc {
  width: 520px;
  padding-bottom: 20px;
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 10001;
  border-radius: 10px;
  background: #ffffff;
  display: none
}

.product_tc .product_closebut {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
}

.product_tc_con {
  width: 470px;
  margin: 0 auto;
}

.product_closebut2 {
  width: 470px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
  background: url(../images/product_butbj1.png) no-repeat left -132px;
  margin: 0 auto;
}

.product_closebut2:hover {
  background: url(../images/product_butbj1.png) no-repeat left -198px;
}

.product_tc p {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  padding-left: 15px;
  background: #3a3a3a;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  margin-bottom: 10px;
}
/*150409 小微版弹窗*/
.product_tc3 {
  height: 220px;
  margin: -120px 0 0 -260px;
  display: none;
}

.product_tc3 .product_p {
  padding: 30px 0 35px 35px;
/* text-align:left */
  width: 450px;
  line-height: 30px;
  color: #999999;
  font-size: 14px;
}

.product_tc3 .product_p span {
  color: #333333;
  font-size: 16px;
}

.product_tc3 .product_closebut2 {
  width: 150px;
  height: 52px;
  font-size: 18px;
  line-height: 52px;
  background: url(../images/product_butbj1.png) no-repeat left -363px;
}

.product_tc3 .product_closebut2:hover {
  background: url(../images/product_butbj1.png) no-repeat -157px -363px;
}


/*160510 首页gif*/ 
.ty-gif01 {
  width: 282px;
  height: 374px;
  padding: 60px 180px 116px 41px;
  background: url(../images/ty-gif-pad.png) no-repeat;
}

.ty-gif01 img {
  max-width: 100%;
}

.ty-gif01-con {
  width: 282px;
  height: 374px;
  overflow: hidden;
  position: relative;
}

.ty-gif01-spot {
  width: 24px;
  height: 24px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  right: 55px;
  top: 180px;
  z-index: 10;
}

.ty-gif01-spot02 {
  top: 150px;
  right: 95px;
}

.ty-gif01-spot03 {
  width: 72px;
  height: 72px;
  top: 125px;
  right: 70px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.ty-gif01-img02 {
  width: 100%;
  height: 374px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ty-gif01-alarm-box {
  width: 100%;
  height: 374px;
  background: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ty-gif01-alarm {
  width: 100%;
  height: 374px;
  padding: 120px 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ty-gif01-alarm-img {
  display: block;
  margin: 0 auto;
}

.alarm-text {
  text-align: center;
  width: 100%;
  height: 66px;
  line-height: 66px;
  font-size: 24px;
  color: #ffffff;
}

.ty-gif02 {
  width: 624px;
  height: 368px;
  padding: 9px 0;
}

.ty-gif02-con {
  width: 624px;
  height: 368px;
  background: url(../images/ty-gif-computer.png) no-repeat;
  position: relative;
}

.ty-gif02-img02 {
  width: 472px;
  height: 296px;
  position: absolute;
  top: 23px;
  left: 76px;
  z-index: 10;
  display: none;
}

.ty-gif02-end-bg {
  width: 472px;
  height: 296px;
  background: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 23px;
  left: 76px;
  z-index: 20;
  display: none;
}

.ty-gif02-end {
  width: 280px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: 120px;
  left: 176px;
  z-index: 30;
  display: none;
}

.ty-gif02-circle {
  width: 90px;
  height: 150px;
  text-align: center;
  font-size: 14px;
  font-family: Arial;
  float: left;
}

.ty-gif02-circle>div {
  height: 90px;
  line-height: 90px;
  overflow: hidden;
  color: #2f83ba;
  background: #ffffff;
  border-radius: 45px;
}

.ty-gif02-circle02 {
  margin-left: 99px;
}

.ty-gif02-circle span {
  font-size: 22px;
  color: #2f83ba;
}

.ty-gif02-span01,.ty-gif02-span02 {
  width: 10px;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 22px;
  color: #2f83ba;
  position: relative;
}

.ty-gif02-circle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 28px;
  line-height: 28px;
  display: none;
  font-style: normal;
  font-weight: bold;
}

.ty-gif02-circle .ty-gif02-s {
  font-size: 14px;
  position: relative;
  left: -3px;
}

.ty-gif02-span01 {
  left: 3px;
}

.ty-gif02-span02 {
  left: -6px;
}

.ty-gif02-circle i.current {
  display: block;
  background: #fff
}

.ty-gif02-end-p {
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
}
 

/*运动文字和图片*/
.ty-section02 {
  overflow: hidden;
}

.text {
  top: 55px;
  right: 55px;
  opacity: 0;
  height: 45px;
  width: 45px;
}

.ty-section01-left {
  padding-top: 60px;
}

.ty-section01-right {
  height: 400px;
/*overflow:hidden;*/
}

.ty-section01-right .ty-move-text,.ty-section03-r .ty-move-text {
  position: relative;
  top: 50px;
  opacity: 0;
}

.ty-section01-right .ty-move-text-end,.ty-section03-r .ty-move-text-end {
  top: 0;
  opacity: 1;
}

.ty-section02-conl .ty-move-text {
  position: relative;
  top: 0px;
  left: -30px;
  opacity: 0;
}

.ty-section02-conl .ty-move-text-end {
  left: 0;
  opacity: 1;
}

.ty-section02-img {
  position: relative;
  overflow: hidden;
}
/* .ty-section02-img01{position:absolute;left:1500px;top:168px;z-index:10;}
.ty-section02-img02{position:absolute;left:1500px;top:127px;z-index:20;box-shadow:0 0 20px 3px #d8dbdf;}
.ty-section02-img03{position:absolute;left:1500px;top:355px;z-index:30;box-shadow:0 0 20px 3px #d8dbdf;} */
/*.ty-section02-conl{overflow:hidden;} */
/* .ty-section02-img01-end{left:315px;}
.ty-section02-img02-end{left:130px;}
.ty-section02-img03-end{left:35px;}  */

.ty-section04 p,.ty-section04 h3 {
  position: relative;
  top: 45px;
  z-index: 100;
  opacity: 0;
}

.ty-section04 h3.text-end,.ty-section04 p.text-end {
  position: relative;
  top: 0;
  z-index: 100;
  opacity: 1;
}

/*云端性能可视化切换*/
.ty-section05-platform {
  width: 980px;
  margin: 0 auto;
}

.ty-section05-logo-box {
  width: 836px;
  height: 315px;
  margin-left: 15px;
  overflow: hidden;
  position: relative;
}

.ty-section05-logo-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 285px;
  padding-top: 30px;
}

.ty-section05-logo-con>li {
  width: 260px;
  height: 285px;
  float: left;
  margin-left: 18px;
}

.ty-section05-logo-con>li>div {
  height: 110px;
  background: #fff;
  padding-top: 30px;
}

.ty-section05-logo-con>li>div+div {
  margin-top: 16px;
}

.ty-section05-logo-con img {
  display: block;
  margin: 0 auto;
}
  
/*用户证言视频板块*/
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.mis-stage, .mis-slider {
  position: relative;
  overflow: hidden;
}

.mis-stage {
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}

.mis-nav-list {
  position: absolute;
  bottom: .5em;
  width: 100%;
  margin: 0 auto;
  z-index: 300;
  padding: 0;
}

.mis-nav-list li {
  display: inline-block;
  margin: 0 .25em;
}

.mis-nav-list li a {
  display: block;
  width: 11px;
  height: 11px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #eee;
  border-radius: 7px;
  opacity: .3;
  -webkit-box-shadow: inset 0 0 2px #333;
  box-shadow: inset 0 0 2px 2px #333;
  margin: 0 3px;
}

.mis-nav-list li.mis-current a, .mis-nav-list li a:hover {
  background: #333;
}

.mis-slider {
  list-style: none;
  overflow: visible;
  height: 100%;
  margin-top: 0;
}

.mis-slide {
  display: block;
  position: relative;
  float: left;
  overflow: visible !important;
  width: 360px;
  height: 360px;
  padding: 33px;
}

.mis-container {
  display: block;
  width: auto;
  height: auto;
  border: 0;
}

.mis-slider li img {
  max-width: 294px;
  width: 100%;
  border-radius: 147px;
  border: none;
}

.mis-nav-buttons {
  display: block;
  position: absolute;
  height: 0;
  top: 0;
  opacity: 0.5;
  z-index: 200;
}

.mis-nav-buttons a {
  position: absolute;
  color: #eee;
  font-size: 0;
  line-height: .01;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-indent: -9999px;
}

.mis-nav-buttons a:hover {
  color: #ccc;
}

.mis-nav-buttons a.mis-next {
  left: auto;
  right: 0;
}

.mis-nav-buttons a.mis-prev {
  left: 0;
}

.mis-nav-buttons a.mis-prev:before,.mis-nav-buttons a.mis-next:after {
  content: "\2039";
  display: block;
  font-size: 80px;
  text-indent: 0;
}

.mis-nav-buttons a.mis-next:after {
  content: "\203A";
}

/*logo展示*/
.ty-section-div {
  width: 980px;
  height: 140px;
  overflow: hidden;
  margin: 50px 0 35px;
  position: relative;
}

.ty-section-ul {
  position: absolute;
  top: 0;
  left: 0;
}

.ty-section-ul,.ty-section-ul>li {
  width: 1100px;
  height: 140px;
}

.ty-section-ul>li {
  margin: 0;
  float: none;
  border: 0;
  width: 980px;
  height: 140px;
  background: url(../images/ty-logo_bigbj.jpg) no-repeat;
}

.ty-section-ul .ty-section-otheruser1 {
  background-position: left 0;
}

.ty-section-ul .ty-section-otheruser2 {
  background-position: left -140px;
}

.ty-section-ul .ty-section-otheruser3 {
  background-position: left -280px;
} 

/*全景图*/
.ty-view-box {
  width: 970px;
  height: 575px;
  margin: 0 auto;
  position: absolute;
  background: url(../images/ty-view-bg.png) no-repeat 234px 66px;
}

.ty-view-browser {
  width: 246px;
  height: 177px;
  background: url(../images/ty-view-browser.png) no-repeat;
  position: absolute;
  top: 315px;
  left: 42px;
  z-index: 60;
  cursor: pointer;
}

.ty-view-app {
  width: 244px;
  height: 152px;
  background: url(../images/ty-view-app.png) no-repeat;
  position: absolute;
  top: 422px;
  left: 185px;
  z-index: 70;
}

.ty-view-network {
  width: 378px;
  height: 225px;
  background: url(../images/ty-view-network.png) no-repeat;
  position: absolute;
  top: 249px;
  left: 213px;
  z-index: 50;
  cursor: pointer;
}

.ty-view-server {
  width: 397px;
  height: 256px;
  background: url(../images/ty-view-server.png) no-repeat;
  position: absolute;
  top: 14px;
  left: 572px;
  z-index: 90;
  cursor: pointer;
}

.ty-view-web {
  width: 73px;
  height: 108px;
  position: absolute;
  top: 158px;
  left: 576px;
  z-index: 100;
}

.ty-view-browser-hover {
  background: url(../images/ty-view-browser-h.png) no-repeat;
}

.ty-view-app-hover {
  background: url(../images/ty-view-app-h.png) no-repeat;
}

.ty-view-server-hover {
  background: url(../images/ty-view-server-h.png) no-repeat;
}

.ty-view-network-hover {
  background: url(../images/ty-view-network-h.png) no-repeat;
}

.ty-view-cardbox {
  width: 970px;
  height: 575px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.ty-view-browsercard {
  width: 456px;
  height: 394px;
  position: absolute;
  top: 27px;
  left: 0;
  z-index: 15;
}

.ty-view-appcard {
  width: 397px;
  height: 504px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

.ty-view-networkcard {
  width: 490px;
  height: 185px;
  position: absolute;
  top: 430px;
  left: 481px;
  z-index: 15;
}

.ty-view-servercard {
  width: 243px;
  height: 324px;
  position: absolute;
  bottom: -10px;
  right: 110px;
  z-index: 15;
}

.ty-view-note {
  position: relative
}

.view-p02 {
  margin-top: 0;
  display: none;
}

.view-p02.current {
  display: block;
}

.ty-view-arrow {
  width: 13px;
  height: 9px;
  font-size: 0;
  position: absolute;
  z-index: 200;
}

.ty-view-arrow1 {
  top: 387px;
  left: 232px;
  background: url(../images/ty-view-achor.png) no-repeat;
  background-position: left 0px;
}

.ty-view-arrow2 {
  top: 461px;
  left: 358px;
  background: url(../images/ty-view-achor.png) no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  background-position: left 0px;
}

.ty-view-arrow3 {
  top: 366px;
  left: 383px;
  background: url(../images/ty-view-achor.png) no-repeat;
  background-position: left -20px;
}

.ty-view-arrow4 {
  top: 390px;
  left: 426px;
  background: url(../images/ty-view-achor.png) no-repeat;
  background-position: left -10px;
}

.ty-view-arrow5 {
  top: 329px;
  left: 444px;
  background: url(../images/ty-view-achor.png) no-repeat;
  background-position: left 0px;
}

.ty-view-arrow6 {
  top: 149px;
  left: 760px;
  background: url(../images/ty-view-achor.png) no-repeat;
  background-position: left 0px;
}

.ty-view-arrow7 {
  top: 144px;
  left: 768px;
  background: url(../images/ty-view-achor.png) no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  background-position: left -10px;
}

.ty-view-arrow8 {
  top: 144px;
  left: 770px;
  background: url(../images/ty-view-achor.png) no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  background-position: left 0px;
}

.ty-view-arrow9 {
  top: 146px;
  left: 772px;
  background: url(../images/ty-view-achor.png) no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  background-position: left -20px;
}

.ty-view-app-div {
  width: 244px;
  height: 100px;
  margin-top: 52px;
  cursor: pointer;
}

/*文字效果*/
.out {
  animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  -webkit-animation: scale-up 0.6s forwards;
}

.in {
  animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  -webkit-animation: scale-down 0.6s forwards;
}

.banner-p02 i {
  display: inline-block;
  opacity: 0;
  font-style: normal;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.is-visible i {
  opacity: 1
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0
  }

  60% {
    -webkit-transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1
  }
}

@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0
  }

  60% {
    -moz-transform: scale(1.2);
    opacity: 1
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1
  }
}

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1
  }

  60% {
    -webkit-transform: scale(0.5);
    opacity: 0
  }
}

@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1
  }

  60% {
    -moz-transform: scale(0.5);
    opacity: 0
  }
}

@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  60% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0
  }
}

.banner-p02 {
  position: relative;
}

.banner-p02 span {
  position: absolute;
  height: 40px;
  line-height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 210px;
}
 


/*用户视频*/
.ty-user-box {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.ty-user-lay01 {
  width: 700px;
  height: 294px;
  overflow: hidden;
  margin: 0 auto;
}

.ty-user-ul01 {
  width: 100%;
  height: 294px;
  position: relative;
}

.ty-user-ul01>li {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 82px;
}

.ty-user-ul01>li.li00 {
  left: -203px;
}

.ty-user-ul01>li.li01 {
  left: 0;
}

.ty-user-ul01>li.li02 {
  left: 203px;
}

.ty-user-ul01>li.li03 {
  left: 570px;
}

.ty-user-ul01>li.li04 {
  left: 773px;
}

.ty-user-ul01>li.li05 {
  left: 976px;
}

.ty-user-ul01>li.li06 {
  left: 1179px;
}

.ty-user-box img {
  max-width: 100%;
}

.ty-user-ul01 .li-current {
  width: 276px;
  height: 276px;
  cursor: pointer;
  top: 0;
}

.ty-user-ul01 .li-home-current {
  width: 294px;
  height: 294px;
  cursor: pointer;
  top: 0;
}

.ty-user-ul01 .ty-video-bg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.ty-user-ul01 .ty-video-icon {
  width: 45px;
  height: 45px;
  display: block;
  background: url(../images/user-wideo.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  display: none;
}

.ty-user-ul01 .li-current:hover .ty-video-bg,.ty-user-ul01 .li-current .ty-video-icon {
  display: block;
}

.ty-user-ul01 .li-home-current:hover .ty-video-bg,.ty-user-ul01 .li-home-current .ty-video-icon {
  display: block;
}

.video-prebtn,.video-nextbtn{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 130px;
  background: url(../images/bg03.png) no-repeat;
}

.video-prebtn {
  left: 0;
}

.video-nextbtn {
  right: 0;
}

/*.video-prebtn:hover,.video-nextbtn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}*/

.ty-user-ul02 {
  width: 100%;
  margin-top: 40px;
  height: 110px;
  overflow: hidden;
}

.ty-user-ul02 p {
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 16px;
}

.ty-user-ul02 .ty-user-time {
  font-size: 20px;
  margin-bottom: 20px;
}

.ty-user-ul02 .ty-user-name {
  font-size: 18px;
  margin-top: 15px;
  color: #1b86ca;
}

.ty-user-ul02 li {
  width: 100%;
  display: none;
}

.ty-user-ul02 .li-current {
  display: block;
}

.ty-user-ul02 .li-home-current {
  display: block;
}

.ty-section02-img {
  width: 950px;
  height: 600px;
  margin-right: -470px;
  position: relative;
  left: 1500px;
}

.ty-section02-img-end {
  left: 0;
}

.view-p02 a {
  color: #e5bd48;
  font-weight: bold;
}

.view-p02 a:link,.view-p02 a:visited {
  color: #e5bd48;
  text-decoration: none;
}

.view-p02 a:hover {
  color: #e5bd48;
  text-decoration: none;
}

.view-p02 a:active {
  color: #e5bd48;
  text-decoration: none;
}

.ty-section04-btn .solution-img,.ty-section04-btn .solution-text {
  position: relative;
  top: 45px;
  opacity: 0;
}

.ty-section04-btn .solution-img.img-end,.ty-section04-btn .solution-text-end {
  top: 0px;
  opacity: 1;
}

.banner-p02 span {
  display: none;
}

.zhezhao0203 {
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000000;
  position: fixed;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
  top: 0;
  left: 0;
}

.tanchuang0203 {
  z-index: 10001;
  width: 720px;
  position: absolute;
  margin-left: -360px;
  left: 50%;
  top: 50%;
  height: 480px;
  background: #ebebeb;
  display: none;
}

.tc_close0203 {
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 2px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: #ffffff;
  z-index: 100002;
}

/*20160521 导航栏位置修改*/
.nav02-view-box {
  width: 1000px;
}

.nav02-product {
  width: 915px;
}

.nav02-price {
  width: 860px;
}

.nav02-support {
  width: 860px;
}

.nav02-company {
  width: 705px;
}

.nav02-hidden {
  right: -1000px;
}

/*a背景色*/
.ty-section01-btn a,.ty-section01-btn a:visited {
  background: transparent;
}

.ty-user-more,.ty-user-more:visited {
  background: transparent;
}
/*app背景 */
.app-outline-conr a.currImage {
  color: #fff;
  background: url(../images/outline-bg-hover.png) no-repeat;
}

/*150908 客户案例增加*/ 
.divLogo16 {
  background: url(../images/plan_eg_icon04.jpg) no-repeat left 60px;
}

.divLogo12 {
  background: url(../images/plan_eg_icon04.jpg) no-repeat -182px 60px;
}

.divLogo13 {
  background: url(../images/plan_eg_icon04.jpg) no-repeat -365px 60px;
}

.divLogo14 {
  background: url(../images/plan_eg_icon04.jpg) no-repeat -540px 60px;
}

.divLogo15 {
  background: url(../images/plan_eg_icon04.jpg) no-repeat -719px 60px;
}
/*151104 添加五个客户案例并把e袋洗去掉*/
.divLogo21 {
  background: url(../images/plan_eg_icon041.png) no-repeat -200px top;
}

.divLogo22 {
  background: url(../images/plan_eg_icon041.png) no-repeat -399px top;
}

.divLogo23 {
  background: url(../images/plan_eg_icon041.png) no-repeat left -168px;
}

.divLogo24 {
  background: url(../images/plan_eg_icon041.png) no-repeat -598px top;
}

.divLogo25 {
  background: url(../images/plan_eg_icon041.png) no-repeat left top;
}

/**160524app**/

.app-outline-conl {
  padding: 53px 20px 0 17px;
  background: url(../images/pa01.png) no-repeat;
  position: relative;
}

.app-banner-text .h-m40 {
  margin-bottom: 40px;
}

.app-banner-text .h-m100 {
  margin-top: 120px;
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -117px;
}

.h-iframe {
  background: transparent;
  width: 638px;
  position: absolute;
  height: 400px;
  left: 50%;
  margin-left: -306px;
}

.h-iframe body {
  background: transparent;
}

.h-iframe .net-monitor-m {
  width: 426px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  line-height: 48px;
  height: 48px;
}

.ty-user-ul02 .h-white {
  color: #fff;
}

.sys-banner {
  width: 100%;
  height: 596px;
  background: url(../images/sys-banner.jpg) center no-repeat;
}

.sys-banner .app-banner-btn {
  margin-top: 114px;
}

.prodFloatLi012 {
  background: url(../images/prod_floatli_icon.png) no-repeat 8px -155px  #0085e0;
}

.prodFloatLi012 a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 30px;
  height: 28px;
  line-height: 14px;
  text-align: center;
  padding: 7px 6px;
  background: #0085e0;
  color: #ffffff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.prodFloatLi012 a:link,.prodFloatLi011 a:visited {
  text-decoration: none;
}

.prodFloatLi012 a:hover {
  text-decoration: none;
}

.prodFloatLi012 a:active {
  text-decoration: none;
} 

/* pdf样式 */
.ty-section08-name {
  color: #fff;
  font-size: 24px;
  margin-top: 45px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ty-section08-img {
  width: 824px;
  padding: 0 28px;
  height: 420px;
}
.up_note {
  position: absolute;
  top: 70px;
  left: 40px;
  width: 460px;
  line-height: 28px;
  color: #cfd9e7;
}

.down_note {
  position: absolute;
  top: 520px;
  left: 520px;
  width: 430px;
  line-height: 28px;
  color: #cfd9e7;
}
.ptab-btn:link {
  display: block;
  color: #13b2e2;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.ptab-btn:visited {
  display: block;
  color: #13b2e2;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.ptab-btn:hover {
  text-decoration: underline;
}

.ptab-btn:active {
  text-decoration: none;
}

/**160622新增全栈溯源**/
.ty-fullstack {
  width: 100%;
  background: url(../images/fs-bg.png?v=0.2) repeat-x;
  height: 719px;
}

.ty-fullstack-con {
  padding-top: 100px;
  text-align: center;
  color: #fff;
}

.fs-h4 {
  font-size: 40px;
  margin-bottom: 30px;
}

.fs-p {
  margin-bottom: 50px;
  font-size: 14px;
  opacity: 0.8;
}

.fs-p2 {
  margin-top: 36px;
}

.fs-p2 span {
  color: #f5c53a;
  font-weight: bold;
}


/**160629新增视频板块**/
.add-app-wrap {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 100px 0;
}

.add-app {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}

.add-app h4 {
  font-size: 40px;
  color: #333;
  margin-bottom: 58px;
}

.add-app-con {
  margin-top: 30px;
}

.add-app-con li {
  position: relative;
  margin-bottom: 18px;
}

.add-app-shade {
  height: 150px;
  width: 230px;
  position: absolute;
  background: #000;
  text-align: center;
  opacity: 0.2;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  z-index: 100;
  top: 0;
}

.add-app-shover {
  height: 150px;
  width: 230px;
  position: absolute;
  background: #000;
  text-align: center;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  z-index: 100;
  top: 0;
}

.add-app-video .add-app-btn {
  position: absolute;
  left: 90px;
  top: 45px;
  display: block;
  z-index: 1000;
}

.add-app-title {
  display: block;
  width: 216px;
  line-height: 20px;
  margin-top: 14px;
  height: 40px;
  padding-bottom: 20px;
  font-size: 14px;
  color: #666;
  text-align: left;
  padding-left: 12px;
}

.add-app-video li {
  float: left;
  width: 230px;
  background: #fff;
  margin-right: 15px;
  cursor: pointer;
}

.add-app-detail {
  height: 150px;
  width: 230px;
}

.add-app-more:link {
  display: block;
  font-size: 16px;
  color: #13b2e2;
  margin-top: 16px;
  background: #fff;
}

.add-app-more:visited {
  display: block;
  font-size: 16px;
  color: #13b2e2;
  margin-top: 16px;
  background: #fff;
}

.add-app-more:hover {
  color: #5fc3e8;
}

.add-app-more:active {
  color: #13b2e2;
}

/*新增浮窗样式*/
.fw-wrap {
  position: fixed;
  bottom: 72px;
  right: 0;
  z-index: 1000;
  height: 155px;
}

.fw-wrap>a {
  display: block;
  margin-bottom: 1px;
  position: relative;
}

.fw-txt,.fw-btn {
  display: inline-block;
}

.fw-txt {
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  margin-right: -3px;
  width: 116px;
  height: 50px;
  text-align: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #1b86ca;
  position: absolute;
  z-index: 1;
  left: 0;
}

.fw-btn {
  width: 50px;
  height: 50px;
  background: #1b86ca;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  z-index: 2;
}

.fw-online {
  background: url(../images/fw.png?v=0.2) 0 0 no-repeat #1b86ca;
}

.fw-survey {
  background: url(../images/fw.png?v=0.2) 0 -50px no-repeat #1b86ca;
}

.fw-top {
  background: url(../images/fw.png?v=0.2) 0 -100px no-repeat #1b86ca;
}

@keyframes move_out {
  from {
    left: 0px;
  }

  to {
    left: -113px;
  }
}

@-moz-keyframes move_out /* Firefox */ {
  from {
    left: 0px;
  }

  to {
    left: -113px;
  }
}

@-webkit-keyframes move_out /* Safari 和 Chrome */ {
  from {
    left: 0px;
  }

  to {
    left: -113px;
  }
}

@-o-keyframes move_out /* Opera */ {
  from {
    left: 0px;
  }

  to {
    left: -113px;
  }
}

.fw-out {
  animation: move_out 0.5s forwards;
  -moz-animation: move_out 0.5s forwards;
   /* Firefox */
  -webkit-animation: move_out 0.5s forwards;
   /* Safari 和 Chrome */
  -o-animation: move_out 0.5s forwards;
  /* Opera */
}

/*20160704server新增探针下载*/
.adds-probe {
  padding-bottom: 100px;
  border-bottom: 1px solid #ccc;
  margin-top: 90px;
}

.adds-probe-title {
  height: 42px;
  margin-bottom: 102px;
}

.adds-probe-title h3 {
  font-size: 40px;
  color: #333;
  display: inline-block;
  padding-left: 406px;
}

.adds-probe-title a:link {
  display: inline-block;
  font-size: 16px;
  color: #ec6a37;
  margin-left: 30px;
  background:#fff;
}

.adds-probe-title a:visited {
  display: inline-block;
  font-size: 16px;
  color: #ec6a37;
  margin-left: 30px;
  background:#fff;
}

.adds-probe-title a:hover {
  color: #e65f2a;
}

.adds-probe-title a:active {
  color: #ec6a37;
}

.probe-box {
  position: relative;
  display: inline-block;
  width: 260px;
  height: 250px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(201, 201, 201, 0.8);
  border-radius: 4px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.probe-box::after {
  content: "";
  border-radius: 4px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 15px rgba(207, 207, 207, 0.95);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.probe-box:hover {
  -webkit-transform: scale(1.0, 1.0);
  transform: scale(1.0, 1.0);
  cursor: pointer;
}

.probe-box:hover::after {
  opacity: 1;
}

.adds-probe-con li {
  float: left;
  margin-left: 42px;
  margin-bottom: 40px;
}

.probe-box {
  text-align: center;
}

.probe-box span {
  display: inline-block;
}

.probe-img {
  height: 120px;
}

.probe-java {
  background: url(../images/s-probe.png) 0 -120px no-repeat;
}

.probe-php {
  background: url(../images/s-probe.png) 0 -360px no-repeat;
}

.probe-net {
  background: url(../images/s-probe.png) 0 -600px no-repeat;
}

.probe-node {
  background: url(../images/s-probe.png) 0 -840px no-repeat;
}

.probe-python {
  background: url(../images/s-probe.png) 0 -1080px no-repeat;
}

.probe-ruby {
  background: url(../images/s-probe.png) 0 -1320px no-repeat;
}
/**彩色图片样式**/
.probe-java-color {
  background: url(../images/s-probe.png) 0 0 no-repeat;
}

.probe-php-color {
  background: url(../images/s-probe.png) 0 -240px no-repeat;
}

.probe-net-color {
  background: url(../images/s-probe.png) 0 -480px no-repeat;
}

.probe-node-color {
  background: url(../images/s-probe.png) 0 -720px no-repeat;
}

.probe-python-color {
  background: url(../images/s-probe.png) 0 -960px no-repeat;
}

.probe-ruby-color {
  background: url(../images/s-probe.png) 0 -1200px no-repeat;
}

.probe-name {
  font-size: 18px;
  color: #666;
  margin-top: 10px;
  margin-bottom: 5px;
}

.probe-time {
  font-size: 14px;
  color: #666;
}

.probe-time span {
  display: inline-block;
  margin-right: 20px;
}

.probe-download:link {
  display: block;
  width: 114px;
  margin: 0 auto;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  border: 1px solid #ec6a37;
  background: #fff;
  font-size: 14px;
  color: #ec6a37;
  margin-top: 15px;
}

.probe-download:visited {
  display: block;
  width: 114px;
  margin: 0 auto;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  border: 1px solid #ec6a37;
  background: #fff;
  font-size: 14px;
  color: #ec6a37;
  margin-top: 15px;
}

.probe-download:hover {
  background: #ec6a37;
  color: #fff;
}

.probe-download:active {
  background: #fff;
  color: #ec6a37;
}

/**不提供下载按钮样式*/
.probe-no-download:link,.probe-no-download:visited,.probe-no-download:hover,.probe-no-download:active {
  display: block;
  width: 114px;
  margin: 0 auto;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  color: #ccc;
  margin-top: 15px;
}

/* 20160707 视频变小样式 */
.video-float {
  top: auto;
  left: auto;
  position: fixed;
  right: 60px;
  bottom: 20px;
  height: 288px;
  width: 512px;
  margin: auto;
  border: 1px solid #f1f1f1;
}

.ptab-nav {
  position: relative;
} /*1.1新增*/
.ptab-line {
  position: absolute;
  height: 3px;
  background: #333;
  top: 160px;
  z-index: 1000;
  width: 160px;
  left: 0px;
}/*1.1新增*/

/**产品页核心功能 动效修改1.1**/
.ptab-nav li {
  position: relative;
}

.h-app-bg {
  position: absolute;
  left: 48px;
  top: 22px;
  width: 65px;
  height: 65px;
  cursor: pointer;
}

.h-app-one {
  position: absolute;
  width: 33px;
  height: 35px;
  left: 64px;
  top: 37px;
  cursor: pointer;
  opacity: 0.55;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=55)";

}

.h-app-bg-init {
  width: 100px;
  height: 100px;
  top: 4.5px;
  left: 30.5px;
}

.h-app-one-init {
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  width: 60px;
  height: 63px;
  top: 23px;
  left: 50.5px;
}
/*20160521 导航栏位置修改*/
.nav02-box a {
  color: #fff;
}

.nav02-view-box {
  width: 1000px;
}

.nav02-product {
  width: 840px;
  padding-left: 243px;
  display: none;
}/*修改*/
.nav02-price {
  width: 740px;
  padding-left: 340px;
  display: none;
}/*修改*/
.nav02-support {
  width: 640px;
  padding-left: 400px;
  display: none;
}/*修改*/
.nav02-company {
  width: 480px;
  padding-left: 290px;
  display: none;
}/*修改*/



/**1.1样式优化*/


/* .free-btn:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #0085c9;
} */
/*1.1优化*/
/* .free-btn:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #0085c9;
} */
/*1.1优化*/
/* .free-btn:hover {
  background: #0397e3;
} */
/*1.1优化*/
/* .free-btn:active {
  background: #006aa0;
} */
/*1.1优化*/
/* .free-btn:focus {
  background: #006aa0; 
}*//*1.1优化*/
.video-btn {
  width: 98px;
  padding-left: 50px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #fff;
  background: url(../images/video.png?v=1.1) 0 0 no-repeat;
  margin-left: 30px;
}/*1.1优化*/
/* .video-btn:hover {
  background: url(../images/video.png?v=1.1) 0 -38px no-repeat;
} /*1.1优化*/
.ty-gartner:hover {
  box-shadow: 2px 1px 12px #115575;
} 

/* .try-btn:link {
  display: block;
  margin: 98px 0 104px 376px;
  width: 230px;
  text-align: center;
  height: 56px;
  line-height: 56px;
  color: #fff;
  font-size: 20px;
  background: #0085c9;
  border-radius: 4px;
} */
/*1.1优化*/
/* .try-btn:visited {
  display: block;
  margin: 98px 0 104px 376px;
  width: 230px;
  text-align: center;
  height: 56px;
  line-height: 56px;
  color: #fff;
  font-size: 20px;
  background: #0085c9;
  border-radius: 4px;
} */
/*1.1优化*/
/* .try-btn:hover {
  background: #0397e3;
} */
/*1.1优化*/
/* .try-btn:active {
  background: #006aa0;
} */
/*1.1优化*/
/* .try-btn:focus {
  background: #006aa0;
} */
/*1.1优化*/

.app-try-btn:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #13b2e2;
  margin-left: 42px;
}/*1.1优化*/
.app-try-btn:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #13b2e2;
  margin-left: 42px;
}/*1.1优化*/
.app-try-btn:hover {
  background: #0cbff5;
}/*1.1优化*/
.app-try-btn:active {
  background: #0798c4;
}/*1.1优化*/
.app-try-btn:focus {
  background: #0798c4;
}/*1.1优化*/


.app-price-btn01:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #13b2e2;
}/*1.1优化*/
.app-price-btn01:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #13b2e2;
}/*1.1优化*/
.app-price-btn01:hover {
  background: #0cbff5;
}/*1.1优化*/
.app-price-btn01:active {
  background: #0798c4;
}/*1.1优化*/
.app-price-btn01:focus {
  background: #0798c4;
}/*1.1优化*/

.app-price-btn02:link {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.app-price-btn02:visited {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.app-price-btn02:hover {
  border: 1px solid #13b2e2;
  color: #13b2e2;
}/*1.1优化*/
.app-price-btn02:active {
  border: 1px solid #999;
  color: #333;
}/*1.1优化*/

.app-download-title h3 {
  display: inline-block;
  color: #fff;
  font-size: 40px;
}/*1.1优化*/
.app-download-title a:link {
  font-size: 40px;
  margin-left: 34px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 16px;
  color: #fff;
}/*1.1优化*/
.app-download-title a:visited {
  font-size: 40px;
  margin-left: 34px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 16px;
  color: #fff;
}/*1.1优化*/
.app-download-title a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}/*1.1优化*/
.app-download-title a:active {
  opacity: 0.6;
  filter: alpha(opacity=60);
}/*1.1优化*/

.server-try-btn:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #ec6a37;
  margin-left: 42px;
}/*1.1优化*/
.server-try-btn:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #ec6a37;
  margin-left: 42px;
}/*1.1优化*/
.server-try-btn:hover {
  background: #fd8251;
}/*1.1优化*/
.server-try-btn:active {
  background: #d05829;
}/*1.1优化*/
.server-try-btn:focus {
  background: #d05829;
}/*1.1优化*/

.server-price-btn01:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #ec6a37;
}/*1.1优化*/
.server-price-btn01:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #ec6a37;
}/*1.1优化*/
.server-price-btn01:hover {
  background: #fd8251;
}/*1.1优化*/
.server-price-btn01:active {
  background: #d05829;
}/*1.1优化*/
.server-price-btn01:focus {
  background: #d05829;
}/*1.1优化*/


.server-price-btn02:link {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.server-price-btn02:visited {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.server-price-btn02:hover {
  border: 1px solid #ec6a37;
  color: #ec6a37;
}

.server-price-btn02:active {
  border: 1px solid #999;
  color: #333;
}

.net-price-btn01:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #95bd6d;
  color: #fff;
}/*1.1优化*/
.net-price-btn01:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #95bd6d;
  color: #fff;
}/*1.1优化*/
.net-price-btn01:hover {
  background: #a0d867;
}/*1.1优化*/
.net-price-btn01:active {
  background: #759556;
}/*1.1优化*/
.net-price-btn01:focus {
  background: #759556;
}/*1.1优化*/
.net-price-btn02:link {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.net-price-btn02:visited {
  color: #333;
  width: 198px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  margin-left: 46px;
}/*1.1优化*/
.net-price-btn02:hover {
  border: 1px solid #95bd6d;
  color: #95bd6d;
}/*1.1优化*/
.net-price-btn02:active {
  border: 1px solid #999;
  color: #333;
}/*1.1优化*/


.net-banner .server-try-btn:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #95bd6d;
  margin-left: 42px;
  color: #fff;
}/*1.1优化*/
.net-banner .server-try-btn:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #95bd6d;
  margin-left: 42px;
  color: #fff;
}/*1.1优化*/
.net-banner .server-try-btn:hover {
  background: #a0d867;
}/*1.1优化*/
.net-banner .server-try-btn:active {
  background: #759556;
}/*1.1优化*/
.net-banner .server-try-btn:focus {
  background: #759556;
}/*1.1优化*/

.brow-price-btn01:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #fff;
  color: #e43555;
}/*1.1优化*/
.brow-price-btn01:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #fff;
  color: #e43555;
}/*1.1优化*/
.brow-price-btn01:hover {
  background: #fad9df;
  color: #e43555;
}/*1.1优化*/
.brow-price-btn01:active {
  background: #e3e3e3;
  color: #e43555;
}/*1.1优化*/
.brow-price-btn01:focus {
  background: #e3e3e3;
  color: #e43555;
}/*1.1优化*/

.brow-price-btn02:link {
  width: 198px;
  height: 38px;
  line-height: 38px;
  margin-left: 46px;
  border: 1px solid #fad9df;
  color: #fff;
  opacity: 0.8;
}/*1.1优化*/
.brow-price-btn02:visited {
  width: 198px;
  height: 38px;
  line-height: 38px;
  margin-left: 46px;
  border: 1px solid #fad9df;
  color: #fff;
  opacity: 0.8;
}/*1.1优化*/
.brow-price-btn02:hover {
  border: 1px solid #fff;
  opacity: 1;
}/*1.1优化*/
.brow-price-btn02:active {
  border: 1px solid #fad9df;
  opacity: 0.8;
}/*1.1优化*/


.brow-banner .server-try-btn:link {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #e8425e;
  margin-left: 42px;
}/*1.1优化*/
.brow-banner .server-try-btn:visited {
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #e8425e;
  margin-left: 42px;
}/*1.1优化*/
.brow-banner .server-try-btn:hover {
  background: #f55670;
}/*1.1优化*/
.brow-banner .server-try-btn:active {
  background: #c92d47;
}/*1.1优化*/
.brow-banner .server-try-btn:focus {
  background: #c92d47;
}/*1.1优化*/

/**1.1优化 首页pdf 和 云端性能可视化 左右按钮一致**/
/*布局 img记得修改一致！！*/
.ty-section08-btnl,
.ty-section08-btnr {
  background: url(../images/bg03.png) no-repeat;
}

.ty-section08-btnl:hover,
.ty-section08-btnr:hover {
  background: url(../images/bg03-hover.png) no-repeat;
}

/**1.1产品详情页漂浮导航按钮hover样式**/
.app-nav-btn a:link {
  display: inline-block;
  margin-left: 22px;
  color: #fff;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}

.app-nav-btn a:visited {
  display: inline-block;
  margin-left: 22px;
  color: #fff;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
}

.app-nav-btn a:hover {
  border: 1px solid #fff;
  background: url(../images/add-hover.png) repeat-x;
}

.app-nav-btn a:active {
  border: 1px solid #dfdfdf;
}

/**1.1产品详情页漂浮导航按钮hover样式 结束**/
.app-outline-conl-icon {
  position: absolute;
  top: 260px;
  left: 140px;
  display: none;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate /* Firefox */ {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate /* Safari 和 Chrome */ {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-o-keyframes rotate /* Opera */ {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

.icon-rotate {
  animation: rotate 2s infinite;
  -moz-animation: rotate 2s infinite;
   /* Firefox */
  -webkit-animation: rotate 2s infinite;
   /* Safari 和 Chrome */
  -o-animation: rotate 2s infinite;
  /* Opera */
}

/*20160718 cyf 官网首页添加apm banner*/
.banner-box {
  width: 100%;
  height: 768px;
  overflow: hidden;
  position: relative;
}

.banner-tab {
  width: 100%;
  height: 768px;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-box .banner {
  position: absolute;
}
/**掌上听云banner20160929*/
.banner-apm {
  position: absolute;
  width: 100%;
  height: 668px;
  padding-top: 100px;
  background: url(../images/banner-zsty.jpg) no-repeat center bottom; 
  /*cursor: pointer;*/
}
.banner-zsty-con{
  text-align: center;
}
.banner-zsty-con h3{color: #4b5464;font-size: 44px;margin-bottom: 50px;}
.banner-zsty-con p{color: #4b5464;font-size: 18px;margin-bottom: 18px;}
.banner-zsty-con img{margin-top: 70px;width: 160px;height: 160px;}

/**掌上听云banner20160929 end*/
/*.banner-apm img {
  display: block;
  margin: 0 auto;
}*/

.apmcon-note {
  width: 570px;
  height: 34px;
  margin: 0 auto;
}

.apmcon-note div {
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}

.apmcon-note .l {
  width: 260px;
}

.apmcon-note .r {
  width: 300px;
  text-align: right;
}

.apmcon-div01 {
  height: 70px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
  background: url(../images/apm-icon160718.png) no-repeat center bottom;
}

.banner-spot {
  width: 100%;
  height: 14px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  bottom: 60px;
  left: 0;
  z-index: 100;
}

.banner-spot span {
  width: 14px;
  height: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/tyc-tab-icon.png) no-repeat left -204px;
  cursor: pointer;
}

.banner-spot span+span {
  margin-left: 15px;
}

.banner-spot span.current {
  background: url(../images/tyc-tab-icon.png) no-repeat -25px -204px;
}

.arrow-left,.arrow-right {
  width: 50px;
  height: 50px;
  display: block;
  background: url(../images/tyc-tab-icon.png) no-repeat;
  position: absolute;
  top: 360px;
  z-index: 100;
  cursor: pointer;
}

.arrow-left {
  background-position: left 0;
  left: 50px;
}

.arrow-left:hover {
  background-position: left -51px;
}

.arrow-right {
  background-position: left -102px;
  right: 50px;
}

.arrow-right:hover {
  background-position: left -153px;
}

/*产品综述页1.1优化*/

.orange-link a:link {
  display: inline-block;
  color: #fbc737;
  margin-right: 28px;
  background: #1b86ca;
}

.orange-link a:visited {
  display: inline-block;
  color: #fbc737;
  margin-right: 28px;
  background: #1b86ca;
}

.orange-link a:hover {
  color: #fcd56b;

}

.orange-link a:active {
  color: #fbc737;
}

.blue-link a:link {
  color: #0085c9;
  background: #fff;
}

.blue-link a:visited {
  color: #0085c9;
  background: #fff;
}

.blue-link a:hover {
  color: #299ae1;
}

.blue-link a:active {
  color: #0085c9;
}
 /**首页 了解更多案例 hover样式**/
.ty-user-more:link {
  display: block;
  margin-top: 28px;
  font-size: 16px;
  color: #0792d9;
  width: 100%;
  text-align: center;
}

.ty-user-more:visited {
  display: block;
  margin-top: 28px;
  font-size: 16px;
  color: #0792d9;
  width: 100%;
  text-align: center;
}

.ty-user-more:hover {
  color: #299ae1;
}

.ty-user-more:active {
  color: #0792d9;
}

.ty-section01-btn a:link {
  display: inline-block;
  color: #1b86ca;
}

.ty-section01-btn a:visited {
  display: inline-block;
  color: #1b86ca;
}

.ty-section01-btn a:hover {
  color: #299ae1;
}

.ty-section01-btn a:active {
  color: #1b86ca;
}

.solution-more:link {
  display: block;
  margin-top: 50px;
  font-size: 16px;
  color: #1b86ca;
  width: 100%;
  text-align: center;
}

.solution-more:visited {
  display: block;
  margin-top: 50px;
  font-size: 16px;
  color: #1b86ca;
  width: 100%;
  text-align: center;
}

.solution-more:hover {
  color: #299ae1;
}

.solution-more:active {
  color: #1b86ca;
}

  /**官网产品页解决IE10下点击灰色背景**/
.ptab-btn:link {
  display: block;
  color: #13b2e2;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.ptab-btn:visited {
  display: block;
  color: #13b2e2;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #fff;
}

.add-app-title {
  display: block;
  width: 216px;
  line-height: 20px;
  margin-top: 14px;
  height: 40px;
  padding-bottom: 20px;
  font-size: 14px;
  color: #666;
  text-align: left;
  padding-left: 12px;
  background: #fff;
}

.app-problem-btn {
  display: block;
  margin-top: 22px;
  color: #13b2e2;
  font-size: 16px;
  background: #fff;
}

/**20160823产品页样式调整*/
.app-price-r{height: 481px;}
.pt100{padding-top: 100px;}
.pt120{padding-top: 120px;}
.app-price-l h3 span{font-size: 26px;}
.net-price-r{height: 378px;}
.server-price-r{height: 411px;}
.app-price-r {width: 476px;}
.app-price-r table thead th{color: #666;}
.green-24{color: #8ab065;}
/*.app-price-r table thead .table-bold{font-weight: bold;}*/
.app-price-r .table-bg{background: #f8f9fb;text-align: center;}
.brow-price-r{height: 376px;}
.red-24{color:  #f05f7c;}
.orange-24{color:  #ec6a37;}
.blue-24{color: #13b2e2;}
.app-price-r .table-m{text-align:center;color: #999;border-right: 1px solid #e7e8e9;}
.app-price-r .table-thead-m{text-align:center;color: #666;border-right: 1px solid #e7e8e9;}

/**20160921首页添加下载APP弹窗和右浮动按钮**/
 .layer-front{
   position: fixed;
   z-index: 200000000000000;
   width: 100%;
   height: 100%;
 }
.layer-front-shade{
   position: fixed;
   background: #000;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   z-index:10000000000000;
   top: 0px;
   }
 .layer-front-con{
  position: absolute;
  z-index: 200000000000001;
  width: 410px;
  border-radius: 4px;
  background: #fff;
  padding: 40px 40px 30px 40px;
  left: 50%;
  margin-left: -250px;
  top: 383px;
  box-shadow: 0 0px 5px #a6a6a6;
 }
.fw-wrap{z-index:8000000000;}
.fw-download {background: url(../images/fw.png?v=0.2) 0 -150px no-repeat #1b86ca;}
.ty-download-wrap{
  position: absolute;
  z-index: 200000000000001;
  width: 320px;
  border-radius: 6px;
  background: #fff;
  left: 50%;
  margin-left: -160px;
  top: 256px;
  box-shadow: 0 2px 4px 0 rgba(84, 84, 84, 0.45);
}
.ty-download-title{
  position: relative;
  background: #0085c9;
  height: 36px;
  line-height: 36px;
  color: #fff;
  padding: 0 16px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.ty-download-title span,.ty-download-con p{font-size: 14px;}
.ty-download-btn{
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  background: url(../images/fw.png?v=0.2) 0 -200px no-repeat;
  top: 10px;
  right: 16px;

}
.ty-download-con{
  text-align: center;
  padding-top: 28px;
  padding-bottom: 50px;
}
.ty-download-con p{color: #666; margin-bottom: 22px;}

/**20160921APP产品页面添加**/
.ty-pdownload-wrap{
   position: relative;
   height: 62px;
   cursor: pointer;
 }
.ty-pdownload-btn{
   background: url(../images/product-app.png?v=0.1) 0 0 no-repeat;
   display: block;
   width: 16px;
   height: 18px;
   margin-top: 20px;
 }
 .ty-pdownload-new{
  display: block;
  position: absolute;
  top: 10px;
  left: 17px;  
  background: url(../images/product-app.png?v=0.1) 0 -18px no-repeat;   
  width:24px;  
  height:10px;  
 }
 /**20161109 Controller产品页**/

.controller-banner{background: url(../images/typ-controller-banner.jpg) no-repeat;}
.controller-banner .server-try-btn{background: #57bcaf;}
.controller-banner .server-try-btn:link,
.controller-banner .server-try-btn:visited{
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #57bcaf;
  margin-left: 42px;
}
.controller-banner .server-try-btn:hover {
  background: #6dcdc1;
}
.controller-banner .server-try-btn:active,.controller-banner .server-try-btn:focus {
  background: #4cada0;
}
.controller-section01-l{width: 418px;}
.controller-section01-l p{
    line-height: 22px;
    margin-bottom: 4px;
}
.controller-section01-l>h3{margin-bottom: 50px;}
.controller-section01-l+img{margin-left: 98px;}
.controller-section01{padding: 100px 0;}
.controller-function{background: #5bbdb1;color: #fff;}
.ctab-nav li{width: 166px;margin-right: 30px;}
.ptab-con{width: auto;}
.ptab-con{box-shadow: 1px 1px 3px 0 rgba(0,0,0,.35);}
.controller-feature{background: #f5f6f6;}
.controller-feature .app-feature{padding: 100px 0;}
.controller-feature-con{padding: 0 16px;}
.controller-feature-con>div{
   float: left;
   border-radius: 4px;
   border: 1px solid #ccc;
   background: #fff;
   width: 192px;
   padding: 42px 44px 48px 44px;
   height: 142px;
 }
.mr50{margin-right: 50px;}
.pl26{padding-left: 26px;}
.controller-feature-con>div h3{font-size: 26px;color: #333;margin-bottom: 32px;}
.controller-feature-con>div ul li{
   padding-left: 20px;
   background:  url(../images/price.png?v=0.1) 0 -218px no-repeat;
   margin-bottom: 8px;
   font-size: 16px;
   color: #333;
 }
 /***综述页**/
 .tyz-controller{background: #efefef;padding-top: 84px;padding-bottom: 70px;}
 .tyz-controller .zs-02 .zs-text{padding-top: 48px;width: 418px;}
 .zs-img06{margin-left: -100px;}
 .blue-link2 a:link ,.blue-link2 a:visited {
  color: #0085c9;
  background: #efefef;
}
.blue-link2 a:hover {color: #299ae1;}
.blue-link2 a:active {color: #0085c9;}
/**首页Controller**/
.ty-controller-wrap{background: #eaecef;padding: 100px 0 108px 0;}
.ty-controller{width: 1040px;margin: 0 auto;}
.ty-controller-left{float: left;width: 470px;margin-left: 0;padding-top: 86px;}
.ty-controller-right{
   background: url(../images/index-controller-animation.png) 0 0 no-repeat;
   float: right;
   position: relative;
   width: 527px;
   height: 398px;
 }
 .ty-controller-right span{display: block;position: absolute;}
 .ty-controller-rcloud{
  width: 72px;
  height: 72px;
  background: url(../images/index-controller-animation.png) 0 -398px no-repeat;
  left: 262px;
  top: 174px;
  z-index: 15;
 }
.ty-controller-ruser{
  width: 98px;
  height: 98px;
  background: url(../images/index-controller-animation.png) 0 -559px no-repeat;
  left: 0px;
  top: 160px; 
  z-index: 12;
}
.ty-controller-animation{
  width: 0px;
  height: 21px;
  left: 97px;
  top: 198px;
  background: url(../images/index-controller-animation.png) -97px -428px no-repeat;
  animation: controller-animation 3s linear 2.5s forwards;
  -moz-animation: controller-animation 3s linear 2.5s forwards;
  -webkit-animation: controller-animation 3s linear 2.5s forwards;
}
@keyframes controller-animation{
  from{
    width: 0px;
  }
  to{
    width: 336px;
  }
}
@-webkit-keyframes controller-animation{
  from{
    width: 0px;
  }
  to{
    width: 336px;
  }
}
@-moz-keyframes controller-animation{
  from{
    width: 0px;
  }
  to{
    width: 336px;
  }
}
.ty-controller-animation3{
  height: 11px;
  width: 11px;
  background: url(../images/index-controller-animation.png) -100px -647px no-repeat;
  top: 201px;
  left: 84px;
  animation: controller-animation3 3s linear forwards 2.5s;
  -moz-animation: controller-animation3 3s linear forwards 2.5s;
  -webkit-animation: controller-animation3 3s linear forwards 2.5s;
  z-index: 11;
}
@keyframes controller-animation3{
  to{
    transform: translateX(336px);
    visibility: hidden;
  }
}
@-webkit-keyframes controller-animation3{
  to{
    transform: translateX(336px);
    visibility: hidden;
  }
}
@-moz-keyframes controller-animation3{
  to{
    transform: translateX(336px);
    visibility: hidden;
  }
}
.ty-controller-reddashed{
  left: 86px;
  top: 109px;
  width: 79px;
  background: url(../images/index-controller-animation.png) -36px -658px no-repeat;
  height: 84px;
  animation: controller-reddashed 1.2s linear forwards;
  -moz-animation: controller-reddashed 1.2s linear forwards;
  -webkit-animation: controller-reddashed 1.2s linear forwards;
}
@keyframes controller-reddashed{
  from{
    width: 0px;
  }
  to{
   width: 79px;
  }
}
@-webkit-keyframes controller-reddashed{
 from{
    width: 0px;
  }
  to{
   width: 79px;
  }
}
@-moz-keyframes controller-reddashed{
   from{
    width: 0px;
  }
  to{
   width: 79px;
  }
}
.ty-controller-right .ty-controller-redcircle{
  left: 162px;
  top: 93px;
  background: url(../images/index-controller-animation.png) no-repeat;
  background-position: -300px -604px;
  width: 20px;
  height: 20px;
  animation: controller-redcircle .8s steps(1,start) forwards 1.2s;
  -moz-animation: controller-redcircle .8s steps(1,start) forwards 1.2s;
  -webkit-animation: controller-redcircle .8s steps(1,start) forwards 1.2s;
}
@keyframes controller-redcircle{
  0%{
    background-position: -300px -604px;
  }
  33.33%{
    background-position: -180px -604px;
  }
  66.66%{
    background-position: -300px -604px;
  }
  100%{
    background-position: -180px -604px;
  }
}
@-webkit-keyframes controller-redcircle{
   0%{
    background-position: -300px -604px;
  }
  33.33%{
    background-position: -180px -604px;
  }
  66.66%{
    background-position: -300px -604px;
  }
  100%{
    background-position: -180px -604px;
  }
}
@-moz-keyframes controller-redcircle{
   0%{
    background-position: -300px -604px;
  }
  33.33%{
    background-position: -180px -604px;
  }
  66.66%{
    background-position: -300px -604px;
  }
  100%{
    background-position: -180px -604px;
  }
}
.ty-controller-bluecircle{
  height: 11px;
  width: 11px;
  background: url(../images/index-controller-animation.png) -100px -647px no-repeat;
  top: 176px;
  left: 78px;
  animation: controller-bluecircle 1.2s linear forwards;
  -moz-animation: controller-bluecircle 1.2s linear forwards;
  -webkit-animation: controller-bluecircle 1.2s linear forwards;
  z-index: 11;
}
@keyframes controller-bluecircle{
  to{
    transform: translate(80px,-71px);
    visibility: hidden;
  }
}
@-webkit-keyframes controller-bluecircle{
  to{
    transform: translate(80px,-71px);
    visibility: hidden;
  }
}
@-moz-keyframes controller-bluecircle{
 to{
    transform: translate(80px,-71px);
    visibility: hidden;
  }
}

/*解决方案*/ 
.solutions-banner-details{width:100%;height:330px;}
.solutions-banner-title{padding-top:95px;height:90px;line-height:90px;text-align:center;font-size:44px;color:#fff;}
.solutions-banner-note{line-height:34px;text-align:center;font-size:16px;color:#fff;}
.ty-breadcrumb{height:24px;font-family:"Microsoft YaHei";}
.ty-breadcrumb li{float:left;height:24px;line-height:24px;font-size:14px;color:#999;}
.ty-breadcrumb span{padding:0 10px;color:#ccc;font-size:14px;}
.ty-breadcrumb a{color:#00a0e8;font-size:14px;}
.ty-breadcrumb a:hover{text-decoration:underline;} 
.ty-breadcrumb a.current{color:#444;}
.ty-breadcrumb a.current:hover{color:#444;cursor:default;text-decoration:none;}
.solutions-context{padding:25px 0 70px;}
.solutions-title{line-height:44px;font-size:20px;color:#383838;text-align:center;}
.solutions-p{line-height:30px;font-size:14px;}
.solutions-context .solutions-title{margin:60px 0 15px;}
.solutions-context .solutions-p+.solutions-p{margin-top:30px;}
.solutions-values{padding:35px 0 80px;background:#f8f8f8;}
.solutions-ul{padding-top:5px;width:1050px;height:100%;overflow:hidden;}
.solutions-ul li{float:left;margin:30px 30px 0 0;width:485px;min-height:180px;padding:20px 30px 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1f1f1;border-radius:5px;background:#fff;position:relative;}
.solutions-ul .li-title{font-size:18px;color:#383838;line-height:42px;margin-bottom:12px;}
.solutions-text{line-height:26px;}
.solutions-ul .solutions-text{width:330px;padding-bottom:25px;}
.solutions-icon-wrap{display:block;width:40px;height:40px;padding:15px;border:2px solid #ebebeb;border-radius:50%;position:absolute;top:50%;right:30px;margin-top:-37px;}
.solutions-icon{display:block;width:40px;height:40px;background-image:url(../images/solutions-icon.png);}
.solutions-icon01{background-position:center 0;}
.solutions-icon02{background-position:center -40px;}
.solutions-icon03{background-position:center -80px;}
.solutions-icon04{background-position:center -120px;}
.solutions-icon05{background-position:center -160px;}
.solutions-icon06{background-position:center -200px;}
.solutions-icon07{background-position:center -240px;}
.solutions-icon08{background-position:center -280px;}
.solutions-icon09{background-position:center -428px;}
.solutions-icon10{background-position:center -468px;}
.solutions-icon11{background-position:center -508px;}
.solutions-icon12{background-position:center -548px;}
.solutions-icon13{background-position:center -588px;}
.solutions-icon14{background-position:center -628px;}
.solutions-icon15{background-position:center -668px;}
.solutions-icon16{background-position:center -708px;}
.solutions-icon17{background-position:center -748px;}
.solutions-icon18{background-position:center -788px;}
.solutions-icon19{background-position:center -828px;}
.solutions-icon20{background-position:center -868px;}
.solutions-icon21{background-position:center -908px;}
.solutions-icon22{background-position:center -948px;}
.solutions-icon23{background-position:center -988px;}
.solutions-icon24{background-position:center -1028px;}
.solutions-logos-wrap{padding:55px 0 70px;} 
.solutions-logos-wrap ul{width:100%;text-align:center;margin-top:35px;}
.solutions-logos-wrap li{width:240px;height:110px;display:inline-block;*display:inline;*zoom:1;margin:0 22px 18px;border:1px solid #f1f1f1;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../images/solutions-logos-big.png) no-repeat;}
.solutions-logos-wrap .li-ppd{background-position:20px 28px;}
.solutions-logos-wrap .li-ljs{background-position:-200px 28px;}
.solutions-logos-wrap .li-yooli{background-position:-426px 28px;}
.solutions-logos-wrap .li-sunshine{background-position:-645px 28px;}
.solutions-logos-wrap .li-yixin{background-position:-863px 28px;}
.solutions-logos-wrap .li-itouzi{background-position:-1103px 28px;}
.solutions-logos-wrap .li-suning{background-position:20px -56px;}
.solutions-logos-wrap .li-jumei{background-position:-200px -56px;}
.solutions-logos-wrap .li-jd{background-position:-426px -56px;}
.solutions-logos-wrap .li-gome{background-position:-645px -56px;}
.solutions-logos-wrap .li-mogu{background-position:-863px -56px;}
.solutions-logos-wrap .li-dd{background-position:-1103px -56px;}
.solutions-logos-wrap .li-jt{background-position:20px -141px;}
.solutions-logos-wrap .li-ny{background-position:-200px -141px;}
.solutions-logos-wrap .li-xy{background-position:-426px -140px;}
.solutions-logos-wrap .li-yl{background-position:-645px -141px;}
.solutions-logos-wrap .li-dw{background-position:-863px -141px;}
.solutions-logos-wrap .li-xc{background-position:-1103px -141px;}
.solutions-logos-wrap .li-lenovo{background-position:20px -221px;}
.solutions-logos-wrap .li-sf{background-position:-200px -221px;}
.solutions-logos-wrap .li-sfbest{background-position:-426px -221px;}
.solutions-logos-wrap .li-gome{background-position:-645px -221px;}
.solutions-logos-wrap .li-htc{background-position:-863px -221px;}
.solutions-logos-wrap .li-meizu{background-position:-1103px -221px;}
.solutions-logos-wrap .li-microsoft{background-position:20px -317px;}
.solutions-logos-wrap .li-yd{background-position:-200px -317px;}
.solutions-logos-wrap .li-chinacache{background-position:-426px -317px;}
.solutions-logos-wrap .li-dx{background-position:-645px -317px;}
.solutions-logos-wrap .li-ws{background-position:-863px -317px;}
.solutions-logos-wrap .li-sjhl{background-position:-1103px -317px;}
.solutions-logos-wrap .li-zs{background-position:20px -428px;}
.solutions-logos-wrap .li-pingan{background-position:-200px -428px;}
.solutions-logos-wrap .li-zhzq{background-position:-426px -428px;}
.solutions-logos-wrap .li-ygbx{background-position:-645px -428px;}
.solutions-logos-wrap .li-nb{background-position:-863px -428px;}
.solutions-logos-wrap .li-zzw{background-position:-1103px -428px;}
.solutions-download-wrap{width:100%;height:335px;background:url(../images/solutions-download-img.png) repeat-x center top;}
.solutions-pdf{text-align:center;padding-top:85px;}
.solutions-pdf-name{line-height:50px;font-size:24px;color:#fff;}
.solutions-pdf-note{line-height:40px;font-size:14px;color:#d7eefc;}
.solutions-pdf-btn{display:block;width:184px;height:60px;line-height:60px;border-radius:30px;padding-left:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:20px;color:#0d7033;cursor:pointer;margin:20px auto 0;background:url(../images/solutions-icon.png) no-repeat 37px -320px #55de89;}
.solutions-pdf-btn:hover{background:url(../images/solutions-icon.png) no-repeat 37px -368px #55e88d;color:#1a9047;}
.bg-fc{background:#fcfcfc;}
.solutions-banner{width:100%;height:400px;background:url(../images/solutions-banner-list.png) repeat-x top center;} 
.solutions-banner-dzsw{background:url(../images/solutions-banner-dzsw.png) top center repeat-x;}
.solutions-banner-qy{background:url(../images/solutions-banner-qy.png) top center repeat-x;}
.solutions-banner-zq{background:url(../images/solutions-banner-zq.png) top center repeat-x;}
.solutions-banner-jr{background:url(../images/solutions-banner-jr.png) top center repeat-x;}
.solutions-banner-ijr{background:url(../images/solutions-banner-ijr.png) top center repeat-x;}
.solutions-banner-yys{background:url(../images/solutions-banner-yys.png) top center repeat-x;}
.solutions-banner .solutions-banner-title{padding-top:135px;line-height:66px;font-size:38px;color:#fff;text-align:center;}
.solutions-list-title{width:100%;height:110px;margin-bottom:80px;border-bottom:1px solid #eee;position:relative;}
.solutions-list-title span{display:block;width:270px;height:68px;line-height:68px;font-size:34px;color:#383838;text-align:center;background:#fcfcfc;position:absolute;bottom:-34px;left:50%;margin-left:-135px;z-index:10;}
.solutions-category{width:1000px;padding:0 20px 55px;margin:0 auto;}
.solutions-category ul{width:1100px;}
.solutions-category li{width:300px;height:310px;float:left;margin:0 50px 35px 0;}
.solutions-category .li-con{display:block;width:100%;height:310px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;border-radius:3px;padding-top:33px;cursor:pointer;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.solutions-category .li-con:hover{text-decoration:none;background:#fff;border:1px solid #ececec;-webkit-box-shadow:0 0 15px rgba(220, 220, 220, .5);-moz-box-shadow:0 0 15px rgba(220, 220, 220, .5);box-shadow:0 0 15px rgba(220, 220, 220, .5);}
.solutions-category-icon{width:70px;height:72px;display:block;margin:0 auto;background:url(../images/solutions-icon.png) no-repeat;}
.solutions-category-icon01{background-position:center -1068px;}
.solutions-category-icon02{background-position:center -1140px;}
.solutions-category-icon03{background-position:center -1212px;}
.solutions-category-icon04{background-position:center -1284px;}
.solutions-category-icon05{background-position:center -1356px;}
.solutions-category-icon06{background-position:center -1428px;}
.solutions-category-title{line-height:48px;text-align:center;font-size:24px;color:#383838;margin:23px 0;}
.solutions-category p{width:235px;line-height:26px;margin:0 auto;color:#666;font-size:14px;text-align:center;}

.solutions-pos{width:420px;padding:35px 25px 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ccc;position:absolute;top:100px;left:50%;margin-left:-210px;z-index:10001;}
.solutions-pos .btn-close{color:#999;font-size:26px;height:30px;width:30px;text-align:center;line-height:30px;cursor:pointer;position:absolute;top:8px;right:8px;}
.solutions-pos .btn-close:hover{color:#828384;}
.solutions-pos-text{line-height:28px;font-size:14px;color:#666;}
.solutions-pos-ul{padding-top:20px;width:100%;}
.solutions-pos-ul li{width:100%;height:40px;}
.solutions-pos-ul li+li{margin-top:30px;} 
.solutions-pos-ul .div-pos{position:relative;width:100%;}
.solutions-pos-input{width:370px;height:40px;padding:10px 0 10px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d7d7d7;background:#fcfcfc;font-size:14px;color:#666;border-radius:3px;}
.solutions-pos .error-explain{height:40px;line-height:40px;font-size:12px;color:#ff5400;position:absolute;top:30px;left:11px;z-index:100;display:none;}
.solutions-pos-ul .div-pos.error .solutions-pos-input{border:1px solid #ff5c0c;}
.solutions-pos-ul .div-pos.error .error-explain{display:block;}
.solutions-pos .btn-wrap{width:100%;height:40px;margin-top:40px;}
.solutions-pos .btn-wrap div{width:180px;height:40px;line-height:40px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;border-radius:3px;}
.solutions-pos .btn-wrap .l{background:#3da8f5;color:#fff;}
.solutions-pos .btn-wrap .l:hover{background:#64b9f7;}
.solutions-pos .btn-wrap .r{border:1px solid #d7d7d7;color:#666;}
.solutions-pos .btn-wrap .r:hover{border:1px solid #3da8f5;color:#3da8f5;}
.solutions-pos .div-num{width:220px;height:40px;}
.solutions-pos .btn-num{width:140px;height:40px;background:#3da8f5;text-align:center;line-height:40px;cursor:pointer;font-size:14px;color:#fff;border-radius:3px;}
.solutions-pos .btn-num:hover{background:#64b9f7;}
.solutions-pos .btn-num-disabled{width:140px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#fff;background:#bfbfbf;cursor:default;border-radius:3px;}
.solutions-pos .div-num .solutions-pos-input{width:220px;}
.solutions-pos-input:focus{background:#fff;}
/**server视频**/
.pa-tab-a03{left: 370px;z-index: 80;}

/**掌上听云推广页**/
.zsty-banner{
  height: 600px;
  width: 100%;
  color: #fff;
  text-align: center;
  background: url(../images/zsty-banner.jpg) center no-repeat;
}
.zsty-main h1,.zsty-main h2{font-weight: normal;}
.zsty-main{width: 980px;margin: 0 auto;}
.zsty-banner .zsty-main{padding-top: 110px;}
.zsty-banner h1{font-size: 40px;margin-bottom: 45px;font-weight: 300;}
.zsty-banner p{font-size: 20px;line-height: 30px;margin-bottom: 55px;font-weight: lighter;}
.zsty-banner span{display: block;margin-top: 12px;font-size: 16px;}
.zsty-feature h1,.zsty-alarm h1,.zsty-index h1,.zsty-mobile h1{font-size: 48px;color: #333;font-weight: 300;}
.zsty-feature{padding-top: 100px;padding-bottom: 90px;text-align: center;}
.zsty-feature h1{margin-bottom: 90px;}
.zsty-feature-con li{
   width: 244px;
   float: left;
   text-align: center;  
 }
 .zsty-feature-con li h2{font-size: 26px;color: #333;margin-bottom: 20px;font-weight: 300;font-weight: lighter;}
 .zsty-feature-con li p{
   text-align: left;
   padding-left: 28px;
   padding-right: 26px;
   font-size: 16px;
   color: #666;
   line-height: 24px;
 }
 .zsty-feature-con li span{display: block;height: 134px;margin-bottom: 48px;}
 .zsty-feature-li01{
  background: url(../images/zsty-btn.png) 56px 0px no-repeat;
 }
 .zsty-feature-li02{
  background: url(../images/zsty-btn.png) 56px -134px no-repeat;
 }
 .zsty-feature-li03{
  background: url(../images/zsty-btn.png) 56px -268px no-repeat;
 }
 .zsty-feature-li04{
  background: url(../images/zsty-btn.png) 56px -402px no-repeat;
 }
 .zsty-alarm,.zsty-index{background: #f0f2f4;}
 .zsty-alarm{padding-top: 82px;height: 520px;}
 .zsty-alarm-left{float: left;width: 490px;padding-top: 100px;}
 .zsty-alarm-left p,
 .zsty-mobile-right p,
 .zsty-index p{
   font-size: 20px;
   color: #666;
   margin-top: 50px;
   line-height: 30px;
   font-weight: lighter;
 }
 .zsty-alarm img{margin-left: 30px;display: inline-block;}
 .zsty-mobile{padding-top: 60px;padding-bottom: 22px;}
 .zsty-mobile-right{float: right;width: 474px;padding-top: 150px;padding-right: 16px;}
 .zsty-index{padding-top: 142px;height: 490px;}
 .zsty-index-left{float: left;width: 490px;padding-top: 75px;}
/*20170322 统一banner图高度*/
.server-banner,.app-banner,.brow-banner,.net-banner,.sys-banner,.aiops-banner{height:600px;background-size:cover !important;}
/*20170516 network标准版下线*/
.network-price .net-price-r{margin-top:45px;height:auto;}
.network-price table{position:relative;}
.network-price table caption{position:absolute;top:-45px;left:0;width:100%;font-size:20px;}

/**20170704 官网大屏页面**/
.ty-screen-main{width: 980px;margin: 0 auto;}
.ty-screen-banner{
  width: 100%;
  height: 599px;
  background: url(../images/banner_screen.jpg) center no-repeat;
}
.tys-banner-content{text-align: center;color: #fff;margin-top: 122px;}
.tys-banner-content a{display: block;}
.tys-banner-content h2{font-size: 44px;font-weight: normal;}
.tys-banner-content p{font-size: 18px;margin-top: 26px;}
.tys-video{
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  margin-bottom: 56px;
}
.tys-try{
  width: 150px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}
.tys-try:link,.tys-try:visited{
  background: #0dbfa0;
}
.tys-try:hover{background: #0bd8b4;}
.tys-try:active{background: #09a98d;}

.tys-overview{
  padding-top: 60px;
  padding-bottom: 94px;
  text-align: center;
}
.tys-overview-list ul{position: relative;height: 454px;}
.tys-overview-list li{position: absolute;}
.tys-overview-list li:first-child{left: 0px;z-index:1;top: 28px;}
.tys-overview-list li:nth-child(2){left: 128px;z-index:2;}
.tys-overview-list li:last-child{right: 0px;z-index:1;top: 28px;}
.tys-overview-ltitle{font-size: 16px;color: #666;font-weight: normal;margin-top: 10px;}
.tys-title{font-weight: normal;font-size: 40px;color: #333;}
.tys-overview-text{
  margin-top: 48px;
  font-size: 16px;
  color: #666;
  width: 838px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 26px;
  margin-bottom: 48px;
}
.tys-features{
  text-align: center;
  background: #eeeeee;
  padding-top: 94px;
  padding-bottom: 110px;
}
.tys-features-list{margin-top: 64px;}
.tys-features-list li{
  width: 165px;
  background: #fff;
  border-radius: 2px;
  float: left;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 22px;
}
.tys-features-list li+li{margin-left: 46px;}
.tys-features-list li p{text-align: left;font-size: 14px;color: #333;line-height: 22px;margin-top: 34px;}
.tys-cooperation{padding-top: 86px;padding-bottom: 102px;text-align: center;}
.tys-cooperation-text{font-size: 16px;color: #666;margin-top: 26px;margin-bottom: 36px;}
.tys-cooperation-logo{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 5px solid rgba(13,191,160,.48);
}
.tys-cooperation-intro{
  width: 756px;
  height: 66px;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/tys-bg.png) no-repeat center;
  color: #fff;
  padding-top: 28px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  text-align: left;
  line-height: 22px;
  text-align: center;
}
.tys-foot-banner{height: 320px;background: url(../images/f-bg.jpg) no-repeat center;}
.tys-fb-content{text-align: center;}
.tys-fb-content a{display: block;}
.tys-fb-content h3{font-size: 38px;font-weight: normal;color: #fff;margin-bottom: 44px;padding-top: 96px;}

/**browser**/
.tys-browser-try:link,.tys-browser-try:visited{background: #e8425e;}
.tys-browser-try:hover{background: #f55670;}
.tys-browser-try:active{background: #c92d47;}


/**app**/
.tys-app-try:link,.tys-app-try:visited{background: #13b2e2;}
.tys-app-try:hover{background: #0cbff5;}
.tys-app-try:active{background: #0798c4;}

/**network**/
.tys-net-try:link,.tys-net-try:visited{background: #95bd6d;}
.tys-net-try:hover{background: #a0d867;}
.tys-net-try:active{background: #759556;}

/**导航icon**/

.icon-screen-wrap{position: relative;}
.icon-screen
{
  background: url(../images/nav-screen.png) no-repeat left 0px;
}

.icon-screen:hover{
  background: url(../images/nav-screen.png) no-repeat left -40px;
}
.icon-screen-new{position: absolute;width: 30px;height: 14px;background: url(../images/s-new.png) no-repeat;left: 196px;top: -10px;}


/* featured-area */
.tys-overview-btitle{font-size: 16px;color: #666;font-weight: bold;margin-top: 10px;}
#featured-area{height:490px;width:980px;margin:40px auto 0 auto;}
.roundabout-holder{list-style:none;width:540px;height:490px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:454px;width:724px;cursor:pointer;padding:5px;/*border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;*/}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
/*.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}*/
.roundabout-holder span{display:none;}
/*.roundabout-holder h2{
  display:none;
  transition: all 10s;
-moz-transition: all 10s;  
-webkit-transition: all 10s; 
-o-transition: all 10s;
}
.roundabout-holder .roundabout-in-focus h2{
  display:block;
  transition: all 10s;
-moz-transition: all 10s;  
-webkit-transition: all 10s; 
-o-transition: all 10s;
}*/
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

/*2017/9/14 大屏入口页新增logo*/
.outer{
  overflow:hidden;
  background: #efefef;
}
.inner li{
  display: inline-block;
  list-style-type: none; 
  overflow: hidden;
  margin-left: 15px;
  height: 240px;
}
.inner{
  white-space: nowrap;
  margin: 0;
  margin-left: -20px;
}
.tys-scroll h2{
  margin: 0;
  text-align: center;
  padding-top: 43px;
  padding-bottom: 43px;
}
.tys-scroll{
  width: 100%;
  background: #efefef;
  padding-bottom: 43px;
}
.tys-scroll-h2{
  width: 100%;
}
.tys-title{
  font-weight: 400;
  font-size: 40px;
  color: #333;
}
#img1{
  margin-top: 27px;
}
#img2{
  margin-top: 0px;
}
#img3{
  margin-top: 54px;
}
#img4{
  margin-top: 27px;
}
#img5{
  margin-top: 130px;
}
#img6{
  margin-top: 54px;
}
#img7{
  margin-top: 0px;
}
#img8{
  margin-top: 28px;
}
#img9{
  margin-top: 56px;
}
#img10{
  margin-top: 51px;
}
#img11{
  margin-top: 29px;
}
#img12{
  margin-top: 57px;
}
#img13{
  margin-top: 89px;
}
#img14{
  margin-top: 26px;
}
/*2017/9/14 大屏入口页新增logo-- end*/
/**20171103 更新样式str**/
.ty-screen-product-wrap{width: 1190px;position: relative;overflow:hidden;}
.v_show{width:792px;height: 373px;overflow:hidden;position:relative;float:left;margin: 0px 199px;}
.ty-screen-product{width: 2376px;height: 373px;overflow:visible;position:relative;left:0px;top:0px;}
.ty-screen-product-wrap,.ty-screen-product{margin: 0 auto;}
.pt42{padding-top: 42px;height: 56px;text-align: center;}
.ty-screen-btn{
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
  top: 177px;
}
.ty-screen-btn.prev{float: left;background: url(../images/lr.png) 0px 0px no-repeat;}
.ty-screen-btn.prev:hover{background: url(../images/lr.png) -100px 0px no-repeat;}
.ty-screen-btn.next{float: right;background: url(../images/lr.png) 0px -50px no-repeat;top: -246px;}
.ty-screen-btn.next:hover{background: url(../images/lr.png) -100px -50px no-repeat;}
.ty-screen-product ul li{float: left;width:792px;height: 373px;overflow:hidden;}
/**20171103 更新样式end**/

/*20180126 添加方案行业性能报告 str*/
.solutions-banner-nwawr{background:url(../images/awr-bg1.png) top center repeat-x;}
.solutions-banner-mvawr{background:url(../images/awr-bg2.png) top center repeat-x;}
.solutions-banner-clawr{background:url(../images/awr-bg3.png) top center repeat-x;}
.solusitons-banner-titlepad{padding-top: 139px;line-height: 44px;}
.solutions-awr-dimension{position: relative;padding: 64px 0 50px 0;}
.solutions-delaymoveimg-nwawr{background: url(../images/delaymove-bg1.png) no-repeat;background-attachment: fixed;background-size: 100%;}
.solutions-delaymoveimg-mvawr{background: url(../images/delaymove-bg2.png) no-repeat;background-attachment: fixed;background-size: 100%;}
.solutions-delaymoveimg-clawr{background: url(../images/delaymove-bg3.png) no-repeat;background-attachment: fixed;background-size: 100%;}
.solutions-dimension-icon{padding: 60px 65px 0;}
.solutions-dimension-icon:after{content: "";height: 0;display: block;clear: both;}
.solutions-dimension-iconarea1 li{margin-bottom: 56px;font-family: PingFangSC-Medium;float: left;text-align: center;color: #383838;font-size: 14px;}
.solutions-dimension-nwawidth1 li{width: 174px;}
.solutions-dimension-mawidth1 li{width: 290px;}
.solutions-dimension-icons{margin-bottom:6px;margin:0 auto;display: block;width: 86px;height: 80px;background: url(../images/statspack-icon.png) no-repeat;}
.solutions-dimension-icon1{background-position: center -2400px;}
.solutions-dimension-icon2{background-position: center -2598px;}
.solutions-dimension-icon3{background-position: center -1400px;}
.solutions-dimension-icon4{background-position: center -600px;}
.solutions-dimension-icon5{background-position: center -1200px;}
.solutions-dimension-icon6{background-position: center -2200px;}
.solutions-dimension-icon7{background-position: center -4598px;}
.solutions-dimension-icon8{background-position: center -4800px;}
.solutions-dimension-icon9{background-position: center -2000px;}
.solutions-dimension-icon10{background-position: center -5200px;}
.solutions-dimension-iconarea2 li{float: left;position: relative;}
.solutions-dimension-nwawidth2 li{width: 217px;}
.solutions-dimension-mawidth2 li{width: 290px;}
.solutions-dimension-icon11{background-position: center -3800px;}
.solutions-dimension-icon12{background-position: center -4000px;}
.solutions-dimension-icon13{background-position: center -4200px;}
.solutions-dimension-icon14{background-position: center -6000px;}
.solutions-dimension-icon15{background-position: center -5000px;}
.solutions-dimension-icon16{background-position: center -8000px;}
.solutions-dimension-icon17{background-position: center -5600px;}
.solutions-dimension-icon18{background-position: center -4400px;}
.solutions-dimension-icon19{background-position: center -3000px;}
.solutions-dimension-icon20{background-position: center -3400px;}
.solutions-dimension-icon21{background-position: center -5400px;}
.solutions-dimension-icon22{background-position: center -400px;}
.solutions-dimension-icon23{background-position: center -1600px;}
.solutions-dimension-icon24{background-position: center -800px;}
.solutions-dimension-icon25{background-position: center -1000px;}
.solutions-dimension-icon26{background-position: center -1800px;}
.solutions-dimension-icon27{background-position: center -6200px;}
.solutions-dimension-mainbig,.solutions-dimension-mainlit{text-align: center;display: block;}
.solutions-dimension-mainbig{margin-top: 12px;font-size: 14px;font-family:PingFangSC-Medium;color: #383838;}
.solutions-dimension-mainlit{margin-top: 12px;font-size: 12px;font-family:PingFangSC-Regular;color: #383838;}
.solutions-dimension-cutline{position: absolute;display: block;height: 160px;border-right: solid 1px #AAAEB3; top: 0;right: 0;}
.solutions-awr-dimensionlistbg{background: #f8f8f8;}
.solutions-dimension-iconarea3{padding: 60px 0 0;}
.solutions-dimension-iconarea3 li{margin-left: 20px;padding: 30px;margin-bottom: 20px;width: 430px;height: 245px;border-radius: 4px;float: left;}
.solutions-dimension-iconarea3 li:hover{background: #fff;box-shadow: -1px 1px 20px 0px #aaaeb3;}
.solutions-dimension-iconsbook{float:left;margin-right: 30px;width: 180px;height: 245px;}
.solutions-dimension-mainbook{float: left;width: 188px;height:245px;}
.solutions-dimension-iconarea3 li:after{content: "";height: 0;display: block;clear: both;}
.solutions-dimension-mainbookbig{margin-top: 8px;font-size: 18px;color: #383838;}
.solutions-dimension-mainbooklit{font-size: 14px;color: #383838;margin-top: 52px;}
.solutions-dimension-mainbookbtn{display:block;width: 122px;height: 42px;border-radius: 4px;border: solid 1px #aaaeb3;text-align: center;line-height: 42px;color: #AAAEB3;margin-top: 57px;}
.solutions-dimension-iconarea3 li:hover .solutions-dimension-mainbookbtn{margin-left: 20px;background: #0085C9;color: #fff;border: none;}
.solutions-dimension-iconarea3 li:hover .solutions-dimension-mainbookbig{color: #0085C9;}
.solutions-dimension-mainbookbtn:hover{background: #006bc9 !important;cursor: pointer;}
.solutions-details-summarize{padding-top:120px;height: 397px;}
.solutions-details-main{float: left;width:790px;}
.solutions-details-title{font-size: 20px;color: #383838;padding-top: 20px;line-height:28px;}
.solutions-details-content{font-size: 12px;color: #383838;margin-top: 12px;margin-bottom: 16px;line-height:22px;}
.solutions-details-sumbtn{margin-left: 29px;float:left;line-height: 42px;width: 122px;height: 42px;background: #0085c9;color: #fff;border-radius: 4px;text-align: center;}
.solutions-details-sumbtn:hover{cursor: pointer;background: #006bc9;}
.solutions-details-bookcon{padding-bottom:76px;background: #f8f8f8;}
.solutions-details-bookpagetitle{font-size: 20px;margin-top: 76px;margin-bottom: 76px;color: #383838;}
.solutions-details-bookconpage{margin-top: 30px;}
.solutions-details-download{height: 780px;}
.solutions-details-downloadtit{font-size: 20px;color: #383838;line-height: 28px;margin-top: 116px;}
.solutions-details-downloadcon{font-size: 14px;color: #383838;line-height: 22px;margin-top: 22px;}
.solutions-details-downloadform{width: 394px;margin: 0 auto;margin-top: 77px;}
.solutions-details-downloadform .solutions-details-input{padding: 12px 10px;width: 280px;border-radius: 4px;border: solid 1px #aaaeb3;}
.solutions-details-downloadform p .solutions-details-inputname{display: inline-block;width: 42px;text-align: right;font-size: 14px;color: #383838;}
.solutions-details-downloadform p{position: relative;margin-bottom: 30px;}
.solutions-details-downloadbtn{position: relative;display: block;width: 232px;height: 42px;background: #0085c9;border-radius: 4px;color: #fff;line-height: 42px;margin: 0 auto;text-align: center;font-size: 14px;}
.solutions-details-downloadbtn:hover{cursor: pointer;background:#006bc9;}
#downloadpdf {width: 232px; margin: 0 auto;margin-top:60px;}
.awr-disabled {position: absolute;width: 232px;height: 42px;z-index: 2;background: #0085c9;opacity: 0;filter: "alpha(opacity=0)";filter: alpha(opacity=0);}
.awr-disabled:hover{cursor:  not-allowed;}
.regerror{border-color: #EE1919 !important;}
.icon-awr{background: url(../images/add-soluctionicon.png) left 10px no-repeat;}
.icon-awr:hover{background: url(../images/add-soluctionicon.png) left -40px no-repeat;}
.div-ul-project .icon-awrnw{background: url(../images/statspack-icon.png) center -6600px no-repeat;}
.div-ul-project .icon-awrnw:hover{background: url(../images/statspack-icon.png) center -6400px no-repeat;}
.div-ul-project .icon-awrmb{background: url(../images/statspack-icon.png) center -6800px no-repeat;}
.div-ul-project .icon-awrmb:hover{background: url(../images/statspack-icon.png) center -7000px no-repeat;}
.div-ul-project .icon-awrcloud{background: url(../images/statspack-icon.png) center -7200px no-repeat;}
.div-ul-project .icon-awrcloud:hover{background: url(../images/statspack-icon.png) center -7400px no-repeat;}
.solutions-detail-error{display:none;color: #EE1919;width: 280px;padding: 12px 10px;z-index:-1;position: absolute;top:0;border-radius: 4px;left:0;}
.solutions-relative{position: relative;display: inline-block;margin-left: 30px;}
/*20180126 添加方案行业性能报告*/

#kf5-support-btn{display:none !important;}

/*20181228 新增听云数字化业务运维平台*/
.aiops-banner {
    width: 100%;
    height: 538px;
    background: url(../images/aiops-banner.png) center no-repeat;
}
.aiops-app{
	font-size: 16px;
	font-weight:400;
	color: #fff;
	margin-right: 52px;
}
.aiops-nav-con a{
	color: #fff;
	font-size: 12px;
	margin-right: 44px;
	opacity: .8;
    display: block;
    margin-top: 1px;
}
.aiops-banner-text{
	width: 1000px;
}
.aiops-banner-text h4{
	font-size:44px;
	/*font-weight:600;*/
	color:rgba(255,255,255,1);
	line-height:52px;
	letter-spacing:1px;
	text-align: center;
	margin-top: 110px;
}
.aiops-banner-slogan{
	text-align: center;
	font-size:35px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:52px;
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.aiops-banner-slogan:before{
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 325px;
    top: 25px;
}
.aiops-banner-slogan:after{
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	right: 325px;
    top: 25px;
}
.aiops-banner-illustrate{
	text-align: center;
	font-size:14px;
	font-weight:400;
	color:rgba(255,255,255,.8);
	line-height:30px;
	margin-top: 60px;
}
.aiops-outline-ue{
	width: 100%;
	padding:80px 0;
	background-color: #0078FF;
	overflow: hidden;
}
.aiops-outline-ue h3{
	font-size:35px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:28px;
	text-align: center;
}
.aiops-outline-illustrate{
	margin: 0 auto;
	width: 1000px;
	text-align: center;
	font-size:14px;
	color:rgba(255,255,255,.8);
	line-height:30px;
	margin-top: 30px;
}
.aiops-function{
	padding:80px 0 120px;
	overflow: hidden;
}
.aiops-function h3,.aiops-feature h3,.aiops-scenario h3{
	font-size:30px;
	font-weight:500;
	color:rgba(0,0,0,0.8);
	line-height:28px;
	text-align: center;
}
.aiops-function-list:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-function-list{
	margin-top: 15px;
	width: 800px;
	margin: 0 auto;
}
.aiops-function-list li{
	float: left;
	width: 120px;
	margin-top: 70px;
}
.aiops-function-list li+li{
	margin-left: 104px;
}
.aiops-function-list li span{
	display: block;
	width: 48px;
	height: 48px;
    margin: 0px 36px;
	background-size:contain !important;
}
.aiops-function-list li:nth-child(1) span{
	background: url(../images/aiops-ue.png) no-repeat center;
}
.aiops-function-list li:nth-child(2) span{
	background: url(../images/aiops-page.png) no-repeat center;
}
.aiops-function-list li:nth-child(3) span{
	background: url(../images/aiops-set.png) no-repeat center;
}
.aiops-function-list li:nth-child(4) span{
	background: url(../images/aiops-error.png) no-repeat center;
}
.aiops-function-list li:nth-child(5) span{
	background: url(../images/aiops-network.png) no-repeat center;
}
.aiops-function-list li:nth-child(6) span{
	background: url(../images/aiops-cdn.png) no-repeat center;
}
.aiops-function-list li:nth-child(7) span{
	background: url(../images/aiops-cb.png) no-repeat center;
}
.aiops-function-list li em{
	display: block;
	font-style: normal;
	text-align: center;
	margin-top: 12px;
}
.aiops-feature{
	padding-top:80px;
	overflow: hidden;
}
.aiops-feature-list{
	margin: 0 auto;
	width: 1000px;
	margin-top: 44px;
}
.aiops-feature-list:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-feature-list li{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-size:12px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:17px;
	padding: 73px 22px;
}
.aiops-feature-list li+li{
	margin-left: 25px;
}
.aiops-feature-list li:nth-child(1){
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(11,152,249,1)), to(rgba(0,120,255,1)));
	background:-webkit-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
	background:-moz-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
	background:-o-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  background:linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078FF', endColorstr='#0B98F9', GradientType=0);
}	
.aiops-feature-list li:nth-child(2){
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(250,217,97,1)), to(rgba(247,172,28,1)));
	background:-webkit-linear-gradient(360deg, rgba(250,217,97,1) 0%, rgba(247,172,28,1) 100%);
	background:-moz-linear-gradient(360deg, rgba(250,217,97,1) 0%, rgba(247,172,28,1) 100%);
	background:-o-linear-gradient(360deg, rgba(250,217,97,1) 0%, rgba(247,172,28,1) 100%);
  background:linear-gradient(360deg, rgba(250,217,97,1) 0%, rgba(247,172,28,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7AC1C', endColorstr='#FAD961', GradientType=0);
}
.aiops-feature-list li:nth-child(3){
  background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(134,209,186,1)), color-stop(0.59, rgba(109,198,162,1)), color-stop(0.7, rgba(104,196,157,1)), to(rgba(91,190,145,1)));
	background:-webkit-linear-gradient(360deg, rgba(134,209,186,1) 0%, rgba(109,198,162,1) 59%, rgba(104,196,157,1) 70%, rgba(91,190,145,1) 100%);
	background:-moz-linear-gradient(360deg, rgba(134,209,186,1) 0%, rgba(109,198,162,1) 59%, rgba(104,196,157,1) 70%, rgba(91,190,145,1) 100%);
	background:-o-linear-gradient(360deg, rgba(134,209,186,1) 0%, rgba(109,198,162,1) 59%, rgba(104,196,157,1) 70%, rgba(91,190,145,1) 100%);
	background:linear-gradient(360deg, rgba(134,209,186,1) 0%, rgba(109,198,162,1) 59%, rgba(104,196,157,1) 70%, rgba(91,190,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BBE91', endColorstr='#86D1BA', GradientType=0);
}
.aiops-feature-list li:nth-child(4){
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(136,157,254,1)), to(rgba(96,92,243,1)));
	background:-webkit-linear-gradient(360deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
	background:-moz-linear-gradient(360deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
	background:-o-linear-gradient(360deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
  background:linear-gradient(360deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605CF3', endColorstr='#889DFE', GradientType=0);
	padding-top: 83px;
}
.aiops-feature-list li:nth-child(5){
	background:-webkit-gradient(linear, 100% 0, 0 0, from(rgba(0,189,231,1)), to(rgba(58,223,224,1)));
	background:-webkit-linear-gradient(180deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
	background:-moz-linear-gradient(180deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
	background:-o-linear-gradient(180deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
  background:linear-gradient(180deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ADFE0', endColorstr='#00BDE7', GradientType=0);
}
.aiops-scenario{
	overflow: hidden;
	padding-top:80px;
}
.aiops-scenario-list{
	background-color: #313131;
	height: 300px;
	margin-top: 44px;
}
.aiops-scenario-list ul{
	width: 1000px;
	margin: 0 auto;
}
.aiops-scenario-list ul:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-scenario-list ul li{
	width: 200px;
	height: 300px;
	float: left;
	position: relative;
}
.aiops-scenario-list ul li .aiops-scenario-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	top: 0;
	z-index: 1;
}
.aiops-scenario-list ul li:hover{
	cursor: pointer;
}
.aiops-scenario-list ul li:hover .aiops-scenario-mask{
 	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(11,152,249,1)), to(rgba(0,120,255,1)));
 	background:-webkit-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
 	background:-moz-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
 	background:-o-linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  background:linear-gradient(360deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078FF', endColorstr='#0B98F9', GradientType=0);
	opacity: 0.8;
} 
.aiops-scenario-list ul li:hover span{
	display: none;
}
.aiops-scenario-list ul li:hover em{
	margin-top: 133px;
}
.aiops-scenario-list ul li:nth-child(1){
	background: url(../images/aiops-sense-tam.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(2){
	background: url(../images/aiops-sense-vip.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(3){
	background: url(../images/aiops-sense-index.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(4){
	background: url(../images/aiops-sense-mttr.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(5){
	background: url(../images/aiops-sense-important.png) no-repeat center;
}
.aiops-scenario-list ul li span{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-top: 90px;
	display: block;
	position: relative;
	z-index: 2;
	background-size: 100% !important;
}
.aiops-scenario-list ul li:nth-child(1) span{
	background: url(../images/aiops-sense-icon-tam.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(2) span{
	background: url(../images/aiops-sense-icon-vip.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(3) span{
	background: url(../images/aiops-sense-icon-index.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(4) span{
	background: url(../images/aiops-sense-icon-mttr.png) no-repeat center;
}
.aiops-scenario-list ul li:nth-child(5) span{
	background: url(../images/aiops-sense-icon-important.png) no-repeat center;
}
.aiops-scenario-list ul li em{
	display: block;
	width: 154px;
	text-align: center;
	font-size:12px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:17px;
	position: relative;
	z-index: 2;
	font-style: normal;
	margin: 0 auto;
	margin-top: 28px;
}
.aiops-analysis{
	padding:80px 0;
	overflow: hidden;
}
.aiops-analysis h3{
	font-size:45px;
	font-weight:500;
	color:rgba(0,0,0,1);
	line-height:63px;
	text-align: center;
}
.aiops-analysis-illustrate{
	width: 1000px;
	margin: 0 auto;
	font-size:14px;
	font-weight:400;
	color:rgba(0,0,0,.6);
	line-height:30px;
	margin-top:16px; 
}
.aiops-analysis-content{
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
}
.aiops-analysis-left-list{
	margin-left: 178px;
}
.aiops-analysis-left-list ul li{
	width:300px;
	height:120px;
	border-radius:6px;
	line-height: 120px;
	text-align: center;
	font-size:25px;
	font-weight:500;
	color:rgba(255,255,255,1);
	opacity: .5;
	position: relative;
	cursor: pointer;
}
.aiops-analysis-left-list ul li span{
	display:block;
	position:relative;
	border-radius: 6px;
}
.aiops-analysis-left-list ul li:hover{
	opacity: 1 !important;
}
.aiops-analysis-left-list ul li:hover span{
	top: -10px;
}
.aiops-analysis-left-list ul li+li{
	margin-top: 30px;
}
.aiops-analysis-left-list ul li:nth-child(1) span{
	background:-webkit-linear-gradient(270deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
	background:-moz-linear-gradient(270deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
	background:-o-linear-gradient(270deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  background:linear-gradient(270deg, rgba(11,152,249,1) 0%, rgba(0,120,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078FF', endColorstr='#0B98F9', GradientType=0);
	box-shadow:0px 10px 20px 0px rgba(11,152,249,0.4);
}
.aiops-analysis-left-list ul li:nth-child(2) span{
	background:-webkit-linear-gradient(270deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
	background:-moz-linear-gradient(270deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
	background:-o-linear-gradient(270deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
  background:linear-gradient(270deg, rgba(136,157,254,1) 0%, rgba(96,92,243,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605CF3', endColorstr='#889DFE', GradientType=0);
	box-shadow:0px 10px 20px 0px rgba(126,140,251,0.4);
}
.aiops-analysis-left-list ul li:nth-child(3) span{
	background:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(0,189,231,1)), to(rgba(58,223,224,1)));
	background:-webkit-linear-gradient(90deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
	background:-moz-linear-gradient(90deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
	background:-o-linear-gradient(90deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
  background:linear-gradient(90deg, rgba(0,189,231,1) 0%, rgba(58,223,224,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ADFE0', endColorstr='#00BDE7', GradientType=0);
	box-shadow:0px 10px 20px 0px rgba(57,222,224,0.4);
}
.aiops-analysis-right-list{
	margin-left: 120px;
}
.aiops-analysis-right-list ul{
	display: none;
}
.aiops-analysis-right-list ul:nth-child(1){
	display: block;
	margin-top: 46px;
}
.aiops-analysis-right-list ul:nth-child(2){
	margin-top: 0px;
}
.aiops-analysis-right-list ul:nth-child(3){
	margin-top: 80px;
}
.aiops-analysis-right-list ul li+li{
	margin-top: 30px;
}
.aiops-analysis-right-list ul:nth-child(2) li+li{
	margin-top: 26px;
}
.aiops-analysis-right-list ul li:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-analysis-right-list ul li span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
	float: left;
	background-color: #0078FF;
	margin-top: 8px;
}
.aiops-analysis-right-list ul:nth-child(1) li span{
	background-color: #0078FF;
}
.aiops-analysis-right-list ul:nth-child(2) li span{
	background-color: #605CF3;
}
.aiops-analysis-right-list ul:nth-child(3) li span{
	background-color: #00BDE7;
}
.aiops-analysis-right-list ul li em{
	font-style: normal;
	margin-left: 20px;
	display: block;
	float: left;
	font-size:16px;
	font-weight:400;
	color:rgba(0,0,0,.6);
	line-height:28px;
	width: 320px;
}
.aiops-outline-business{
	background-color: #0078FF;
	overflow: hidden;
	padding: 80px 0;
}
.aiops-outline-business h3{
	font-size:45px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:63px;
	text-align: center;
}
.aiops-outline-business-illustrate{
	font-size:14px;
	font-weight:400;
	color:rgba(255,255,255,.8);
	line-height:30px;
	width: 1000px;
	margin: 0 auto;
	margin-top: 16px;
}
.aiops-outline-business-list{
	margin-top: 58px;
}
.aiops-outline-business-list ul{
	width: 1000px;
	margin: 0 auto;
}
.aiops-outline-business-list ul:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-outline-business-list ul li {
	float: left;
	position: relative;
	width: 200px;
}
.aiops-outline-business-list ul li+li:after{
	content: "";
	display: block;
	position: absolute;
	width:2px;
	height:100px;
	background:rgba(255,255,255,.1);
	border-radius:2px;
	top: 5px;
	left: 0;
}
.aiops-outline-business-list ul li span{
	display: block;
	width: 56px;
	height: 56px;
    margin: 0 71px;
	background-size: contain !important;
}
.aiops-outline-business-list ul li:nth-child(1) span{
	background: url(../images/aiops-business-pz.png) no-repeat center;
}
.aiops-outline-business-list ul li:nth-child(2) span{
	background: url(../images/aiops-business-gj.png) no-repeat center;
}
.aiops-outline-business-list ul li:nth-child(3) span{
	background: url(../images/aiops-business-lc.png) no-repeat center;
}
.aiops-outline-business-list ul li:nth-child(4) span{
	background: url(../images/aiops-business-cz.png) no-repeat center;
}
.aiops-outline-business-list ul li:nth-child(5) span{
	background: url(../images/aiops-business-zz.png) no-repeat center;
}
.aiops-outline-business-list ul li em{
	display: block;
	text-align: center;
	font-style: normal;
	font-size:12px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:17px;
	letter-spacing:1px;
	margin-top:12px;
}
.aiops-scenario-business{
	overflow: hidden;
}
.aiops-scenario-business h3{
	margin-top: 80px;
	font-size:30px;
	font-weight:500;
	color:rgba(0,0,0,0.8);
	line-height:28px;
	text-align: center;
}
.aiops-scenario-business-list{
	margin: 0 auto;
	margin-top: 50px;
	width: 920px;
	margin-bottom:86px;
}
.aiops-scenario-business-list:after{
	content: "";
	display: block;
	clear: both;
}
.aiops-scenario-business-list li{
	float: left;
	height: 194px;
}
.aiops-scenario-business-list li+li{
	margin-left: 98px;
}
.aiops-scenario-business-list li:nth-child(4){
	margin-left: 170px;
}
.aiops-scenario-business-list li span{
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 60px;
	background-size: 100% !important;
}
.aiops-scenario-business-list li:nth-child(1) span{
	background: url(../images/aiops-sense-zb.png) no-repeat center;
}
.aiops-scenario-business-list li:nth-child(2) span{
	background: url(../images/aiops-sense-gc.png) no-repeat center;
}
.aiops-scenario-business-list li:nth-child(3) span{
	background: url(../images/aiops-sense-yw.png) no-repeat center;
}
.aiops-scenario-business-list li:nth-child(4) span{
	background: url(../images/aiops-sense-yc.png) no-repeat center;
}
.aiops-scenario-business-list li:nth-child(5) span{
	background: url(../images/aiops-sense-ts.png) no-repeat center;
}
.aiops-scenario-business-list li em{
	display: block;
	width: 240px;
	text-align: center;
	font-style: normal;
	font-size:16px;
	font-weight:400;
	color:rgba(0,0,0,.6);
	line-height:28px;
	margin-top: 18px;
}
/*20181228 新增听云数字化业务运维平台*/

/* 20181229 修改官网主页样式 */
.banner {
  background: url(../images/banner_re-new.png) no-repeat top center;
  position:relative;
}
.banner-tab .banner-bg{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:-webkit-gradient(linear, 100% 0, 0 0, from(rgba(30,33,42,1)), to(rgba(31,36,59,1)));
	background:-webkit-linear-gradient(180deg, rgba(30,33,42,1) 0%, rgba(31,36,59,1) 100%);
	background:-moz-linear-gradient(180deg, rgba(30,33,42,1) 0%, rgba(31,36,59,1) 100%);
	background:-o-linear-gradient(180deg, rgba(30,33,42,1) 0%, rgba(31,36,59,1) 100%);
	background:linear-gradient(180deg, rgba(30,33,42,1) 0%, rgba(31,36,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E212A', endColorstr='#1F243B', GradientType=0);
}
.banner-p01{
  font-size: 40px;
  letter-spacing:0;
}
.banner-p02{
  font-size: 20px;
  margin-bottom: 13px;
  letter-spacing:0;
}
.banner-p02 span{
  left: 152px;
  font-size: 20px;
  color:#0078FF;
}
.banner-p03{
  letter-spacing:0;
}
.banner-btn{
  margin-top: 33px;
}
.free-btn {
  width: 150px;
  height: 50px;
  line-height: 48px;
  background:-webkit-linear-gradient(90deg,rgba(0,125,232,1) 0%,rgba(0,202,246,1) 100%);
  background:-moz-linear-gradient(90deg,rgba(0,125,232,1) 0%,rgba(0,202,246,1) 100%);
  background:-o-linear-gradient(90deg,rgba(0,125,232,1) 0%,rgba(0,202,246,1) 100%);
  background:rgba(0,125,232,1) linear-gradient(90deg,rgba(0,125,232,1) 0%,rgba(0,202,246,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078FF', endColorstr='#0BBCF9', GradientType=0);
}
.video-btn{
  width: 150px;
  height: 50px;
  line-height: 48px;
  background: rgba(255,255,255,.3);
  border: none;
  padding: 0;
  text-align: center;
}
.banner-btn a{
  border-radius: 5px;
  font-size: 20px;
  position: relative;
}
.banner-btn-mask{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.1);
  display: none;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.banner-btn a:hover .banner-btn-mask{
  display: block;
}
/* 20181229 修改官网主页样式 */
/* 新增小程序业务运维一体化监控分析平台 */
.mini-programs-banner {
  height: 600px;
  background-size: cover!important;
}
/* banner背景图片 */
.mini-programs-banner {
  width: 100%;
  background: url(../images/mini-programs-banner.png) center no-repeat;
}
/* banner文字左对齐 */
.mini-programs-banner .app-banner-text {
  text-align: left;
}
/* banner-text补充文字 */
.banner-text-info{
  font-size:18px;
  margin-top:20px;
}
/* 小程序banner按钮布局 */
.mini-programs-btn{
  margin-top:48px;
}
/* 圆角按钮样式 */
.radius-btn{
  display: inline-block;
  min-width:160px;
  height:48px;
  line-height:48px;
  font-size:18px;
  color:rgba(255,255,255,1);
  text-align: center;
  box-shadow:0px 2px 14px 0px rgba(0,0,0,0.05);
  border-radius:25px;
  box-sizing: border-box;
}
.radius-btn.radius-btn-primary{
  background:linear-gradient(270deg,rgba(2,226,181,1) 0%,rgba(0,159,231,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#02e2b5',endcolorstr='#009fe7',gradientType=1);
}
.radius-btn-primary:hover{
  box-shadow:0px 2px 24px 0px rgba(0,0,0,0.3);
}
.radius-btn.radius-btn-default{
  border:1px solid rgba(255,255,255,1);
}
.radius-btn-default:hover{
  color:rgba(2,91,171,1);
  background:rgba(255,255,255,1);
  box-shadow:0px 2px 24px 0px rgba(0,0,0,0.3);
}
.radius-btn+.radius-btn{
  margin-left:24px;
}
/*  */
.mini-programs-con{
  width:1020px;
  margin:0 auto;
}
/* 图文混排 */
.ty-thumbnail{
  position: relative;
  margin:30px 0;
}
.ty-thumbnail>div{
  position: relative;
  width:50%;
  height:500px;
}
/* 文字布局 */
.ty-thumbnail-text{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:385px;
  color:rgba(47,47,47,1);
}
/* 标题 */
.ty-thumbnail-title{
  font-size:30px;
  font-weight:300;
  margin-bottom:30px;
}
/* 角色 */
.ty-thumbnail-subtitle{
  font-size:18px;
  font-weight: 100;
}
.ty-thumbnail-subtitle .ty-dot{
  position: relative;
  padding-left:20px;
}
.ty-thumbnail-subtitle .ty-dot:before{
  content:"";
  position: absolute;
  top:50%;
  left:0;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:50%;
  background:rgba(53,152,236,1);
}
/* 内容 */
.ty-thumbnail-context{
  font-size:14px;
  line-height:20px;
  margin-top:10px;
  font-weight: 100;
}
/* 核心功能 */
.mini-programs-function{
  color:rgba(255,255,255,1);
  padding:60px 0 170px;
  background: url(../images/function-bg.png) no-repeat center;
}
.function-con{
  width:700px;
  margin:0 auto;
}
/* 页面中的标题 */
.page-title-container{
  text-align: center;
}
.page-title{
  font-size:36px;
  color:#000;
  line-height:50px;
  margin-bottom:30px;
}
.mini-programs-function .page-title{
  color:#fff;
}
/* 标题下的方块 */
.page-title-rect{
  display: inline-block;
  width:50px;
  height:10px;
  background:rgba(53,152,236,1);
  margin-bottom:30px;
}
.mini-programs-function .page-title-rect{
  background:rgba(255,255,255,1);
}
/* 核心功能列表 */
.function-list>div{
  float:left;
  width:25%;
  text-align: center;
  padding:25px 0;
}
.function-list>div>div{
  font-size:16px;
  margin-top:15px;
  font-weight:300;
}
/* 产品优势 */
.shadow-container{
  width:920px;
  padding:60px 160px 90px;
  margin:-80px auto 0;
  background:#fff;
  box-shadow:0px 2px 24px 0px rgba(0,0,0,0.2);
}
.product-advantage>div{
  float:left;
  width:25%;
  text-align: center;

}
.advantage-icon{
  display: inline-block;
  width:169px;
  height:169px;
  margin:0 auto;
}
.icon-computer-io{
  background:url("../images/computer-io.png") no-repeat center;
}
.icon-computer-io:hover{
  background:url("../images/computer-io-hover.png") no-repeat center;
}
.icon-smart-alert{
  background:url("../images/smart-alert.png") no-repeat center;
}
.icon-smart-alert:hover{
  background:url("../images/smart-alert-hover.png") no-repeat center;
}
.icon-mini-programs{
  background:url("../images/mini-programs.png") no-repeat center;
}
.icon-mini-programs:hover{
  background:url("../images/mini-programs-hover.png") no-repeat center;
}
.icon-endtoend{
  background:url("../images/endtoend.png") no-repeat center;
}
.icon-endtoend:hover{
  background:url("../images/endtoend-hover.png") no-repeat center;
}
.product-advantage>div>div{
  width:57%;
  font-size:16px;
  margin:10px auto 0 ;
}
/* 他们正在用 */
.user-con{
  width:930px;
  margin:0 auto 130px;
  padding-top:90px;
}
.whouse-list>div{
  float:left;
  width:160px;
  height:80px;
  text-align: center;
  line-height: 80px;
  margin:15px 13px;
  box-shadow:0px 2px 14px 0px rgba(0,0,0,0.1);
}
/* 新增小程序业务运维一体化监控分析平台 */