@charset "utf-8";
/* CSS Document */


/*==========首页==========*/
/*-----header头部-----*/
header{
	background:#fff;
}
header .top{
	color:#999;
	text-align:right;
	font-size:14px;
	width:1200px;
	height:28px;
	line-height:28px;
	margin:0 auto;
	position:relative;
}
header .top a{
	color:#999;
	display:inline-block;
}
header .top a:hover{
	color:#666;
	display:inline-block;
}
header .logo{
	width:1200px;
	height:90px;
	margin:0 auto;
	position:relative;
}
header .logo a{
	position:absolute;
	bottom:10px;
}
header .logo span{
	background:url(../images/tel.png) left center no-repeat;
	font-size: 24px;
	color:#333;
	font-weight:bold;
	height:30px;
	line-height:30px;
	display:block;
	padding-left:35px;
	position:absolute;
	bottom:12px;
	right:0;
}

/* 导航 */
header .nav{
	width:100%;
	height:50px;
	position: relative;
	z-index: 9;
	border-top:1px solid #eee;
}
header .nav>ul{
	display:block;
	margin:0 auto;
	width:1200px;
	height: 50px;
}
header .nav>ul>li{
	height: 50px;
	float: left;
	text-align: center;
	margin-right: 1px;
}
header .nav>ul>li.on>a{
	color: #fff;
	background:#c90e10;	
}
header .nav>ul>li:hover>a{
	color: #fff;
	background:#c90e10;
}
header .nav>ul>li>a{
	width:140px;
	height: 30px;
	display:block;
	padding:10px 0 10px;
	color: #666;
	font-size: 17px;
	line-height: 30px;
	text-align: center;	
	-moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

header .nav>ul>li>a>span{
	font-size: 11px !important;
}
header .nav ul li ul{
	display: none;
	overflow: hidden;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
header .nav ul li ul li{
	background:rgba(0,0,0,0.8);
	height: 40px;
	line-height: 40px;
	border-top:1px solid rgba(0,0,0,0.6);
}
header .nav ul li ul li a{
	color: #ccc;
	height: 40px;
	display: block;
}
header .nav ul li ul li:hover{
	background: #333;
}

/*banner*/
.banner{
	width:100%;
	/*height: 640px;*/
	margin: 0 auto;
	position:relative;
	/*z-index:1;*/
	overflow:hidden; 
}
.banner .bd{
	/*height: 640px;*/
	margin:0 auto;
	position:relative;
	/*z-index:0; */
	overflow:hidden;
}
.banner .bd ul{
	width:100% !important;
	height: 30vw !important;
}
.banner .bd li{
	width:100% !important;
	/*height:640px;*/
	overflow:hidden;
	text-align:center;
}
.banner .bd li .consult{
	background:url(../images/bg_03.png) center no-repeat  rgba(0,176,255,0.4);
	width: 860px;
	height: 240px;
	padding: 40px 0;
	margin: 160px auto 0;
	border:3px solid rgba(0,176,255,1);
	/*-webkit-filter: blur(10px);
            filter: blur(10px);*/
}
.banner .bd li .consult h1{
	background: url(../images/slogan.png) center no-repeat;
	color: #fff;
	width: 600px;
	height: 60px;
	margin: 0 auto;
	font-size: 60px;
	font-weight: 500;
}
.banner .bd li .consult table{
	width: 760px;
	margin: 35px auto;
}
.banner .bd li .consult table td{
	padding: 0 10px;
}
.banner .bd li .consult table td input{
	background: rgba(0,0,0,0.2);
	display:block;
	width: 360px;
	height: 50px;
	color:#00b0ff !important;
	font-size: 20px;
	text-indent: 5px;
	border-radius: 6px;
	border:1px solid rgba(255,255,255,0.5);;
}
.banner .bd li .consult .bottom{
	text-align: center;
}
.banner .bd li .consult .bottom p{
	display: inline-block;
	font-size: 22px;
	color:rgba(0,176,255,1);
}
.banner .bd li .consult .bottom span{
	font-size: 36px;
	font-weight: 600;
	color:rgba(0,176,255,1); 
}
.banner .bd li .consult .bottom input{
	background: rgba(0,176,255,1);
	display: inline-block;
	font-size: 20px;
	border: none;
	width: 150px;
	height: 50px;
	color: #fff;
	border-radius: 6px;
	cursor: pointer;
	margin-left: 10px;
}
.banner .bd li a{
	display:block;
}
.banner .bd li a img{
	width: 100%;
}
.banner .hd{
	width:100%;
	position:absolute;
	/*z-index:99;*/
	bottom:20px;
	left:0;
	height:10px;
	line-height:30px;
}
.banner .hd ul{
	text-align:center;
}
.banner .hd ul li{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:2;
	width:50px; 
	height:3px; 
	margin:1px;
	overflow:hidden;
	background:#ccc;
	filter:alpha(opacity=100);
	line-height:999px; 
	opacity:1
}
.banner .hd ul .on{
	width:50px;
	height:3px;
	margin:1px;
	background:#c90e10;
}
.banner .prev,.banner .next{
	display: block;
	position: absolute;
	z-index: 1;	
	top: 14vw;	
	margin-top: -30px;	
	left: 17px;
	z-index: 1;
	width: 50px;
	height: 100px;
	background: url(../images/slider-arrow.png) 5px no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.6;	
	display: block;
}
.banner .next{
	left:auto;
	right:17px;
	background-position:-55px;
}


/*-----article主体-----*/
article .main{
	padding:60px 0;
	width:100%;
	margin: 0 auto;
	border-bottom:1px solid #eee;
}
/*article .main:nth-child(even){
	background:url(../images/bg01.jpg) center no-repeat fixed #f6f6f6;
}*/
article .main .title{
	margin-bottom:50px	
}
article .main .title h1{
	background:url(../images/bg_title.png) center no-repeat;
	display:block;
	color:#333;
	text-align:center;
	font-size:30px;	
	padding-top:20px;
}
article .main .title span{
	display:block;
	padding:10px 0;
	margin-top:5px;
	color:#ccc;
	font-size:24px;	
	text-align:center;
	letter-spacing:5px;
	text-transform:uppercase;
	position:relative;
}
article .main .title span:before{
	background:#c90e10;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:2px;
}

article .main .box{
	width:1200px;
	margin:0 auto;
}

article .main .box .nr>a{
	color:#FFF;
	margin:0 auto;
	margin-top:30px;		
}

/* 肯创介绍 */
article .main .main-introduce .nr{
		
}
article .main .main-introduce .introduce-left{
	width:550px;
	float:left;
}
article .main .main-introduce .introduce-left h2{
	display:block;
	height:50px;
	line-height:50px;
	margin-top:20px;
	font-size:24px;
	border-bottom:1px solid #eee;
	position:relative;
	color:#000;
}
article .main .main-introduce .introduce-left h2:before{
	background:#c90e10;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:92px;
	height:1px;
}
article .main .main-introduce .introduce-left div{
	display:block;
	margin-top:20px;
	height:180px;
	line-height:26px;
	overflow:hidden;
	color:#000;
}
.btn{
	display:block;
	margin-right:10px;
	margin-top:40px;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	border-radius:6px;
	text-transform:uppercase;
}
.btn-red{
	background:#c90e10;
}
.btn:hover{
	opacity:0.9;
}
.btn-default{
	background:#666;
}
article .main .main-introduce .introduce-left a{
	display:block;
	margin-right:10px;
	margin-top:40px;
	text-align:center;
	color:#fff;
	float:left;
}
article .main .main-introduce .introduce-right{
	background:url(../images/bg_video.jpg) center right no-repeat; 
	width:600px;
	height:390px;
	float:right;
	position:relative;
}
article .main .main-introduce .introduce-right .video-box{
	background:#000;
	padding:0;
	position:absolute;
	left:108px;
	top:52px;
	width:426px;
	height:270px;
	overflow:hidden;
}

/* 业务领域 */
article .main main-business{}
article .main .main-business .nr{
	padding:50px 0;
	background: url(../images/bg_areas.jpg) center no-repeat;
	width:100%;
}
article .main .main-business .nr ul{
	width:1000px;
	margin:0 auto;
}
article .main .main-business .nr ul li{
	position:relative;
	display:block;
	float:left
}
article .main .main-business .nr ul li.nth-a{
	width:50%;
	height:360px; 
}

article .main .main-business .nr ul li.nth-b{
	width:50%;
	height:180px;
}
article .main .main-business .nr ul li.nth-c{
	width:25%;
	height:180px;
}
article .main .main-business .nr ul li.nth-d{
	float:right;
	width:25%;
	height:180px;
}
article .main .main-business .nr ul li a{
	box-shadow:5px 10px 1px rgba(0,0,0,0.3);
	/*border:2px solid rgba(204,14,16,0.9);*/
	color:#FFF;
	display:block;
	overflow:hidden;
	position: absolute;
	top:5px;
	bottom:5px;
	left:5px;
	right:5px;
	-moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
article .main .main-business .nr ul li a:hover{
	transform:translate(-2px,-5px);
	box-shadow:7px 15px 1px rgba(0,0,0,0.3);
	background:#c90e10 !important;
	/*border:3px solid #c90e10 !important;*/
}


article .main .main-business .nr ul li.nth-a a{
	background:rgba(255,255,255,0.6);
	/*border:3px solid #00ccc2;*/
}

article .main .main-business .nr ul li.nth-b a{
	background:rgba(255,255,255,0.6);
	/*border:3px solid #e68c49;*/
}
article .main .main-business .nr ul li.nth-c a{
	background:rgba(255,255,255,0.6);
	/*border:3px solid #00b0ff;*/
}
article .main .main-business .nr ul li.nth-d a{
	background:rgba(255,255,255,0.6);
	/*border:3px solid #8fc31f;*/
}

article .main .main-business .nr ul li a i{
	display:block;
	width:90px;
	height:90px;
	margin:0 auto;
	margin-top:20px;
	-moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	
}
article .main .main-business .nr ul li a:hover i{
	display:block;
	/*width:50px;
	height:50px;*/
	margin-top:20px;
}

article .main .main-business .nr ul li.nth-a i{
	background:url(../images/b01.png) center no-repeat;
	background-size: contain;
	margin-top:110px;
}
article .main .main-business .nr ul li.nth-b i{
	background:url(../images/b02.png) center no-repeat;
	background-size:contain;
}
article .main .main-business .nr ul li.nth-c i{
	background:url(../images/b03.png) center no-repeat;
	background-size:contain;
}
article .main .main-business .nr ul li.nth-d i{
	background:url(../images/b04.png) center no-repeat;
	background-size:contain;
}


article .main .main-business .nr ul li.nth-a:hover i{
	background:url(../images/b01a.png) center no-repeat;
	background-size:contain;
	display:block;
	margin-top:110px !important;
}
article .main .main-business .nr ul li.nth-b:hover i{
	background:url(../images/b02a.png) center no-repeat;
	background-size:contain;
}
article .main .main-business .nr ul li.nth-c:hover i{
	background:url(../images/b03a.png) center no-repeat;
	background-size:contain;
}
article .main .main-business .nr ul li.nth-d:hover i{
	background:url(../images/b04a.png) center no-repeat;
	background-size:contain;
}


article .main .main-business .nr ul li a h1{
	font-size:24px;
	text-align:center;
	margin-top:15px;
}
article .main .main-business .nr ul li a:hover h1{
	color:#fff;
}

article .main .main-business .nr ul li.nth-a h1{
	color: #555
}
article .main .main-business .nr ul li.nth-b h1{
	color: #555
}
article .main .main-business .nr ul li.nth-c h1{
	color: #555
}
article .main .main-business .nr ul li.nth-d h1{
	color: #555
}

article .main .main-business .nr ul li a span{
	display:block;
	text-align:center;
	line-height:22px;
	padding:0 30px;
	margin-top:10px;
	opacity:0;
	-moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
article .main .main-business .nr ul li a:hover span{
	opacity:1;
}

/*article .main .main-areas{
	
}
article .main .main-areas .nr{
	width:100%;
}
article .main .main-areas .nr ul li{
	display:block;
	float:left
}
article .main .main-areas .nr ul li.nth-a{
	width:50%;
	height:320px; 
}
article .main .main-areas .nr ul li.nth-b{
	width:50%;
	height:160px;
}
article .main .main-areas .nr ul li.nth-c{
	width:25%;
	height:160px;
}
article .main .main-areas .nr ul li.nth-d{
	width:25%;
	height:160px;
}
article .main .main-areas .nr ul li a{
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
article .main .main-areas .nr ul li a img{
	width:100%;
}
article .main .main-areas .nr ul li a:before{
	content:"";
	background:#c90e10;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	-moz-transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
article .main .main-areas .nr ul li:hover a:before{
	opacity:1;
}

article .main .main-areas .nr ul li a h1{
	height:30px;
	line-height:30px;
	font-size:25px;
	position:absolute;
	left:20px;
	right:20px;
	top:20px;
	z-index:3;
}
article .main .main-areas .nr ul li a span{
	display:block;
	line-height:15px;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	left:20px;
	right:20px;
	top:56px;
	z-index:3;
}
article .main .main-areas .nr ul li a p{
	line-height:20px;
	font-size:14px;
	opacity:0;
	position:absolute;
	z-index:3;
	left:20px;
	right:20px;
	top:95px;
	height:40px;
	overflow:hidden;
	-moz-transition: all 0.2s linear 0.2s;
    -webkit-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}
article .main .main-areas .nr ul li:hover a p{
	display:block;
	opacity:1;
	position:absolute;
	top:75px;
}
article .main .main-areas .nr ul li a i{
	display: block;
	background: url(../images/arrow.png) no-repeat center;
	width: 20px;
	height: 20px;
	opacity:0;
	position: absolute;
	z-index:3;
	right:320px;
	bottom: 20px;
	-moz-transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
article .main .main-areas .nr ul li:hover a i{
	opacity:1;
	right:20px;
}
*/

/* 服务案列+pic-list */
article .main .main-case{
	
}
article .main .main-case{
}
.pic-list{
	width:100%;
}
.pic-list ul li{
	width:292.5px;
	height:195px;
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.pic-list ul li:nth-child(4n+1){
	margin-left:0 !important;
}
.pic-list ul li a{
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.pic-list ul li a img{
	width:100%;
}
.pic-list ul li a:before{
	content:"";
	background:#c90e10;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	-moz-transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}
.pic-list ul li:hover a:before{
	opacity:1;
}

.pic-list ul li a h1{
	height:30px;
	line-height:30px;
	font-size:18px;
	position:absolute;
	left:20px;
	right:20px;
	top:0;
	z-index:3;
	opacity:0;
	-moz-transition: all 0.2s linear 0.2s;
    -webkit-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}
.pic-list ul li:hover a h1{
	opacity:1;
	top:20px;
}

.pic-list ul li a h1:before{
	content:"";
	background:#fff;
	width:0;
	height:1px;
	position:absolute;
	left:0;
	bottom:0;
	-moz-transition: all 0.2s linear 0.4s;
    -webkit-transition: all 0.2s linear 0.4s;
    -o-transition: all 0.2s linear 0.4s;
    transition: all 0.2s linear 0.4s;
}
.pic-list ul li:hover a h1:before{
	width:40px;
}
.pic-list ul li a p{
	line-height:20px;
	font-size:14px;
	opacity:0;
	position:absolute;
	z-index:3;
	left:20px;
	right:20px;
	top:78px;
	height:40px;
	overflow:hidden;
	-moz-transition: all 0.2s linear 0.2s;
    -webkit-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
}
.pic-list ul li:hover a p{
	display:block;
	opacity:1;
	position:absolute;
	top:58px;
}
.pic-list ul li a i{
	display: block;
	background: url(../images/arrow.png) no-repeat center;
	width: 20px;
	height: 20px;
	opacity:0;
	position: absolute;
	z-index:3;
	right:320px;
	bottom: 20px;
	-moz-transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.pic-list ul li:hover a i{
	opacity:1;
	right:20px;
}
/* 行业资讯 */
article .main .main-news{
}
article .main .main-news .nr{
}
article .main .main-news .nr .tab{
}
article .main .main-news .nr .tab .tab-hd{
	text-align:center;
}
article .main .main-news .nr .tab .tab-hd>li{
	display:inline-block;
	background:#eee;
	text-align:center;
	width:140px;
	height:40px;
	margin:0 20px;
	line-height:40px;
	font-size:18px;
	color:#333;
	border-radius:6px;
	cursor:pointer;
	margin-bottom: 60px;
}
article .main .main-news .nr .tab .tab-hd>li:hover{
	opacity:0.9;
}
article .main .main-news .nr .tab .tab-hd>li.active{ 
	background:#c90e10;
	color:#fff;
}
article .main .main-news .nr .tab .tab-bd{
}
article .main .main-news .nr .tab .tab-bd>li{
	display:none;
}

article .main .main-news .nr .tab .tab-bd>li.thisclass{ 
	display:list-item;
}


article .main .main-news .nr .tab .tab-bd>li ul li{
	margin-right: 20px;
	margin-bottom:20px;
	float:left;
	width:386px;
	height:570px;
	position: relative;
}
.in-contact .in-staff li{
	margin-right: 20px;
	margin-bottom:20px;
	float:left;
	width:386px;
	height:420px;
	position: relative;
}
article .main .main-news .nr .tab .tab-bd>li ul li:nth-child(3n+0){
	margin-right: 0;
}
.in-contact .in-staff li:nth-child(3n+0){
	margin-right: 0;
}
article .main .main-news .nr .tab .tab-bd>li ul li i{
	display: block;
	width: 100%;	
	height: 360px;
	overflow: hidden;
}
.in-contact .in-staff li i{
	display: block;
	width: 100%;	
	height: 360px;
	overflow: hidden;
}

article .main .main-news .nr .tab .tab-bd>li ul li:hover i{
	display: block;
	width: 100%;	
	height: 360px;
	overflow: hidden;
}
.in-contact .in-staff li:hover i{
	display: block;
	width: 100%;	
	height: 360px;
	overflow: hidden;
}

article .main .main-news .nr .tab .tab-bd>li ul li i img{
	width: 100%;
	-moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.in-contact .in-staff li i img{
	width: 100%;
	-moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
article .main .main-news .nr .tab .tab-bd>li ul li:hover i img{
	transform:scale(1.1); 
}
.in-contact .in-staff li:hover i img{
	transform:scale(1.1); 
}

article .main .main-news .nr .tab .tab-bd>li ul li .text-box{
	background: #f6f6f6;
	width: 100%;
	height: 210px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color:#333;
	-moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.in-contact .in-staff li .text-box{
	background: #f6f6f6;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color:#333;
	-moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

article .main .main-news .nr .tab .tab-bd>li ul li:hover .text-box{
	background: #c90e10;
	height: 250px;
	color:#fff;
}
.in-contact .in-staff li:hover .text-box{
	background: #c90e10;
	height: 80px;
	color:#fff;
}

article .main .main-news .nr .tab .tab-bd>li ul li .text-box span{
	display: block;
	padding-bottom: 5px;
	margin-top: 32px;
	position: relative;
	-moz-transition:margin-top 0.5s  ease-out 0.3s;
    -webkit-transition:margin-top  0.5s ease-out 0.3s;
    -o-transition:margin-top  0.5s ease-out 0.3s;
    transition: margin-top 0.5s ease-out 0.3s;
}
.in-contact .in-staff li .text-box span{
	display: block;
	padding-bottom: 5px;
	margin-top: -10px;
	position: relative;
	opacity:0;
	-moz-transition:opacity margin-top 0.5s  ease-out 0.3s;
    -webkit-transition:opacitymargin-top  0.5s ease-out 0.3s;
    -o-transition:opacity margin-top  0.5s ease-out 0.3s;
    transition:opacity margin-top 0.5s ease-out 0.3s;
}
article .main .main-news .nr .tab .tab-bd>li ul li:hover .text-box span{
	margin-top: 55px;
}
.in-contact .in-staff li:hover .text-box span{
	opacity:1;
	margin-top: 15px;
}
article .main .main-news .nr .tab .tab-bd>li ul li .text-box span:before{
	background: #c90e10;
	content: "";
	width: 40px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}
.in-contact .in-staff li .text-box span:before{
	background: #c90e10;
	content: "";
	width: 40px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}
article .main .main-news .nr .tab .tab-bd>li ul li:hover .text-box span:before{
	background: #fff;
}

.in-contact .in-staff li:hover .text-box span:before{
	background: #fff;
}

article .main .main-news .nr .tab .tab-bd>li ul li .text-box p{
	display: block;
	height: 44px;
	overflow: hidden;
	padding:0 20px;
	margin-top: 30px;
	line-height: 22px;
}
.in-contact .in-staff li .text-box p{
	display: block;
	height: 30px;
	padding:0 20px;
	margin-top: 5px;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

article .main .main-news .nr .tab .tab-bd>li ul li .text-box a{
	display: block;
	margin-top: 35px;
	color:#666;
}
.in-contact .in-staff li .text-box a{
	display: block;
	margin-top: 35px;
	color:#666;
}
article .main .main-news .nr .tab .tab-bd>li ul li:hover .text-box a{
	color: #fff;
}
.in-contact .in-staff li:hover .text-box a{
	color: #fff;
}
article .main .main-news .nr .tab .tab-bd>li ul li .text-box a:hover{
	color: #ddd;
}
.in-contact .in-staff li .text-box a:hover{
	color: #ddd;
}


/*--大事记--*/
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	/*background: url('../images/dot.gif') left 45px repeat-x;*/
}
.bg-hr{
	position:absolute;
	top:47px;
	left: 50px;
	width: 1100px;
	height: 20px;
	display: block;
	background: url('../images/dot.gif') center repeat-x;
	z-index: 1;
}
#dates {
	width: 100%;
	height: 70px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#dates li {
	list-style: none;
	float: left;
	width: 120px;
	height: 60px;
	text-align: center;
	background: url('../images/biggerdot.png') center bottom no-repeat;
}
#dates li a {
	color:#999;
	font-size: 20px;
	line-height: 38px;
	padding-bottom: 10px;
}
#dates .selected {
	color: #c90e10;
	font-size: 38px;
}

#issues {
	width: 1200px;
	overflow: hidden;
}

#issues li {
	background: #f6f6f6;
	width: 1200px;
	padding:30px 0;
	list-style: none;
	float: left;
	border-radius: 10px;
	overflow: hidden;
}
#issues li:first-child{
	height:100px;
	background:url(../images/qx.jpg) no-repeat center;
	/*background-size: cover;*/
}
#issues li table {
	width:94%;
	margin:0 auto;
}
#issues li table tr{
}
#issues li table tr td{
	line-height:22px;
	padding:5px 0;
	color:#333;
	vertical-align:top;
}
#issues li table tr td:first-child{
	width:20px;
	font-size:20px;
	color:#666;
}


#grad_left,
#grad_right {
	width: 120px;
	height: 38px;
	position: absolute;
	top: 0;
	z-index: 7
}
#grad_left {
    left: 0;
    background: url('../images/grad_left.png') left repeat-y;
}
#grad_right {
    right: 0;
    background: url('../images/grad_right.png') right repeat-y;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 37px;
	width: 38px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 3
}
#next:hover,
#prev:hover {
	background-position: 0 -38px;
}
#next {
	right: 0;
	background-image: url('../images/next.png') ;
}
#prev {
	left: 0;
	background-image: url('../images/prev.png');
}
#next.disabled,
#prev.disabled {
	opacity: 0.5;
}








