@charset "utf-8";
/*
**************************
(C)2017
update: 2017-7-22 09:28:22
person: WangRupeng
**************************
*/
/******************************关于我们**********************************/
/*about*/
.about{
	text-align: center;
}
.about .title{
	margin-top: 2rem;
}
.about .title span{
	font-size: 2.5em;
	font-weight: bold;
	color: #3788bf;
	padding: 0 1.5em;
	background: url(../images/zuo.png) left top no-repeat, url(../images/you.png) right top no-repeat;
	background-size: 0.8em;
}
.about .title p{
	font-size: 1.5em;
	color: #3788bf;
}
.about .text{
	margin-top: 2em;
	line-height: 2;
    font-size: 1.4rem;
}
.about .text span{
	color: #3788bf;
	font-size: 1.42rem;
}

.company{
	margin-top: 2em;
	background: #f4f4f4;
}
.company .title{
	text-align: center;
	padding: 2em 0;
}
.company .title b{
	color: #3788bf;
	font-size: 2.5em;
}
.company .title p{
	color: #666666;
	font-size: 1.5em;
}
.company .text ul li{
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 1em 0;
}
.company .text ul li .item{
	padding-right: 5em;
	position: relative;
}
.company .text ul li .item .nlib{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	opacity: 0;
}
.company .text ul li .item .circle{
	padding: 2em 0;
	padding-left: 7em;
}

