@charset "UTF-8";
/*
    # 为区分开首页的solutions样式，这个页面单独使用resolve
    # 没有采用首页的section语义标签，使用的是div，且resolve没有单独定义样式，便于今后重构。
*/

/*全部方案*/
.resolve .all{
    border: 1px #d1d1d1 solid;
    padding:5px;
    margin:30px 0 20px;
    height:auto;
}
.resolve .all div{
    width:120px;
    text-align:center;
    line-height:40px;
}
.resolve .all ul{
    display: block;
    float:left;
    width:950px;
}
.resolve .all li{
    margin:0 10px;
    height:40px;
}
.resolve .all li a{
    text-align: left;
    line-height:40px;
    color:#8a8a8a;
    white-space:nowrap;
 }
 .resolve .all li a:hover{
     color:#e20704;
 }
 /*解决方案搜索*/
.resolve .search{
   margin-top:20px;
   height:85px;
   width:100%;
   background:#F1F1F1;
}
.resolve .search .w600{
    width:600px;
}
.resolve .search input{
    margin-top:22px;
}
.resolve .search input.sl{
    padding:14px 35px;
    font-size:14px;
    height:20px;
    background:#fff;
    color: #8a8a8a;
    border:1px #d1d1d1 solid;
    width:380px;

}
.resolve .search button.sr{
    background: url(../images/search.png) center no-repeat;
    color:#fff;
    text-align:center;
    padding:0;
    border:none;
    width:130px;
    line-height:48px;
    height:48px;
    float:right;
    margin-top: 23px;
    font-size:14px;
    font-family: microsoft yahei;
    font-weight:bold;
}
.resolve .solutions{
    width:1130px;
}
/* 解决方案专题页面 */
.resolve .solutions dl{
	width:215px;
	height:325px;
	overflow:hidden;
	padding:20px;
	float: left;
	background:#f1f1f1;
	margin:30px 26px 0 0;
}
.resolve .solutions dl.none{
	margin-right:0;
}
.resolve .solutions dl a.thumb{
	width:212px;
	height:145px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.resolve .solutions dl a.thumb img{
	display:block;
	width:100%;
	min-height:145px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.resolve .solutions dl:hover a.thumb img{
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.resolve .solutions h2 a.title{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	font-weight:bold;
	margin:15px auto 10px;
	text-align:center;
}
.resolve .solutions dl p{
	font-size:14px;
	color:#666;
	line-height:24px;
	height:96px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}
.resolve .solutions dl span a{
    color:#0665bf;
    line-height: 55px;
    height:55px;
}
.resolve .solutions dl span a:hover{
    color:#e20704;
}
/*加载更多，区分页面more标签*/
.loadmore{
   margin-top:45px;
   height:45px;
   width:100%;
}
.loadmore a,.loadmore a:hover{
     background: #f1f1f1;
     line-height:45px;
     color:#8a8a8a;
     font-size:14px;
     text-align:center;
}
.loadmore a:hover{
     font-weight:bold;
     color:#e20704;
     font-size:15px;

}
/*我们的优势*/
.resolve .advantagetitle{
    background: url(../images/resolve-linebg.png) center no-repeat;
    height:80px;
    width:100%;
    margin-top:40px;
}
.resolve .advantagetitle span{
    display:block;
    text-align: center;
}
.resolve .advantagetitle strong{
    font-size:40px;
    font-weight: bold;
    line-height:70px;
}
.resolve .advantage{
    margin-top:40px;
}
.resolve .advantage p{
    color:#666666;
    line-height: 38px;
    margin-top:30px;
    font-size:16px;
}
.resolve .advantage div.title{
    background:url(../images/bg_sol_titlebg.png) left bottom no-repeat;
    height:80px;
    line-height:80px;
    font-size:34px;
    font-weight:34px;
}

.w550{width:550px;height:550px;}
.w450{width:430px;height:370px;padding:90px 60px;background: #f4f4f4;}
/*推荐产品*/
.resolve .recommend{
    background: #F1F1F1;
    height:615px;
}
.resolve .recommend .recommendtitle{
    background:url(../images/recommendtitle.png) #fff left center no-repeat;
    height:110px;
    width:100%;
    display:block;
}
.resolve .recommend dl{
	width:294px;
	height:400px;
	overflow:hidden;
	padding:20px;
	float: left;
	background:#fff;
	margin:25px 0 0 25px;
}
.resolve .recommend dl.none{
	margin-right:0;
}
.resolve .recommend dl a.thumb{
	width:282px;
	height:220px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.resolve .recommend dl a.thumb img{
	display:block;
	width:100%;
	min-height:220px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.resolve .recommend dl:hover a.thumb img{
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.resolve .recommend h2 a.title{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	font-weight:normal;
	margin:15px auto 10px;
	text-align:left;
}
.resolve .recommend dl p{
	font-size:14px;
	color:#666;
	line-height:28px;
	height:86px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}
.resolve .recommend dl span{
    float:right;
}
.resolve .recommend dl span a{
    display:block;
    color:#999999;
    line-height: 30px;
    height:30px;
    width:105px;
    background:#fff;
    border:1px #d3d3d3 solid;
    font-size:12px;
    text-align: center;
}
.resolve .recommend dl span a:hover{
    color:#fff;
    background:#e20704;
    border:1px #e20704 solid;
}