﻿

a{
    text-decoration: none;
    color: #fff;
}
/*tit*/
.tit{
  text-align: center;
  padding: 70px 0 46px;
}
.tit h3{
  font-size: 40px;
  color: #135684;
  margin-bottom: 10px;
}
.tit p{
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
}
.tit .hr{
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #b5b5b5;
}
.tit .hr hr{
  position: absolute;
  border:none;
  border-top: 4px solid #e60012;
  width: 166px;
  top: 0;
  left: 50%;
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.aniu{ padding: 66px 0 66px; text-align:center;}
.aniu a{
	width: 180px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color:#ff2400 ;
	display: inline-block;
	text-align: center;
	border-radius: 5px;

}


/*banner*/
#banner{
  width: 100%;
  height: 63%;
  /* background: url(../images/tool/banner-information.jpg) no-repeat; */
}
#banner a {
    width: 100%;
    height: 100%;
    display: block;
}

#banner h1{
	color: #fff;
	font-size: 46px;
	padding-top: 170px;
	text-align: left;
}

#banner h3{
	color: #fff;
	font-size: 24px;
	padding-top: 25px;
	text-align: left;
	padding-bottom: 90px;
}

#banner p{
	font-size: 18px;
	text-align: center;
	width: 179px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
}

#banner p a{
	color: #fff;
}
/*专为营销人开发*/
.tool-exploit{
	background:#f2f2f2;
}
.tool-exploit ul{
	width: 100%;
	height: auto;
}

.tool-exploit ul li{
	width: 25%;
	height: auto;
	float: left;
	margin: 0 auto;
}



.tool-exploit .wrap{
	width: 280px;
	height: auto;
	margin: auto;
}

.tool-exploit .wrap .img{
	margin:0 auto;
	width: 280px;
	height: 200px;
	text-align: center;
	overflow: hidden;
	border:1px solid #eaeaea
}

.tool-exploit ul li .img img{
	transition: all 0.6s;
}

.tool-exploit ul li:hover .img img{
	transform: scale(1.2,1.2);
}

.tool-exploit .wrap .text p{
	display: block;
	margin: 30px 0 20px;
	color: #333;
	text-align: center;
	font-weight:bold;
}

.tool-exploit ul li:hover .text p{
	color: #ff2400;
}


.tool-exploit .wrap .text span{
	color: #666;
	text-align: left;
}



/*智能销售助理*/
.tool-assistant{
	background-color: #fff;
}

.tool-assistant ul.tab{
	width: 570px;
	height:360px;
	float:left;
}

.tool-assistant .assistant .tab li{
	float: left;
	width: 270px;
	height:360px;
	background-color:#f2f2f2;
}
.tool-assistant .assistant .tab li.active{
	width: 270px;
	height:360px;
	background-color:#135684;
	color:#fff;
}
.tool-assistant .assistant .left{
	margin-right:30px;
}
.tool-assistant .assistant .tab ul li .img{
	width:133px;
	height:151px;
	margin:50px auto;
	overflow:hidden;
}
.tool-assistant .assistant .tab ul li .a1{
	width:149px;
	height:202px;
	margin:50px auto 0;
	overflow:hidden;
}
.tool-assistant .assistant .tab ul li h3{
	font-size:20px;
	text-align:center;
}
.tool-assistant .assistant .tab ul li p{
	font-size:16px;
	text-align:center;
}
.tool-assistant .assistant .cont{
	width:480px;
	height:330px;
	margin-left:60px;
	float:left;
}
.tool-assistant .cont h4{
	font-size:20px;
	color:#333;
}
.tool-assistant .cont ul{
	width:100%;
}
.tool-assistant .cont ul li{
	width:33.3333%;
	float:left;
	margin-top:40px;
}
.tool-assistant .cont .img{
	width: 27px;
    height: 37px;
    margin-left: 34px;
    margin-bottom:15px;
}
.tool-assistant .cont .i1{
	width: 37px;
    height: 37px;
    margin-left: 30px;
}
.tool-assistant .cont .i2{
	width: 38px;
    height: 37px;
    margin-left: 28px;
}
.tool-assistant .cont .i3{
	width: 37px;
    height: 37px;
    margin-left: 30px;
}
.tool-assistant .cont .i4{
	width: 39px;
    height: 39px;
    margin-left: 28px;
}
.tool-assistant .cont .i5{
	width: 39px;
    height: 39px;
    margin-left: 28px;
}
.anniu{
	width: 100px;
	height: 36px;
	line-height: 36px;
	border:1px solid #373d41;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	margin-top:40px;
}
.anniu a{
	color: #666;
}



