@charset "utf-8";
 
       /* 活动块样式 */
        .TCEActivitybox{
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 140px;
            background: url(/images/TCEActivity.png)no-repeat center center;
            z-index: 2000;
        }
        .TCEActivity{
            width: 1200px;
            margin-left: auto;
            margin-right: auto;

        }
        .TCELink{
            width: 168px;
            height: 48px;
            background: #0096ff;
            color: #fff;
            font-size: 20px;
            text-align: center;
            line-height: 48px;
            /* font-weight: bold; */
            display: inline-block;
            border-radius: 24px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            margin: 82px 0px 0px 830px;
            box-shadow: 3px 3px 5px #1a4597;
        }
        .TCELink:hover{
            background: #048ded;
        }
    
     .phone img{ margin-top: 20px; }

     /*底部*/
     
     .footerbox {
     	width: 100%;
     	background: #333333;
     	z-index: 100;
     }
     
     .footer {
     	width: 1200px;
     	margin: 0 auto;
     	padding: 50px 0px 30px 0;
box-sizing:border-box;
     }
     
     .footer-a:not(:last-child) {
     	margin-left: 80px;
     }
     
     .footer-a h1 {
     	font-size: 14px;
     	color: #ffffff;
     	margin-bottom: 10px;
     }
     
     .footer-a a {
     	font-size: 12px;
     	color: #c9c9c9;
     	line-height: 26px;
     	display: block
     }
     
     .footer-a img {
     	margin-top: 10px;
     }
     
     .footer-line {
     	width: 1px;
     	height: 138px;
     	background: #504f4f;
     	margin-left: 70px;
     }
     
     .footer-a h2 {
     	font-size: 22px;
     	font-family: "方正姚体";
     	color: #fff;
		margin-top: 10px;
     }
     
     .footer-a h3 {
     	font-size: 14px;
     	color: #7e7e7e;
     	margin-top: 10px;
		margin-bottom: 10px;
     }
     
     .footer-a h4 {
     	padding: 12px;
     	font-size: 14px;
     	color: #008bff;
     	border: 1px solid #008bff;
     	border-radius: 5px;
     	-webkit-border-radius: 5px;
     	-moz-border-radius: 5px;
     	margin-top: 20px;
     }
     
     .footer-a h4 img {
     	margin-top: 3px;
     	margin-right: 10px;
     }
     
     .footerinfo {
     	width: 100%;
     	height: 50px;
     	background: #2c2c2c;
     	line-height: 50px;
     	color: #898989;
     	text-align: center;
     }
     /*top*/
     
     .nav .phone img {
     	width: 24px;
     	float: left;
     	margin-right: 10px;
     }
     
     .nav .phone span {
     	line-height: 65px;
     }
     
     .fullbox {
     	width: 100%;
     }
     
     .topbox {
     	width: 100%;
     	height: 700px;
     	background-color: #23262a;
     	position: relative;
     }
     
     .bgbox {
     	width: 100%;
     	height: 700px;
     	position: absolute;
     	top: 0px;
     	left: 0px;
     	background: #23262a;
     	overflow: hidden;
     }
     
     .bgbox img {
     	display: none;
     	height: 700px;
     }
     
     .bgbox img:first-child {
     	display: block;
     }
     
     .navbox {
     	width: 100%;
     	position: fixed;
     	top: 0px;
     	z-index: 20000;
     }
     
     .navbox .navbg {
     	background: #373d41;
     }
     
     .navbox:hover .navbg {
     	background: #373d41
     }
     
     .navbg {
     	/*background: url(../images/navbg1.png);*/
     	width: 100%;
     	height: 65px;
     	position: absolute;
     	z-index: 1;
     	border-bottom: 1px solid #515659;
     }
     
     .navbg:hover {}
     
     .nav {
     	position: relative;
     	height: 65px;
     	width: 1200px;
     	margin: 0 auto;
     	font-size: 14px;
     	color: #fff;
     	z-index: 200
     }
     
     .nav .floatleft img {
     	padding-top: 22px;
     	margin-right: 30px;
     }
     
     .nav a {
     	margin-right: 22px;
     	color: #fff;
     	line-height: 62px;
     	float: left;
     	padding: 0px 3px;
     }
     
     .nav a:hover {
     	border-bottom: 2px solid #108cee;
     }
     
     .nav .nologin input {
     	color: #fff;
     	background: none;
     	height: 36px;
     	margin-top: 15px;
     	float: right;
     }
     
     .nav .nologin input:first-child {
     	border: 1px solid #fff;
     	padding: 0px 16px;
     	border-radius: 3px;
     	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
     	margin-left: 28px;
     }
     
     .productnav {
     	width: 100%;
     	position: absolute;
     	background: #373d41;
     	/*background: url(../images/navbg.png);*/
     	top: 66px;
     	overflow: hidden;
     	height: 0px;
     	z-index: 1000;
     	transition: all 0.6s;
     	-webkit-transition: all 0.6s;
     	-moz-transition: all 0.6s;
     }
     
     .productnav-a {
     	width: 1200px;
     	margin: 0 auto;
     	padding-top: 45px;
     }
     
     .productnav-a h1 {
     	font-size: 20px;
     	color: #989fa3;
     	margin: 30px 10px 20px
     }
     
     .productnav-a .product {
     	width: 238px;
     	height: 134px;
     	text-align: center;
     	display: block;
     	border: 1px solid transparent;
     	float: left;
     }
     
     .productnav-a .product img {
     	margin: 26px auto 0px;
     	height: 50px;
     }
     
     .productnav-a .product .img02 {
     	display: none
     }
     
     .productnav-a .product h2 {
     	font-size: 13px;
     	color: #b4b4b4;
     	margin-top: 16px;
     }
     
     .productnav-a .product:hover {
     	border-color: #fff;
     }
     
     .productnav-a .product:hover h2 {
     	color: #fff;
     	padding-top: 3px;
     }
     
     .productnav-a .product:hover .img01 {
     	display: none
     }
     
     .productnav-a .product:hover .img02 {
     	display: block
     }
     
     .nav .login input {
     	font-family: "微软雅黑";
     	display: inline-block;
     	max-width: 110px;
     	text-overflow: ellipsis;
     	overflow: hidden;
     	font-size: 14px;
     	color: #fff;
     	background: none;
     	height: 36px;
     	margin-top: 15px;
     	float: right;
     	line-height: 34px;
     }
     
     .nav .login input:first-child {
     	border: 1px solid #fff;
     	padding: 0px 16px;
     	border-radius: 3px;
     	-moz-border-radius: 3px;
     	-webkit-border-radius: 3px;
     	margin-left: 28px;
     }
     /*解决方案下拉*/
	 .solutionnav {
     	width: 100%;
     	position: absolute;
     	background: #373d41;
     	top: 66px;
     	overflow: hidden;
     	height: 0px;
     	z-index: 1000;
     	transition: all 0.6s;
     	-webkit-transition: all 0.6s;
     	-moz-transition: all 0.6s;
     }
     
     .solutionnav-a {
     	width: 1200px;
     	margin: 0 auto;
     	padding-top: 45px;
     }
     
     .solutionnav-a h1 {
     	font-size: 20px;
     	color: #989fa3;
     	margin: 30px 10px 20px
     }
     
     .solutionnav-a .product {
     	width: 238px;
     	height: 134px;
     	text-align: center;
     	display: block;
     	border: 1px solid transparent;
     	float: left;
     }
     
     .solutionnav-a .product img {
     	margin: 26px auto 0px;
     	height: 50px;
     }
     
     .solutionnav-a .product .img02 {
     	display: none
     }
     
     .solutionnav-a .product h2 {
     	font-size: 13px;
     	color: #b4b4b4;
     	margin-top: 16px;
     }
     
     .solutionnav-a .product:hover {
     	border-color: #fff;
     }
     
     .solutionnav-a .product:hover h2 {
     	color: #fff;
     	padding-top: 3px;
     }
     
     .solutionnav-a .product:hover .img01 {
     	display: none
     }
     
     .solutionnav-a .product:hover .img02 {
     	display: block
     }
     /*项目管理下拉*/
      .projectnav,
	  .documentnav {
          width: 100%;
          position: absolute;
          background: #373d41;
          top: 66px;
          overflow: hidden;
          height: 0px;
          z-index: 1000;
          transition: all 0.6s;
          -webkit-transition: all 0.6s;
          -moz-transition: all 0.6s;
     }
     
     .projectnav-a {
          width: 1200px;
          margin: 0 auto;
          padding-top: 45px;
     }
     
     .projectnav-a h1 {
          font-size: 20px;
          color: #989fa3;
          margin: 30px 10px 20px
     }
     
     .projectnav-a .product {
          width: 238px;
          height: 134px;
          text-align: center;
          display: block;
          border: 1px solid transparent;
          float: left;
     }
     
     .projectnav-a .product img {
          margin: 26px auto 0px;
          height: 50px;
     }
     
     .projectnav-a .product .img02 {
          display: none
     }
     
     .projectnav-a .product h2 {
          font-size: 13px;
          color: #b4b4b4;
          margin-top: 16px;
     }
     
     .projectnav-a .product:hover {
          border-color: #fff;
     }
     
     .projectnav-a .product:hover h2 {
          color: #fff;
          padding-top: 3px;
     }
     
     .projectnav-a .product:hover .img01 {
          display: none
     }
     
     .projectnav-a .product:hover .img02 {
          display: block
     }
     /* .bannerbox {
          position: relative;
          width: 1200px;
          height: 700px;
          margin: 0 auto;
          overflow: hidden;
     }
     
     .bannerbox .banner {
          z-index: 1;
          left: 0px;
          position: absolute;
          top: 700px;
          opacity: 0;
          transition: top 0.8s;
          -webkit-transition: top 0.8s;
          -moz-transition: top 0.8s;
     }
     
     .bannerbox .banner h1 {
          color: #fff;
          font-size: 44px;
     }
     
     .bannerbox .banner p {
          width: 614px;
          color: #fff;
          margin-top: 20px;
          line-height: 30px;
          font-size: 20px;
          transition: all 0.4s;
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
     }
     
     .bannerbox .banner input {
          width: 140px;
          height: 36px;
          font-size: 16px;
          margin-top: 40px;
          margin-right: 20px;
     }
     
     .bannerbox .show {
          display: block;
          top: 245px;
          opacity: 1;
     }
     
     .bannerbox .show img {
          display: block;
          transition: all 0.4s;
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
     }
     
     .bannerbox .show p {
          display: block;
     }
     
     .bannerbox .show input {
          display: inline-block;
     }
     
     .tabspan {
          position: absolute;
          bottom: 40px;
          left: 50%;
          margin-left: -64px;
     }
     
     .tabspan span {
          display: inline-block;
          width: 26px;
          height: 4px;
          background: #65686a;
          float: left;
          margin-right: 6px;
          cursor: pointer;      
          margin-bottom: 70px;     
     }
     
     .tabspan .current {
          background: #fff;
     } */