/*-----footer页脚-----*/

footer{
	
}
footer .main{
	width:100%;
	margin: 0 auto;
	border-top: 1px solid #eee;
}

footer .f-top{
	padding: 40px 0;
	border-bottom: 1px solid #eee;
}
footer .f-center{
	padding:10px 0;
	line-height: 24px;
}
footer .f-bottom{
	text-align: center;
	color: #fff;
	height: 50px;
	line-height: 50px;
	background:#707070; 
}
footer .f-top .copyright,footer .f-center .links,footer .f-bottom .nav{
	width: 1200px;
	margin: 0 auto;
}
footer .f-top .copyright{
	color:#333;
	position: relative;
}
footer .f-top .copyright h1{
	background:#eee;
	width: 1px;
	height: 50px;
	position: absolute;
	top:10px;
	right: 480px;
}
footer .f-top .copyright i{
	background:url(../images/logo1.png) center no-repeat;
	width: 140px;
	height: 100px;
	float:left;
}
footer .f-top .copyright .add{
	display: block;
	width:400px;
	float:left;
	padding:0 80px 0 100px;
	line-height: 24px;
}
footer .f-top .copyright span{
	display:block;
	float:left;
	width:400px;
	margin-left: 80px;
	line-height: 24px;
}
footer .f-top .copyright span a{
	color: #333;
}
footer .f-top .copyright span a:hover{
	color: #0768bb;
}

