/*�ֲ�����*/
.flexslider {
	position: relative;
	height:618px;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height:618px;
}
.flex-control-nav {
	position: absolute;
	bottom:30px;
	z-index: 2;
	width:100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 10px;
    *display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 16px;
	height: 18px;
	line-height:50px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}

/*********what we do***********/
.guide-warp{ text-align: center;}
.f64{
  font-size: 64px;
  font-weight: 400;
}
.guide-title{
  color: #555252;
  text-align: center;
  margin-top: 62px;
}
.guide-info{
  display: inline-block;
  *zoom:1;
  width: 844px;
  font-size: 16px;
  color: #828181;
  margin-top: 26px;
  line-height: 38px;
}

/*************�б�***********/
.tc-item-warp{
  overflow: hidden;
  margin-top: 50px;
  padding-bottom: 50px;
}
.tc-item-warp ul{
  width: 1300px;
  padding-left: 27px;
}
.tc-item-warp ul li{
  width: 216px;
  float: left;
  _display:inline;
  margin-right: 94px;
}
.tc-item-warp ul li a{
  display:block;
}
.tc-item-warp .item-title,
.item-title a,
.tc-item-warp .item-info{
  color: #4e4b4b;
}
.item-title a:hover{ text-decoration: none;}
.tc-item-warp .item-info{
  margin-top: 35px;
  line-height: 30px;
  /*height: 120px;
  overflow: hidden;*/
}
.tc-item-warp .item-lk{
  margin-top: 35px;
}
.tc-item-warp .item-icon{
  width: 216px;
  height: 180px;
  /*line-height: 180px;*/
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.item-icon p{
  position: absolute;
  transition-timing-function:linear;
  -moz-transition-timing-function:linear;
  -webkit-transition-timing-function:linear;
  -o-transition-timing-function:linear;
}

/*icon1*/
.icon1 {
	width: 146px;
	height: 47px;
	position: absolute;
	left: 25px;
	top: 102px;
	background: url('/images/icon1-bg.png') no-repeat;
	background-image: url(../images/icon1-bg.png);
}
.icon1 .icon1-1{
  width: 124px;
  height: 23px;
  left: 11px;
  bottom: 14px;
  background:url(../images/icon1-1.png) no-repeat;
}
.icon1 .icon1-2{
	width: 87px;
	height: 84px;
	left: 35px;
	bottom:20px;
	background: url(../images/zhiwen.png) no-repeat;
}

/* icon2 */
.icon2{
	width: 164px;
	height: 41px;
	position: absolute;
	left: 25px;
	top: 105px;
	background: url(/images/icon2-bg.png);
	background-image: url(../images/icon2-bg.png);
}
.icon2 .icon2-1{
  width: 164px;
  height: 21px;
  left: 0;
  bottom: 14px;
  background:url(../images/icon2-1.png) no-repeat;
}
.icon2 .icon2-2{
	width: 62px;
	height: 78px;
	left: 45px;
	bottom: 25px;
	background: url(../images/select.png) no-repeat;
}

/* icon3 */
.icon3{
	width: 171px;
	height: 43px;
	position: absolute;
	left: 17px;
	top: 103px;
	background: url(/images/icon3-bg.png);
	background-image: url(../images/icon3-bg.png);
}
.icon3 .icon3-1{
  width: 147px;
  height: 36px;
  left: 13px;
  bottom: 14px;
  background:url(../images/icon3-1.png) no-repeat;
}
.icon3 .icon3-2{
	width: 91px;
	height: 78px;
	left: 44px;
	bottom: 25px;
	background: url(../images/service.png) no-repeat;
}

/* icon4 */
.icon4{
	width: 170px;
	height: 46px;
	position: absolute;
	left: 18px;
	top: 105px;
	background: url(../images/icon2-bg.png) no-repeat;
	background-image: url(../images/icon4-bg.png);
}
.icon4 .icon4-1{
  width: 117px;
  height: 30px;
  left: 27px;
  bottom: 14px;
  background:url(../images/icon4-1.png) no-repeat;
}
.icon4 .icon4-2{
	width: 84px;
	height: 78px;
	left: 43px;
	bottom: 25px;
	background: url(../images/fenxi.png) no-repeat;
}

.tc-item-warp li:hover p{
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:alternate;
  animation-fill-mode: forwards;
  animation-iteration-count:infinite;
  animation-direction:alternate;

  animation-timing-function:ease-in-out;
  -webkit-animation-timing-function:ease-in-out;
  -moz-animation-timing-function:ease-in-out;

  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  animation-duration:.5s;
}
.tc-item-warp li:hover p.icon-b{
  -webkit-animation-name: animationb;
  -webkit-animation-duration:.82s;
  -moz-animation-name: animationb;
  -moz-animation-duration:.82s;
  animation-name: animationb;
  animation-duration:.82s;
}
@-webkit-keyframes animationb{
    100%{
      bottom: 25px;
    }
}
@-moz-keyframes animationb{
    100%{
      bottom: 25px;
    }
}
@keyframes animationb{
    100%{
      bottom: 25px;
    }
}
.tc-item-warp li:hover p.icon-t{
  -webkit-animation-name: animationt;
  -webkit-animation-duration:.8s;
  -moz-animation-name: animationt;
  -moz-animation-duration:.8s;
  animation-name: animationt;
  animation-duration:.8s;
}
@-webkit-keyframes animationt{
    100%{
      bottom: 45px;
    }
}
@-moz-keyframes animationt{
    100%{
      bottom: 45px;
    }
}
@keyframes animationt{
    100%{
      bottom: 45px;
    }
}

/**********ԭʼ����***********/
.preRevie-warp{
  width: 100%;
  text-align: center;
  background-color: #f2f5fa;
  margin-top: 110px;
  padding-top: 70px;
  padding-bottom: 100px;
}
.f58{ font-size: 58px; font-weight: 400; }
.preRevie-title{
  color: #524f4e;
}
.pre-content{
  width: 1200px;
  margin-top: 50px;
  overflow: hidden;
}
.pre-content ul{
  padding-left: 49px;
  width: 1500px;
}
.pre-content ul li{
  float: left;
  _display:inline;
  width: 488px;
  margin-right: 120px;
  overflow: hidden;
}
.f22{ font-size: 22px; font-weight: 400; }
.pre-content li .pre-list{
  background-color: #fff;
  padding-bottom: 18px;
}
.pre-list a:hover{ text-decoration: none;}
.pre-list .list-pic{
  width: 488px;
  height: 295px;
}
.pre-list .list-title,
.pre-list .list-info
{
  text-align: left;
  padding:0 20px;
  padding-top:20px;
}
.pre-list .list-title{
  color: #524f4e;
  height: 62px;
  line-height: 69px;
  overflow:hidden;
}
.pre-list .list-info{
  line-height: 25px;
  color: #524f4e;
}

/* team content */
.team-content{
  /*margin-top: 20px;*/
  background-color: #f8fafe;
}
.right-info{
  width: 918px;
  background-color: #fff;
  overflow: hidden;
  padding:35px 30px 30px 30px;
}