/*      show01

.show01 {
     width: 1200px;
     margin: 0 auto;
     height: 560px;
     padding: 80px 0px;
     text-align: center;
}

.show01 h1 {
     font-size: 24px;
     color: #1a1a1a;
     margin-bottom: 100px;
}

.show01-a-a {
     width: 400px;
     float: left;
     margin-bottom: 80px;
}

.show01-a-a img {
     padding-bottom: 30px;
}

.show01-a-a h2 {
     font-size: 20px;
     color: #373d41;
     font-weight: bold;
     margin-bottom: 20px
}

.show01-a-a p {
     font-size: 14px;
     color: #90999e;
     line-height: 20px;
}
show01

.show02 {
     width: 1210px;
     margin: 0 auto;
     padding: 80px 0px;
     text-align: left;
}

.show02 h1 {
     font-size: 30px;
     color: #000;
     margin-bottom: 18px;
}

.show02 h2 {
     font-size: 18px;
     color: #000;
}

.show02-a {
     margin-top: 70px;
}

.show02-a-a {
     overflow: hidden;
     cursor: pointer;
     width: 268px;
     height: 540px;
     border: 1px solid #c7c7c7;
     background: #fff;
     float: left;
     margin-left: -1px;
     transition: all 0.4s;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
}

.show02-a-b {
     width: 393px;
     border-color: #0086de;
     box-shadow: 0px 0px 10px #0086de;
     -moz-box-shadow: 0px 0px 8px #42b4ff;
     position: relative;
     z-index: 1;
}

.show02-a-a .head {
     overflow: hidden;
     height: 175px;
     width: 100%;
     background: #ebebec;
     text-align: center;
}

.show02-a-b .head {
     background: url(../images/show02-a-b-head.png);
}

.show02-a-a .head h2 {
     color: #000;
     font-size: 18px;
     margin-top: 18px;
     font-weight: bold;
}

.show02-a-b .head h2 {
     color: #fff;
     font-size: 20px;
     margin-top: 24px;
}

.show02-a-a .head img {
     margin: 30px auto 0px;
}

.show02-a-a .content01 {
     display: none;
}

.show02-a-a .img01 {
     display: block;
}

.show02-a-a .img02 {
     display: none
}

.show02-a-b .img02 {
     display: block;
}

.show02-a-b .img01 {
     display: none
}

.show02-a-a .content02 {
     display: block;
     opacity: 1
}

.show02-a-b .content02 {
     display: none;
}

.show02-a-b .content01 {
     display: block;
}

.show02-a-a .content01-a h1 {
     font-size: 18px;
     color: #000;
     margin-top: 20px;
     margin-bottom: 0px;
}

.show02-a-a .content01-a {
     width: 330px;
     margin: 0 auto;
     height: 150px;
     border-bottom: 1px solid #d1d1d1
}

.show02-a-a .content01-a p {
     font-size: 14px;
     color: #545454;
     line-height: 32px;
     margin-top: 5px;
}

.show02-a-a .content01-a a {
     width: 105px;
     height: 32px;
     display: block;
     font-size: 14px;
     line-height: 32px;
     margin-top: 12px;
}

.show02-a-a .content01-b {
     width: 330px;
     margin: 0 auto
}

.show02-a-a .content01-b-a h1 {
     font-size: 14px;
     color: #000;
     margin-top: 20px;
     margin-bottom: 0px;
}

.show02-a-a .content01-b-a p {
     width: 150px;
     font-size: 12px;
     color: #a9aeb4;
     line-height: 22px;
     margin-top: 5px;
}

.show02-a-a .content01-b-a a {
     font-size: 12px;
     color: #108cee;
     display: block;
     margin-top: 4px;
     line-height: 22px;
}

.show02-a-a .content01-b-a {
     width: 165px;
     float: left;
}

.show02-a-a .content02 h1 {
     font-size: 16px;
     color: #000000;
     margin: 45px 0px 33px;
}

.show02-a-a .content02 {
     text-align: center;
     width: 100%;
}

.show02-a-a .content02 span {
     display: block;
     background: #515151;
     width: 28px;
     height: 3px;
     margin: 0 auto
}

.show02-a-a .content02 p {
     font-size: 14px;
     color: #545454;
     line-height: 40px;
     margin: 25px auto 35px;
     width: 180px;
}

.show02-a-a .content02 a {
     width: 105px;
     height: 32px;
     display: block;
     font-size: 14px;
     line-height: 32px;
     margin: 0 auto;
}
解决方案

.show03box {
     background: url(../images/show03bg.png) no-repeat scroll center center;
     height: 800px;
}

.show03 {
     width: 1200px;
     margin: 0 auto;
     text-align: center;
     overflow: hidden;
}

.show03 h1 {
     font-size: 50px;
     color: #fff;
     margin-top: 130px;
}

.show03-content {
     margin-top: 86px;
}

.show03-content .floatleft {
     width: 327px;
     border-right: 1px solid #fff;
     text-align: right;
     height: 400px;
     position: relative;
}

.show03-content li {
     font-size: 16px;
     color: #fff;
     line-height: 40px;
     margin-bottom: 20px;
     margin-right: 20px;
     cursor: pointer;
}

.show03-content li.current {
     font-size: 20px;
     color: #2b9df6;
}

.show03-content .floatleft span {
     display: block;
     width: 5px;
     height: 40px;
     background: #2b9df6;
     position: absolute;
     right: 0px;
     top: 0px;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     transition: all 0.4s;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
}

.show03-content .floatright {
     width: 784px;
     margin-top: 30px;
     color: #fff;
     text-align: left;
}

.show03-content .floatright h2 {
     font-size: 32px;
}

.show03-content .floatright p {
     font-size: 20px;
     width: 600px;
     line-height: 48px;
     margin-top: 30px;
     margin-bottom: 60px;
}

.show03-content .floatright a {
     width: 140px;
     height: 36px;
     line-height: 36px;
     display: block;
     text-align: center;
     font-size: 16px;
}

.show03-content .floatright div {
     display: none;
}

.show03-content .floatright div:first-child {
     display: block
}
测试，不成问题

.show04 {
     height: 670px;
     width: 1200px;
     margin: 0 auto;
     background: url(../images/show04-bg.png) no-repeat scroll center center;
}

.show04 .content {
     width: 340px;
     margin: 185px 156px 0px 0px;
}

.show04 .content h1 {
     font-size: 40px;
     color: #000000;
     font-weight: lighter;
}

.show04 .content span {
     display: block;
     width: 60px;
     height: 1px;
     background: #d3d3d3;
     margin: 30px 0px;
}

.show04 .content p {
     font-size: 15px;
     line-height: 30px;
     color: #545454;
}
创始人寄语

.show05box {
     width: 100%;
     height: 580px;
     background: url(../images/show05bg.png) no-repeat scroll center center
}

.show05 {
     width: 1200px;
     margin: 0 auto;
}

.show05-title {
     text-align: center;
     padding-top: 80px;
}

.show05-title h1 {
     font-size: 36px;
     color: #313131;
     margin-bottom: 10px;
}

.show05-title h2 {
     font-size: 20px;
     color: #313131;
}

.show05-content {
     height: 160px;
     margin-top: 90px;
}

.show05-content-a span {
     cursor: pointer;
     width: 22px;
     height: 41px;
     display: block;
     margin: 60px 49px;
}

.show05-content-a-a {
     float: left;
     width: 1050px;
     height: 300px;
     margin: 0 auto;
}

.show05-content-a-a-1 p {
     width: 500px;
     color: #313131;
     font-size: 18px;
     line-height: 40px;
     margin-top: 30px;
     text-align: left;
     margin-left: 60px;
}

.show05-content-b {
     width: 75px;
     margin: 114px auto 0px;
     overflow: hidden;
}

.show05-content-b span {
     float: left;
     width: 13px;
     height: 13px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     display: inline-block;
     background: #cccccc;
     margin: 0px 6px;
}

.show05-content-b .current {
     background: #999999
}
免费试用

.show06box {
     width: 100%;
     height: 490px;
     background: url(../images/show06.png) no-repeat scroll center center;
}

.show06 {
     width: 1200px;
     margin: 0 auto;
     color: #fff;
}

.show06 h1 {
     font-size: 32px;
     margin-top: 100px;
}

.show06 p {
     font-size: 20px;
     width: 564px;
     line-height: 45px;
     margin: 30px 0px 40px;
} */
     
.index-news{
	clear:both;
	border:#FF0000 solid 0px;
	height:800px;
}

.index-news ul{
	clear:both;
}

.index-news ul li{

float:left;

width:590px;

padding:10px 10px 10px 0;

}

.index-news ul li a{
	font-size:14px;
}

.index-doc{
	clear:both;
	border:#FF0000 solid 0px;
	height:450px;
}

.index-doc ul{
	clear:both;
}

.index-doc ul li{

float:left;

width:300px;

padding:10px 10px 10px 0;

}

.index-doc ul li a{
	font-size:14px;
}

.youqing a{
color:#666;
}

.youqing a:hover{
color:#990000;
}

.content-list a{
color:#666;
}

.content-list a:hover{
color:#990000;
}