footer .f-center .links span{
	font-size: 15px;
	color: #000;float:left;
}
footer .f-center .links a{
	font-size: 15px;
	color: #666;
	display: inline-block;
	margin: 0 10px 0 0;
}
footer .f-center .links a:hover{
	color: #0768bb;
}
footer .f-bottom .nav a{
	font-size: 15px;
	color: #ddd;
	display: inline-block;
	margin: 0 20px;
}
footer .f-bottom .nav a:hover{
	color: #fff;
}


/*右侧浮动+返回top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.relative{position:relative;top:0;left:0;}
.pb6{padding-bottom:6px;}
.asid_share{position:fixed;width:40px;bottom:10%;right:0;/*z-index:890;*/}
*html #asid_share{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}
.asid_share .asid_share_box{width:100%;margin-bottom:3px;background:#124b9a;text-align:center;}
.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px; color:#666}
.asid_share .asid_share_box>a{background:#999}
.asid_share .asid_share_box a:hover{background:#c90e01;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}
.asid_share .red_bag{background:#124b9a;text-decoration:none;}
.asid_share .asid_sha_layer{border:1px solid #ccc;background:#fff; padding:6px 0;position:absolute;right:47px;bottom:25%; margin-bottom:-25%}
.sweep_img{padding:10px;}
.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}
.asid_share_box .asid_help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.asid_help_list li a:hover{color:#fff;}
.asid_share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}









/*==========子页面==========*/
.in-banner{
	background:url(../images/in_banner.jpg) center no-repeat;
	height: 300px;
	position:relative;
}

.in-banner .sub-nav{
	width:1200px;
	height:70px;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-600px;
}

.in-banner .sub-nav .sn-left{
	width:300px;
	height:70px;
	float:left;
	background:rgba(171,171,171,0.8);
	color:#FFF;
	text-align:center;
}

.in-banner .sub-nav .sn-left h1{
	display:block;
	font-size:24px;
	height:30px;
	text-transform:uppercase;
	margin:10px auto 0;
}
.in-banner .sub-nav .sn-left span{
	display:block;
	height:30px;
	font-size:20px;
	margin:0 auto;
	position:relative;
}
.in-banner .sub-nav .sn-left span:before{
	content:"";
	width:30px;
	height:1px;
	background:#FFF;
	position:absolute;
	top:12px;
	left:45px;
}
.in-banner .sub-nav .sn-left span:after{
	content:"";
	width:30px;
	height:1px;
	background:#FFF;
	position:absolute;
	top:12px;
	right:45px;
}
.in-banner .sub-nav .sn-right{
	width:900px;
	height:70px;
	float:left;
	background:rgba(201,14,16,0.8);
	color:#FFF;
}
.in-banner .sub-nav .sn-right .hd{
	padding-top:22px;
	margin-left:30px;
}
.in-banner .sub-nav .sn-right .hd a{
	padding:0 20px;
	color:#FFF;
	-moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.in-banner .sub-nav .sn-right .hd a:hover{
	color:#650006;
}
.in-banner .sub-nav .sn-right .hd a.on{
	font-size:26px
}
.in-banner .sub-nav .sn-right span{
	display:none;
	margin-left:30px;
	padding:5px 20px;
	color:#FFF;
	font-size:15px;
}


/*----------走进肯创----------*/
/*肯创介绍*/
.in-introduce{
	
}
.in-introduce .in-title{
	
}
.in-introduce .in-title h1{
	line-height:50px;
	font-size:58px;
	color:#eee;
}
.in-introduce .in-title h2{
	display:block;
	position:relative; 
	height:20px;
	line-height:20px;
	font-size:22px;
	padding-left:10px;
	margin-top:5px;
}
.in-introduce .in-title h2:after{
	content:"";
	background:#c90e10;
	position:absolute;
	left:0;
	bottom:0;
	width:5px;
	height:20px;
}
.in-introduce .nr{
	line-height:22px;
	margin:30px 0 30px;
}

/*主创团队*/
.in-team{
}
.in-team ul{
}
.in-team ul li{
	width:50%;
	height:280px;
	float:left;
	margin-bottom:20px;
}
.in-team ul li a{
	color:#666;
	display:block;
}
.in-team ul li a .t-left{
	background:#f6f6f6;
	width:200px;
	height:280px;
	float:left;
}
.in-team ul li a .t-left i{
	overflow: hidden;
	width: 200px;
	height: 200px
}
.in-team ul li a .t-left i img{
	width: 100%
}
.in-team ul li a .t-left h1{
	background:#f6f6f6;
	color:#000;
	font-size:18px;
	margin:5px 5px 0;
}
.in-team ul li a .t-left span{
	background:#f6f6f6;
	color:#666;
	margin:5px 5px 0;
}
.in-team ul li a .t-right{
	position: relative;
	width:350px;
	float:left;
	margin-top:50px;
	padding:0 25px;
	line-height:24px;
	-moz-transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.in-team ul li:hover a .t-right{
	width:320px;
	padding-left:55px;
}
.in-team ul li a .t-right:before{
	content:"";
	position:absolute;
	width:0;
	top:12px;
	left:0;
	height:1px;
	background:#ddd;
	-moz-transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.in-team ul li:hover a .t-right:before{
	content:"";
	position:absolute;
	width:45px;
}


/*分页*/
.page{
	height:25px;
	margin:20px auto 20px auto;
	text-align:right;
	float:right;
}
.page a{
	border-radius:3px;
	color:#666;
}
.page01 a {
	line-height: 25px;
	text-align: center;
	text-decoration:none;
	display: block;
	height: 25px;
	width: 60px;
	border:1px solid #999;
	color: #666 !important;
}
.page02 a { 
	line-height: 25px; 
	padding:0 10px;  
	text-align: center; 
	text-decoration:none;
	display: block; 
	height: 25px;
	border:1px solid #999;
	color: #666;
}
.page li {
	float: left;
	line-height: 25px; 
	padding-right: 5px; 
	list-style-type:none;
}
.page li a:hover {
	color: #fff !important;
	background-color: #c90e10;
	border:1px solid #c90e10;
	text-decoration: none;
}
.page02 a.current{
	border:1px solid #c90e10;
	background-color: #c90e10;
	color:#fff !important;
}



/*业务领域*/

.in-areas .tab{ text-align:center; margin-bottom:20px;}
.in-areas .tab a{
	display:inline-block;
	width:140px;
	height:40px;
	line-height:40px;
	border-radius:6px;
	background:#ccc;
	color:#000;
	margin:0 10px;
}
.in-areas .tab a.on{
	background:rgba(201,14,16,1);
	color:#FFF;
}
.in-areas .tab a:hover{
	background:rgba(201,14,16,1);
	color:#FFF;
}
.bgcolor{
	background:#f6f6f6 !important;
}
.in-areas{
	background:#FFF;
} 
.in-areas .nr{
	text-align:center;
	padding:30px;
} 


/*经典案例*/
.in-case h1.in-title{
	background:url(../images/ico_title.png) bottom center no-repeat;
	height:50px;
	line-height:50px;
	font-weight:bold;
	font-size:32px;
	color:#666;
}
.in-case h1.in-title span{
	color:#999;
	font-weight:500
}
.in-case .img-list li{
	float:left;
	width:285px;
	margin-left:20px;
	margin-top:20px;
	border-bottom:1px solid #eee;
	-moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.in-case .img-list li:nth-child(4n+1){
	margin-left:0 !important;
}
.in-case .img-list li a {
}
.in-case .img-list li a i{
	display:block;
	overflow:hidden;
	height:190px;
}
.in-case .img-list li a i img{
	width:100%;
	-moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.in-case .img-list li a h2{
	height:40px;
	line-height:40px;
	-moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
}
.in-case .img-list li:hover{
	background:#c90e10;
	color:#FFF;
	border-bottom:1px solid #c90e10;
}
.in-case .img-list li:hover a h2{
	color:#FFF;
	padding:0 5px;
	
}


/*资讯中心*/
.in-new{}
.in-new .list li{
	display:block;
	height:140px;
	border-bottom:1px solid #eee;
}
.in-new .list li:hover{
	background:#eee;
}
.in-new .list li:hover a .new-date{
	border-right:1px solid #ccc;
}
.in-new .list li:first-child{
	border-top:1px solid #eee;
}
.in-new .list li a{
	display:block;
	height:140px;
	position:relative;
}
.in-new .list li a .new-date{
	background:#eee;
	width:140px;
	height:80px;
	position:absolute;
	top:30px;
	left:30px;
}
.in-new .list li a .new-date h1{
	color:#c90e10;
	font-size:48px;
	line-height:40px;
	font-weight:600;
	padding-left:30px;
	padding-top:5px;
}
.in-new .list li a .new-date span{
	color:#666;
	padding-left:30px;
}

.in-new .list li a .new-text{
	height:80px;
	position:absolute;
	top:30px;
	left:260px;
	right:30px;
}
.in-new .list li a .new-text h1{
	display:block;
	color:#666;
	font-weight:600;
	font-size:18px;
	line-height:24px;
}
.in-new .list li a .new-text span{
	display:block;
	color:#666;
	margin-top:10px;
	line-height:24px;
}

/*合作资源*/
.res-list ul li{
	background:rgba(201,14,16,1);
	float:left;
	width:230px;
	height:158px;
	display: table;
	position: relative;
	margin-left:10px;
	margin-bottom:10px;
	border:1px solid #eee;
	overflow:hidden;
	cursor:pointer;
}
.res-list ul li:before{
	content:"";
	background:rgba(201,14,16,0);
	width:230px;
	height:158px;
	position:absolute;
	top:0;
	z-index:0;
	-moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s; 
}
.res-list ul li:hover:before{
	content:"";
	background:rgba(201,14,16,0.95);
	width:230px;
	height:158px;
	position:absolute;
	top:0;
	z-index:1;
}

.res-list ul li:nth-child(5n-4){
	margin-left:0;
}
.res-list ul li img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.res-list ul li span{
	position:relative;
	z-index:2;
	text-align:center;
	vertical-align:middle;  
    display: table-cell;
	padding:0 10px;
	color:#FFF;
	font-size:20px;
	line-height:26px;
	opacity:0;
	-moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
    transition: all 0.3s ease-in 0.1s; 
}
.res-list ul li:hover span{
	vertical-align:middle;  
    display: table-cell;
	opacity:1;
}


/*诚聘英才*/
.recruit ul li{
}
.recruit ul li .post{
	padding:20px 0;
	border-bottom:1px solid #eee;
	position:relative;
	cursor:pointer;
}
.recruit ul li .post:hover {
	background:#f6f6f6;
}
.recruit ul li:first-child .post{
	border-top:1px solid #eee;
}
.recruit ul li .active {
	background:#f6f6f6;
}
.recruit ul li .post h1{
	display:block;
	color:#09F;
	font-size:24px;
	padding:0 20px;
}

.recruit ul li .post a{
	display:block;
	padding:0 20px;
	margin-top:15px;
	color:#666;
}
.recruit ul li .post span{
	display:block;
	position:absolute;
	bottom:20px;
	right:20px;
	color:#666;
}

.recruit ul li .describe{
	padding:20px 40px;
	background:#eee;
	display:none;
	line-height:24px;
	color:#333;
}
/*.recruit ul li:first-child .describe{
	display:block;
}*/


/*留言*/
.in-contact .info{
	width:300px;
	float:left;
}
.in-contact .info h1{
	display:block;
	font-size:24px;
	padding-top:10px;
	color:#000;
	font-weight:600;
}
.in-contact .info .info-nr{
	line-height:32px;
	margin-top:15px;
	color:#333;
}
.in-contact .message{
	width:800px;
	float:right;
}
.in-contact .message table{
}
.in-contact .message table tr td{
	width:50%;
}
.in-contact .message table tr td .in-text{
	height:35px;
	width:100%;
	text-indent:5px;
}
.in-contact .message table tr td .in-nr{
	width:100%;
	padding:10px 3px 10px 0;
	text-indent:5px;
}

.in-contact .message table tr td .ly{
	margin-top:0;
	border:none;
	float:left;
	background:#c90e10;
}
.in-contact .message table tr td .cz{
	margin-top:0;
	border:none;
	float:left;
	background:#ababab;
}

/*详情页*/
.in-show{
	/*border:1px solid #eee;*/
	background:#FFF;
}
.in-show .in-title{
	/*background:#f8f8f8;*/
	border-bottom:1px solid #eee;
	padding:30px 0;
	margin:0 50px;
	text-align:center;
}
.in-show .in-title h1{
	display:block;
	font-size:24px;
	font-weight:600;
	color:#000;
}
.in-show .in-title span{
	display:block;
	margin-top:20px;
}

.in-show .in-video{
	border-bottom:1px solid #eee;
	padding:30px 0;
	margin:0 50px;
}
.in-show .in-video .box{
	background:#000;
	width:600px;
	height:400px;
}

.in-show .nr{
	padding:30px 50px;
}
.in-show .nr h2{
	font-size:16px;
	font-weight:bold;
	color:#c90e10;
}
.in-show .nr .nr-text{
	line-height:24px;
	padding:20px 0 30px;
}

.in-show .tab .tab-hd{
	border-bottom:1px solid #eee;
}
.in-show .tab .tab-hd li{
	float:left;
	width:25%;
	height:40px;
	line-height:40px;
	color:#333;
	text-align:center;
	box-shadow:inset 1px 0 #ddd;
}
.in-show .tab .tab-hd li:first-child{
	box-shadow:none;
}
.in-show .tab .tab-hd li:hover{
	color:#fff;
	background:#c90e10;
}
.in-show .tab .tab-hd .active{
	color:#fff;
	background:#c90e10;
}

.in-show .tab .tab-bd li{
	padding:30px;
	line-height:24px;
}


.in-show .show{
	padding:30px 50px;
	line-height:24px;
}




/*2017-12-22*/
.team-a{
	width:300px;
	float: left;
}
.team-a i{
	width:300px;
	height: 300px;
}
.team-a h1{
	line-height: 30px;
	font-size: 20px;
}
.team-a span{
	color: #666
}
.team-a i img{
	width: 100%;
	overflow: hidden;
}
.team-b{
	width: 870px;
	float: right;
	line-height: 1.5;
}







/*2017-12-23*/
.in-team-c{

}
.in-team-c .item{
	min-height: 350px;
	float: left;
	background: url(../images/bg03.png) no-repeat right bottom,url(../images/bg04.png) no-repeat right top #eee;
	margin-bottom: 20px;
}
.in-team-c .item:hover{
	background: url(../images/bg03.png) no-repeat right bottom,url(../images/bg04.png) no-repeat right top #f3f3f3;
}
.in-team-c .i-one{
	width:1200px !important;
	min-height: 430px !important;
}
.in-team-c .i-one .item-l{
	width:250px !important;
	height: 430px !important;
}
.in-team-c .i-one .item-r{
	width: 850px !important;
	padding: 30px 50px !important;

}
.in-team-c .i-one .item-l img{
	width: 250px !important;
	height: 380px !important;
}

.in-team-c .i-one .item-l .identity{
	width: 250px !important; 
}






.in-team-c .item:nth-child(2n){
	margin-right: 20px;
}
.in-team-c .item .item-l{
 	float: left;
	width:200px;
}
.in-team-c .item .item-l img{
	width: 200px;
	height: 300px;
	vertical-align: middle;
}

.in-team-c .item .item-l .identity{
	width: 200px;
	height:50px;
	background: url(../images/bg05.png) no-repeat right bottom #c90e10;
	color: #fff;
}

.in-team-c .item .item-l .identity h1{
	padding: 5px 10px 0 10px;
	font-size: 18px;
}
.in-team-c .item .item-l .identity span{
	display: block;
	font-size: 14px;
	padding: 0 10px;
}

.in-team-c .item .item-r{
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	width: 350px;
 	float: left;
 	padding: 20px;
}