/**/
.tool-assistant1 .assistant .box{ width:100%; }
.tool-assistant1 .assistant .box .cont{ float:left;}
.tool-assistant1 .assistant .box .txt1{
	float: left;
	width: 270px;
	height:360px;
	background-color:#f2f2f2;
}
.tool-assistant1 .assistant .box .active{
	width: 270px;
	height:360px;
	background-color:#135684;
	color:#fff;
}
.tool-assistant1 .assistant .left{
	margin-right:30px;
}
.tool-assistant1 .assistant .box .txt1 .img{
	width:133px;
	height:151px;
	margin:50px auto;
	overflow:hidden;
}
.tool-assistant1 .assistant .box .txt1 .a1{
	width:149px;
	height:202px;
	margin:50px auto 0;
	overflow:hidden;
}
.tool-assistant1 .assistant .box .txt1 h3{
	font-size:20px;
	text-align:center;
}
.tool-assistant1 .assistant .box .txt1 p{
	font-size:16px;
	text-align:center;
}
.tool-assistant1 .assistant  .txt2 {
	float:left;
	margin-left:50px;
}
.tool-assistant1 .assistant  .txt2 h4{
	font-size:20px;
	color:#333;
}
.tool-assistant1 .assistant  .txt2 ul{
	width:100%;
}
.tool-assistant1 .assistant  .txt2 ul li{
	width:33.3333%;
	float:left;
	margin-top:40px;
}
.tool-assistant1 .assistant .txt2 .img{
	width: 27px;
    height: 37px;
    margin-left: 34px;
    margin-bottom:15px;
}
.tool-assistant1 .assistant .txt2 .i1{
	width: 37px;
    height: 37px;
    margin-left: 30px;
}
.tool-assistant1 .assistant .txt2 .i2{
	width: 38px;
    height: 37px;
    margin-left: 28px;
}
.tool-assistant .assistant .txt2 .i3{
	width: 37px;
    height: 37px;
    margin-left: 30px;
}
.tool-assistant .txt2 .i4{
	width: 39px;
    height: 39px;
    margin-left: 28px;
}
.tool-assistant1 .txt2 .i5{
	width: 39px;
    height: 39px;
    margin-left: 28px;
}


/*敬请期待*/
.tool-expect{
	background:url(../images/tool/expect-bg.jpg);
	width:100%;
	height:130px;
	background-size:cover;
}
.tool-expect .container1{
	margin:0 auto;
	width:843px;
}
.tool-expect .text{
	float:left;
	margin-top:26px;
	color:#fff;
}
.tool-expect .text p{
	font-size:18px;
}
.tool-expect .text h3{
	font-size:24px;
}
.tool-expect a{
	float:right;
	margin-top:47px;
	color:#fff;
	width:160px;
	height:40x;
	line-height:40px;
	border:1px solid #fff;
	border-radius:5px;
	text-align:center;
}
/*多年沉淀技术经验丰富*/
.tool-rich{
	background-color: #f2f2f2;
}

.tool-rich .con .img{
	width: 400px;
	height: 260px;
	overflow: hidden;
	float: left;
}

.tool-rich .con .img img{
	transition: all 0.6s;
	width: 100%;
	height:100%;
}

.tool-rich .con .img:hover img{
	transform: scale(1.2,1.2)
}

.tool-rich .con .txt{
	float: left;
	width: 400px;
	height: 260px;
	background-color: #fff;
}

.tool-rich .con .txt .ver{
	width: 400px;
    height: 260px;
    padding: 40px 30px;
}

.tool-rich .con .txt p{
	font-size: 20px;
	color: #333;
}

.tool-rich .con .txt .hr{
	width: 20px;
	border: 1px solid #ff2400;
	margin: 15px 0;
}

.tool-rich .con .txt span{
	font-size: 16px;
	color: #666;
}
/*谁在使用厚昌营销工具*/
.tool-tool{
	background:#fff;
}
.tool-tool ul{
	width:100%
	margin:0 auto;
}
.tool-tool ul li{
	float: left;
	width:20%;
    text-align: center;
    margin-bottom:30px;
}


