/* 
 *  @功能: 官网pc 解决方案页
	@作者：pulu
	@时间：2015-11-24
 */
h2.the-title{
	font-size: 24px;
	color: #0116060;
	text-align: center;
	line-height: 36px;
	font-weight: normal;
}
.solution-outer{
	padding-top: 90px;
	position: relative;
	height: 200px;
}
.solution-banner{
	width: 100%;
	height: 200px;	
	background: url(../../img/Home/solution-banner.jpg) no-repeat 50% 0;
	position: absolute;
	top: 60px;
	z-index: 2;
}
.solution-banner-01{
	background: url(../../img/Home/solution-banner_01.jpg) no-repeat 50% 0;
}

.title-left-bg{
	width: 50%;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: #01767d;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#017880), to(#00757e));   
    background: -webkit-linear-gradient(left, #017880, #00757e);   
    background: -moz-linear-gradient(left, #017880, #00757e);   
    background: -o-linear-gradient(left, #017880, #00757e);   
    background: -ms-linear-gradient(left, #017880, #00757e);   
    background: linear-gradient(left, #017880, #00757e);   
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #017880, endColorstr = #00757e);   
}
.title-right-bg{
	z-index: -1;
	width: 50%;
	height: 200px;
	position: absolute;
	right: 0;
	top: 0;
	background: #01e671;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#00e773), to(#01e671));   
    background: -webkit-linear-gradient(left, #00e773, #01e671);   
    background: -moz-linear-gradient(left, #00e773, #01e671);   
    background: -o-linear-gradient(left, #00e773, #01e671);   
    background: -ms-linear-gradient(left, #00e773, #01e671);   
    background: linear-gradient(left, #00e773, #01e671);   
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #00e773, endColorstr = #01e671);   
}
.ban-title{
	position: absolute;
	top: 55px;
}
.ban-title h2,.ban-title .ban-title-title{
	font-size: 36px;
	color: #fff;
	font-weight: normal;
	font-family: "黑体";
	line-height: 50px;
}
.ban-title p{
	color: #5aed11;
	font-size: 18px;
}
.phone-img{
	position: absolute;
	top: -90px;
	right: -70px;
}
/*-------------------------------service-range-----------------------*/
.service-range{
	margin-top: 50px;
}
.service-list{
	margin:20px 0;
}
.service-list li{
	display: inline-block;
	width: 120px;
	margin-right: 105px;
	float: left;
}
.service-dl dt{
	width: 120px;
	height: 120px;
	position: relative;
	background: url(../../img/Home/round_bg.png) no-repeat;
}
.service-dl dt .service-dt{
	display: inline-block;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 25px;
	top: 25px;
	background: url(../../img/Home/solution_icon.png) no-repeat 0 0;
	transition: all 0.2s linear;
	/* Firefox 4 */
	-moz-transition:all 0.2s linear;
	/* Safari and Chrome */
	-webkit-transition:all 0.2s linear;
	/* Opera */
	-o-transition:all 0.2s linear;
}
.service-dl dd{
	width: 120px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
}
.service-dl  dt .service-dt-01:hover{
	background-position: 0 -70px;
}
.service-dl  dt .service-dt-02{
	background-position: 0 -140px;
}
.service-dl  dt .service-dt-02:hover{
	background-position: 0 -210px;
}
.service-dl  dt .service-dt-03{
	background-position: 0 -280px;
}
.service-dl  dt .service-dt-03:hover{
	background-position: 0 -350px;
}
.service-dl  dt .service-dt-04{
	background-position: 0 -420px;
}
.service-dl  dt .service-dt-04:hover{
	background-position: 0 -490px;
}
.service-dl  dt .service-dt-05{
	background-position: 0 -560px;
}
.service-dl  dt .service-dt-05:hover{
	background-position: 0 -630px;
}
/*-------------------------------solution------------------------------*/
.solut-con {
	margin: 10px 0;
	
}
.solut-con img{
	width: 450px;
	height: 299px;
}
.solut-con h3{
	font-size: 18px;
	line-height: 60px;
	font-weight: normal;
}
.solut-con  .vs{
	display: inline-block;
	width: 120px;
	height: 299px;
	line-height: 299px;
	text-align: center;
	color: #a0a0a0;
	font-size: 24px;
	float: left;
}
.solut-con  .solu-comp{
	display: inline-block;
	width: 450px;
	float: left;
}
.solut-con  .solu-comp dd{
	color: #011606;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
}
/*-------------------------------------other-case-----------------------*/
.other-case{
	
}
.other-case .case-img li{
	display: inline-block;
	width: 311px;
	float: left;
	margin:20px 43px 20px 0;
}
.other-case .case-img-list dt,.other-case .case-img-list .case-list-img,.other-case .case-img-list dt .ewm{
	width: 311px;
	height: 224px;
}
.case-img-list dt{
	position: relative;
}
.case-img-list dt .ewm{
	opacity: 0;
	filter:alpha(opacity=0) ;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(85,179,39,0.8);
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-webkit-transition: all 0.4s ease-in-out;
	transition:width all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.case-img-list dt:hover .ewm{
	opacity: 1;
	filter:alpha(opacity=100) ;
	transform: scale(1);
	-webkit-transform: scale(1);
	
}
.case-img-list dt .ewm .case-ewm{
	width: 154px;
	height: 154px;
	margin: 25px 78px 8px 77px ;
}
.case-img-list dt .ewm p{
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.case-img-list dd {
	height: 55px;
	width: 309px;
	border: 1px solid #eceef0;
}
.case-img-list dd .case-title{
	font-size: 16px;
	color: #828999;
	line-height: 30px;
	text-indent: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case-img-list dd a{
	float: right;
	color: #3fb205;
	font-size: 14px;
	margin-right: 10px;
}
/*cooper-outer*/
.cooper-outer {
    padding-top: 30px!important;
}