@charset "UTF-8";
/* CSS Document */

/*commmon*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul, form { margin:0;padding:0;}
a { text-decoration: none; cursor: pointer;}
a:hover, a:active, a:visited, a:link{ text-decoration: none; cursor:pointer;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
*:focus{outline:none;}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

i{ font-style:normal}
ul li{ list-style:none;}
input { outline: none;}
img { border: 0 none; display:block;}

html{ height:100%; min-height:100%;}
body{ 
    color: #333;
	font-size: 14px; 
	font-weight:normal;
	font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fafafa;
	width:100%;
	min-width:1200px;
	height:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.fr{ float:right;}
.fl{ float:left;}
.clearfloat:after{ display:block; content:''; clear: both;}

.fz28{ font-size: 28px;}
.fz24{ font-size: 24px;}
.fz20{ font-size: 20px;}
.fz18{ font-size: 18px;}
.fz16{ font-size: 16px;}
.fz14{ font-size: 14px;}
.fz12{ font-size: 12px;}


/*header*/
/*----------top-bar*/
.top-bar{ 
  width:100%; 
  min-width:1200px; 
  height:34px;
  line-height:34px;
  background:#3a3a3a;
}
.top-bar-mid{ 
   width:1200px; 
   margin:0 auto; 
   height:34px;
}
.text-top-tcloud{ color:#ccc;}
.text-top-tcloud span{ color:#fff;}
.top-bar-mid ul li{ float:left;}
.order-link{ margin-right:20px; font-size:12px;}
.service-text{
  padding-left:22px; 
  background:url(../images/service-top.png) no-repeat left center; 
  background-size:16px auto;
  color:#ccc;
  font-size:12px;
}
.btn-bg{
	width:70px;
	height:24px;
	line-height:22px;
	background:url(../images/btn-uesr-bg.png) no-repeat 12px center #cd3c40;
	background-size:16px auto;
	color:#fff;
	font-size:12px;
	border-radius:50px;
	padding-left:30px;
	margin-top:6px;
	font-weight:700;
}
/*-------下拉菜单*/
.head-pop{ 
   width: 110px;
   background:#fff; 
   position:absolute; 
   top:35px;
   left:-13px; 
   z-index:400;           
   border-radius:3px; padding:10px;
   -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   font-size:14px;
}
.land-icon{ 
	width:40px; 
	height:18px;
	position:absolute; 
	top:-6px; 
	left:16px;
	z-index:410;
}
div.head-pop ul li{float: none;}
div.head-pop ul li a{ display:block; width:90px;height:30px;line-height:30px;color:#333; text-align:left; padding-left:6px;}
div.head-pop ul li a:hover{ background:#eaeaea;}

/*-------top-nav*/
.top-nav{
	width:100%; 
	min-width:1200px; 
	height:80px; 
	line-height:80px;
	background:#fff; 
	font-size:16px;
	border:1px solid #e5e5e5;
}
.top-nav-mid{ 
    width:1200px; 
	margin:0 auto;
}
.logo-account{
	width:300px;
	height:80px;
	background:url(../images/logo-chanjet.png) no-repeat left 0px;
	background-size:300px auto;
	cursor:pointer;
}
.top-nav-mid ul li{ float:left;}
.nav-list{ margin-left:36px;}
.nav-list a{
	display:block;
	color:#333;
}
.top-nav-mid ul .active-nav-top a, .nav-list a:hover{
	color:#cd3c40;
}


/*banner*/
.Tcloud-banner{
	width:100%;
	min-width:1200px;
	height:500px;
	background:url(../images/banner2.jpg) no-repeat center;
	background-size:cover;
}
.mid-btnBox{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.ballBox{
	width:500px;
	height:500px;
	position:absolute;
	top:16px;
	right:-41px;
}
.ballPic{
	width:100%;;
	height:100%;
}
.Tcloud-banner a{
	display:block;
	width:140px;
	height:40px;
	position:absolute;
	top:300px;
	z-index:10;
}
/*tcloud是什么*/
.tcloud-introduce{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:100px;
}
.tcloud-introduce .fz28, .different-versions .fz28, .tcloud-tabBox .fz28, .title-component .fz28{ margin-bottom:30px; color:#666;}
.tcloud-introduce .fz18, .tcloud-tabBox .fz18{ color:#999;}
.list-tloud-introduce{
	width:1000px;
	overflow:hidden;
	padding:20px 0 80px;
	margin:0 auto;
}
.list-tloud-introduce li{
	width:236px;
	height:326px;
	border-radius:10px;
	float:left;
	margin:0 6px;
	padding-top:40px;
	box-shadow:0 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0px 10px rgba(0,0,0,0.2);
	color:#999;
	background:#fff;
}
.introduce-img{
	width:80px;
	height:80px;
	margin:0 auto 16px;
}
/*tab切换-痛点*/
.tcloud-tabBox {
	width:100%;
	min-width:1200px;
	background:#fff;
	padding:80px 0 0;
	text-align:center;
}
.ul-tab-tcloud{
	width:1000px;
	margin:0 auto 40px;
	overflow:hidden;
	zoom:1;
	color:#666;
}
.ul-tab-tcloud li{
	float:left;
	width:210px;
	height:250px;
	cursor:pointer;
	margin:0 20px;
	text-align-last:center;
	font-size:16px;	
	padding-top:180px;
}
.ren-iconBox{ background:url(../images/ren1.png) no-repeat center 60px; background-size:100px auto;}
.ren-iconBox.active{ background:url(../images/ren2.png) no-repeat center; background-size:210px auto;color:#fff;}
.cai-iconBox{ background:url(../images/cai1.png) no-repeat center 60px; background-size:100px auto;}
.cai-iconBox.active{ background:url(../images/cai2.png) no-repeat center; background-size:210px auto;color:#fff;}
.huo-iconBox{ background:url(../images/huo1.png) no-repeat center 60px; background-size:100px auto;}
.huo-iconBox.active{ background:url(../images/huo2.png) no-repeat center; background-size:210px auto;color:#fff;}
.ke-iconBox{ background:url(../images/ke1.png) no-repeat center 60px; background-size:100px auto;}
.ke-iconBox.active{ background:url(../images/ke2.png) no-repeat center; background-size:210px auto;color:#fff;}
#content-tcloud{ 
    width:100%;
	min-width:1200px;
	height:360px;
	position:relative;
}
.text-mid-tcloud{ 
    width:1000px;
	margin:0 auto;
	color:#fff;
}
.cri-icon-title{
	font-size:20px;
	padding-left:16px;
	background:url(../images/business_management_circle.png) no-repeat left center;
	background-size:8px auto;
	margin-bottom:6px;
}
.mg-b14{ margin-bottom:14px;}
#content-tcloud .bq-text-tcloud{
	width:100%;
	height:100%;
	display:none;
	text-align:left;
}
.ren-bg{ 
    background:url(../images/ren-bg.jpg) no-repeat center;
    background-size:cover;
	padding-top:50px;
}
.cai-bg{
	background:url(../images/cai-bg.jpg) no-repeat center;
	background-size:cover;
	padding-top:30px;
}
.huo-bg{ 
    background:url(../images/huo-bg.jpg) no-repeat center;
    background-size:cover;
	padding-top:40px;
}
.ke-bg{
	background:url(../images/ke-bg.png) no-repeat center;
	background-size:cover;
	padding-top:40px;
}
.tab-btnBox{
	display:block;
	width:140px;
	height:40px;
	position:absolute;
	right:24%;
	bottom:60px;
	z-index:100;
}


/*支持各行业*/
.title-component{
	width:100%;
	min-width:1200px;
	padding:60px 0 0;
	text-align:center;
}
.pc-banner {
	position:relative;
	width:1000px;
	margin:0  auto;
}
.swiper-container {
	width:100%;
	margin:120px 0 80px;
	padding:10px 0;
}
.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.86);
	transform: scale(0.86);
}
.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	box-shadow:0 0 15px rgba(254,105,62,0.3);
}
.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.swiper-slide{ border:1px solid #e5e5e5;}
.swiper-slide img{
	width: 100%;
	display: block;
}
.component-textBox{
	width:100%;
	padding:20px;
	height:280px;
	color:#999;
}
.component-textBox p{
	text-align:left;
}
.bor-ying{
	width:286px;
	border-top:1px solid #e5e5e5;
	padding:10px 0 0;
	margin:0 20px;
	position: absolute;
	left:0;
	bottom:20px;
}
/*-----------tab控制锚点*/
.swiper-pagination{
	position: absolute;
	width: 1002px;
	left: 50%;
	top: -78px;
	margin-left: -501px;
	border-radius: 50px;
	border: 1px solid #ccc;
	border-collapse:collapse;
	overflow: hidden;
}
span.swiper-pagination-bullet{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	width: 200px;
	height: 40px;
	border-right: 1px solid #ccc;
	border-collapse:collapse;
	text-align: center;
	line-height: 40px;
	color: #000;
	background: #fff;
	border-radius: 0;
	font-weight:700;
}
span.swiper-pagination-bullet-active {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	width: 200px;
	height: 40px;
	border-right: 1px solid #f86e47;
	border-collapse:collapse;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #f86e47;
	border-radius: 0;
	font-weight:700;
}
/*-------------上一个下一个按钮 */
.button {
	position: absolute;
	width: 1140px;
	top: 240px;
	left: 50%;
	margin-left:-570px;	
}
div.swiper-button-prev {
	width: 30px;
	height: 40px;
	background:none;
}
div.swiper-button-next {
	width: 30px;
	height: 40px;
	background:none;
}

	
/*tcloud不同版本*/
.different-versions{
	width:100%;
	min-width:1200px;
	text-align:center;
	background:#f5f5f5;
	padding-top:80px;
}
.different-versions ul{ 
    width:1140px; 
	margin:0 auto; 
	overflow:hidden; 
	padding:10px 10px 100px;
}
.different-versions ul li{
	width:340px;
	height:500px;
	float:left;
	background:#fff;
	color:#666;
}
.different-versions ul li:hover{
	box-shadow:0 0 24px rgba(254,105,62,0.4);
}
.banben-title{
	width:100%;
	height:78px;
	line-height:78px;
}
.banben-number{
	width:100%;
	height:60px;
	line-height:60px;
	background:url(../images/banben-bg.png) no-repeat center;
	background-size:auto 60px;
	color:#fff;
	font-weight:700;
	margin-bottom:20px;
}
.btn-banben-box{
	display:block;
	width:140px;
	height:40px;
	margin:0 auto 26px;
}
.btn-orange-link{ color:#fe8869;}
/*新闻列表*/
.news-list-box{
	width:100%;
	min-width:1200px;
	background:#fff;
	padding:80px 0 100px;
}
.news-ul-box{
	width:1200px;
	margin:30px auto 0;
}
.news-ul-box li{
	width:100%;
	height:208px;
	border:1px solid #e5e5e5;
	background:#fafafa;
	color:#666;
	margin-bottom:24px;
}
.news-ul-box li a{color:#666;}
.news-img-box{
	width:370px;
	height:203px;
	margin-right:30px;
}
.news-text-box{
	width:760px;
	height:100%;
	padding-top:30px;
	position:relative;
}
.time-news{
	width:100%;
	height:50px;
	line-height:50px;
	border-top:1px solid #e5e5e5;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
.news-text-box .fz18{
	margin-bottom:8px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	font-weight:700;
}
.fz-con-style{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-more-link{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	border-radius:50px;
	border:1px solid #e5e5e5;
	color:#999;
	margin:40px auto 0;
}
/*激发企业潜力*/
.inspire{
	width:100%;
	min-width:1200px;
	height:160px;
	background:url(../images/bottom_bg.png) no-repeat center;
	background-size:cover;
	color:#fff;
	padding-top:24px;
}
.mid-inspire{
	width:500px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.mid-inspire a{
	display:block;
	width:100px;
	height:30px;
	position:absolute;
}

/*最新资讯页样式*/
.mid-news-box{
	width:1200px;
	margin:40px auto 80px;
}
.tcolud-newsTitle{
	width:120px;
	height:44px;
	line-height:44px;
	font-size:24px;
	color:#333;
	margin:40px auto 0;
	border-bottom:2px solid #D3384A;
	text-align:center;
}
.list-group-news{
	width:830px;
}
.list-group-tui{
	width:340px;
	border:1px solid #e5e5e5;
	padding:16px;
	background:#F4F5F6;
}
.list-group-news ul li{
	width:100%;
	border:1px solid #e5e5e5;
	margin-bottom:20px;
}
.list-group-news ul li:hover{
	border:1px solid #D3384A;
	box-shadow:0 0 20px rgba(211,56,74,0.4);
}
.list-group-news ul li a{ color:#333;}
.news-time-box{ width:60px; text-align:center; color:#999;}
.news-time-box p img{ display:inline-block;}
.news-time-box .fz24{ margin-top:28px;}
.news-time-box .fz12{ margin:6px 0 8px;}
.list-group-img{ width:200px; height:140px;}
.list-group-text{ width:560px; height:140px; position:relative;}
.list-group-text .fz20{ 
	width:550px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:10px; 
	margin-top:20px; 
	border-left:6px solid #D3384A; 
	padding-left:16px;
	font-weight: 700;
}
.list-group-text .fz14{
	width:550px; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color:#666; 
	padding-left:24px;
}
.pos-time img{ position:absolute;right:18px; bottom:10px; z-index:2;width:18px;}
.title-right{ 
     font-size:20px;
	 margin-top:10px; 
	 padding-bottom:6px; 
	 border-bottom:1px solid #ccc;
	 background:url(../images/news-q.png) no-repeat left 5px;
	 background-size:16px auto;
	 padding-left:22px;
}
.tui-text-list{ margin-top:18px;}
.tui-text-list li{padding-bottom:10px;}
.tui-text-list li a{ color:#666; font-size:14px;}
.page-list{ margin-top:40px;}
.page-list a{ 
    display:block;
	float:left;
	padding:0 14px;
	height:30px;
	line-height:28px;
	border:1px solid #ededed;
    color:#666; 
	cursor:pointer;
	font-size:12px;
	margin-left:-1px;
}
.j-icon-style img{ margin-top:10px;}
.page-list .active-page-newsHao{ color:#fff; background:#D3384A;}

/*footer*/
footer{ 
     width:100%;
	 min-width:1200px;
	 padding:80px 0 0;
	 background:#312f38;
}
.link-footer{
	width:1200px;
	min-height:200px;
	margin:0 auto;
	position:relative;
	color:#96959a;
}
.link-text-box .fl{
	margin-top:30px;
	margin-right:160px;
}
.link-text-box .fl p{ line-height:26px;}
.link-text-box .fl p a{color:#96959a;}
.link-title-bor{
	font-size:16px;
	line-height:32px;
	border-bottom:2px solid #BE0003;
	color:#fff;
	margin-bottom:16px;
}
.footer-code-img{
	padding-left:40px;
	padding-top:20px;
	border-left:1px solid #403e44;
	position:absolute;
	right:60px;
	top:0;
}
.footer-bottom{
	width:100%;
	height:32px;
	line-height:32px;
	background:#1b1a20;
	color:#96959a;
	text-align:center;
	margin-top:40px;
}
.footer-bottom a{color:#96959a;}