.company .text ul li .item .c1{
	background: url(../images/company1.png) left no-repeat;
	background-size: 6em;
	color: #66ccff;
}
.company .text ul li .item .c2{
	background: url(../images/company2.png) left no-repeat;
	background-size: 6em;
	color: #33ccff;
}
.company .text ul li .item .c3{
	background: url(../images/company3.png) left no-repeat;
	background-size: 6em;
	color: #6699cc;
}
.company .text ul li .item .c4{
	background: url(../images/company4.png) left no-repeat;
	background-size: 6em;
	color: #3399cc;
}
.company .text ul li .item .c5{
	background: url(../images/company5.png) left no-repeat;
	background-size: 6em;
	color: #0099cc;
}
.company .text ul li .item .c6{
	background: url(../images/company6.png) left no-repeat;
	background-size: 6em;
	color: #336699;
}
.company .text ul li .item .circle p{
	padding-left: 6px;
	padding-top: 5px;
	color: #333333;
	font-size: 1.4rem;
}
.company .text ul li:hover .item .c1{
	animation: company1 0.5s forwards;
	-webkit-animation: company1 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .c2{
	animation: company2 0.5s forwards;
	-webkit-animation: company2 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .c3{
	animation: company3 0.5s forwards;
	-webkit-animation: company3 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .c4{
	animation: company4 0.5s forwards;
	-webkit-animation: company4 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .c5{
	animation: company5 0.5s forwards;
	-webkit-animation: company5 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .c6{
	animation: company6 0.5s forwards;
	-webkit-animation: company6 0.5s forwards;
	color: #ffffff;
}
.company .text ul li:hover .item .circle{
	color: #ffffff;
}
.company .text ul li:hover .item .circle p{
	color: #ffffff;
}
.company .text ul li:hover .item .nlib{
	animation: circle 0.5s forwards;
	animation-delay: 0.3s;
}

.develop{
	margin-top: 2em;
}
.develop .title{
	text-align: center;
	padding: 2em 0;
}
.develop .title b{
	color: #3788bf;
	font-size: 2.5em;
}
.develop .title p{
	color: #666666;
	font-size: 1.5em;
}

.develop .text{
	background: url(../images/nline.jpg) center repeat-y;
}
.develop .text ul li{
	width: 100%;
	float: left;
	overflow: hidden;
	line-height: 1.75em;
	margin-bottom: 1.5em;
	background: url(../images/round.jpg) center no-repeat;
}
.develop .text ul li:hover{
	background: url(../images/roundon.jpg) center no-repeat;
	color: #3085c1; 
}
.develop .text ul li:last-child{ margin-bottom: 0; }
.develop .text ul li .box{
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 0 2em;
}
.develop .text ul li .boxing{
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 0 2em;
}
.develop .text ul li:nth-of-type(odd) .box{
	text-align: right;
	background: url(../images/nline1.jpg) right no-repeat;
	background-origin: content-box;
}
.develop .text ul li:nth-of-type(odd) .box span{
	padding-right: 35px;
}

.develop .text ul li:nth-of-type(even) .boxing{
	background: url(../images/nline1.jpg) left no-repeat;
	background-origin: content-box;
}
.develop .text ul li:nth-of-type(even) .box span{
	display: inline-block;
	float: right;
	font-size: 1.4rem;
}
.develop .text ul li:nth-of-type(even) .boxing span{
	padding-left: 35px;
}


/*组织架构*/
.jiagou{
	background: #f4f4f4;
	padding-bottom: 2.5rem;
}

/*业务领域*/
.yw{
	padding-bottom: 2rem;
}
.yw img{
	width: 90%;
	display: block;
	margin:0 auto;
}

/*资质荣誉*/
.honor p{
	font-size: 1.4em;
	text-align: center;
	padding-top: 0.5rem;
	color: #333;
}

/*团队风采*/
.rotxt{
    margin-top: 0.5em;
    line-height: 2;
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 1.4rem;
}
.team img{
	width: 100%;
}

/*恒凯技术*/
.jishu li{
	overflow: hidden;
	position: relative;
}
.jishu li img{
	width: 100%;
}
.jishu li:hover img{
	transform: scale(1.2);
	transform-origin: center;
	transition: all 1s;
}
.jishu li div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.jishu li .p1{
	width: 100%;
	line-height: 7;
	font-size: 3rem;
	text-align: center;
	position: relative;
	z-index: 10;
	color: #fff;
}
.jishu li:nth-child(1) .p1{
	line-height: 14;
}
.jishu li .p2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #4ab2dd;
	opacity: 0.8;
	z-index: 1;
}
.jishu li:hover div{
	opacity: 1;
	transition: all 1s;
}


/*恒凯服务*/

/*恒凯服务*/
.service{
	background: url(../images/sbk.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 6em;
}

.swiper-slide{ text-align: center; }
.swiper-slide img{
	border-radius: 100%;
	border: 3px solid #ffffff;
}

.picScroll{ margin:10px auto; text-align:center;  }
.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.picScroll .bd li{ width:50%; float:left; padding: 0 1em; text-align:center;  }

.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.picScroll .bd li img{ width: 100%; }
.picScroll .hd{ height:40px; line-height:40px; overflow:hidden;margin-top: 1em;}
.picScroll .hd ul{ float:right; width: 100%; text-align: center;  }	
.picScroll .hd li{ display: inline-block; width:8px; height:8px; background:#bababa; margin:0 5px; overflow:hidden; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
}
.picScroll .hd .on{ background:#ffd22a;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px;  }
.picScroll .next{ background-position:-34px -7px; }

/*恒凯活动*/
.active{
	padding-bottom: 3em;
}
.active .title{
	background: #f4f4f4 url(../images/acbk.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 2em 0;
}
.active .title b{
	color: #fff;
}
.active .title p{
	color: #fff;
}
.active ul{
	margin-top: -1.5em;
}
.active li{
	position: relative;
}
.active li a:hover{
	text-decoration: none;
}
.active .pic{
	width: 100%;
}
.active .pic img{
	width: 100%;
}
.active .tit{
	overflow: hidden;
	text-align: center;
	width: 100%;
	background: #fff;
}
.active .tit h5{
	font-size: 1.5em;
	color: #3283bb;
	margin-top: 8%;
	font-weight: bold;
}
.active .tit span{
	width: 12%;
	display: block;
	margin: 0.8em auto 1.1em;
}
.active .tit p{
	text-align: center;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #666666;
}
.active li:nth-child(3n-1) .tit{
	position: absolute;
	top: 0;
	left: 0;
}
.active li:nth-child(3n-1) .pic{
	position: absolute;
	top: 50%;
	left: 0;
}


/*合作伙伴*/
.jiguan{
	overflow: hidden;
}
.jiguan h5{
	font-size: 2rem;
	color: #3283bb;
	
	font-weight: bold;
}
.jiguan h5 span{
	border-bottom: 2px solid #d8d8d8;
	display: inline-block;
	padding: 0 0.5em 0.3em;
}
.jiguan ul{
	overflow: hidden;
	margin-top: 2em;
}
.jiguan li{
	padding: 0 1em;
	margin-bottom: 1em;
}
.jiguan li a{
	background: #e8e8e8;
	display: block;
	text-align: center;
	line-height: 2.5em;
	height: 2.5em;
	border-radius: 0.5em;
	font-size: 1.4rem;
	color: #666666;
}
.jiguan li a:hover{
	background: #2f9dd7;
	color: #fff;
	text-decoration: none;
}

.danwei{
	margin-top: 1em;
}
.danwei h5{
	font-size: 2rem;
	color: #3283bb;
	
	font-weight: bold;
}
.danwei h5 span{
	border-bottom: 2px solid #d8d8d8;
	display: inline-block;
	padding: 0 0.5em 0.3em;
}
.slidedw{
	position: relative;
	margin-top: 2em;
	overflow: hidden;
}
.slidedw .bd{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}
.slidedw ul{
	overflow: hidden;
	margin: 0 auto;
}
.slidedw li{
	padding: 1em;
	float: left;
	overflow: hidden;
}
.slidedw li img{
	width: 100%;
	display: block;
	border: 2px solid #e5e5e5;
}
.slidedw .aa{
	width: 4%;
	display: block;
	position: absolute;
	top: 40%;
}
.slidedw .aa img{
	width: 100%;
}
.slidedw .prev{
	left: 1%;
}
.slidedw .next{
	right: 1%;
}
.slidedw .hd{ display: none;}


@media (max-width: 768px) {
	.picScroll .bd li{ width:100%;}
	.slidedw li {padding: 0 0.3em}
	.slidedw .aa{width: 6%;}
}