/*解决方案*/
.w1217{width: 1217px; margin: 0 auto; max-width: 100%;}
.solweizhi{padding: 50px 0 20px; border-bottom: 1px solid #eee;}
.solweizhi .pic{width: 40%;}
.solweizhi .pic img{display: block; width: 100%;}
.solweizhi .t{padding-left: 10px;font-size: 14px; color: #333;}
.solweizhi .t a{font-size: 14px; color: #666;}
.solution_sec .tit{padding: 40px 0 70px; font-size: 26px; color: #232323; text-align: center; font-weight: bold;}
.solution_sec .tit span{font-size: 12px; color: #666666; text-transform: uppercase;font-weight: normal;}
.solu_list{padding-bottom: 45px;}
.solu_list ul{
	overflow: hidden;
	width:100%;
	height:auto;
}


.solu_list ul li{
	width:33.33%;
	float:left;
	border:15px solid #fff;
	box-sizing: border-box;
	margin-bottom:15px;
}
.solu_list ul li .solulist_img{
	width:100%;
	overflow: hidden;
	height:281px;
}

.solu_list ul li .solulist_img img{
	display: block;
	width:100%;
	height: auto;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.solu_list ul li .inlist_main{
	width:100%;
	border-bottom:1px solid #e7e7e7;
    background: url(../images/ico-2.png) 95% center no-repeat #fff;
    margin: 0;
    padding: 0px 60px 5px 20px;
    font-size: 12px;
    color: #999;
    box-sizing: border-box;
    min-height:180px;
}

.solu_list ul li .inlist_main h3{
    padding: 20px 0 10px 0;
    text-transform: uppercase;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.solu_list ul li .inlist_main p{    
	padding-top: 10px;
	line-height: 24px;
	min-height:124px;
	font-size: 12px;
	color: #666;
}

.seconds li{ float:none; display:block;}


@media only screen and (min-width:960px) and (max-width:1400px) {
	.solu_list ul li .inlist_main p{    
		min-height:125px;
	}
}


@media only screen and (min-width:500px) and (max-width:960px) {
	.solu_list ul li .inlist_main p{    
		min-height:140px;
	}
}

@media only screen and (min-width:300px) and (max-width:500px) {
	.solu_list ul li .inlist_main p{    
		min-height:100px;
	}
}


.solu_list ul li:hover .solulist_img img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.solu_list ul li:hover .inlist_main{
	background:#026BBC; 
	color: #fff; 
}
.solu_list ul li:hover .inlist_main h3{
	color:#fff;
}
.solu_list ul li:hover .inlist_main p{
	color:#fff;
}
.solu_list .showMorehandle{
	box-sizing: border-box;
	width:100px;
	margin:20px auto;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.solu_list .showMorehandle:hover{
	background:#d11c1b; 
	border:1px solid #d11c1b; 
	color:#fff;
}


@media only screen and (max-width: 1024px) {
	.solu_list ul li,
	.solu_list.pro_list ul li{
		width:33.33%;
	}
}
@media only screen and (max-width:960px ) {
	.solu_list ul li,
	.solu_list.pro_list ul li{
		border:10px solid #fff;
	}
	.solu_list ul li .inlist_main {
	    padding: 0px 40px 17px 15px;
	}
	.solu_list ul li .inlist_main h3 {
	    padding: 15px 0 10px 0;
	}
	.solu_list ul li .inlist_main p{
		padding-top:0;
	}
	
	
	
	
}
@media only screen and (max-width:480px ) {
	.solu_list ul li,
	.solu_list.pro_list ul li{
		width:100%;
	}
	.solu_list ul li .inlist_main {
	    padding: 0px 45px 17px 15px;
	}
}

/*解决详情*/
.solud_sec1{margin-top: 25px;}
.solud_sec1 ul li{float: left; text-align: center; width: 21.2%;margin-left: 1.51%;margin-right:1.51%;margin-bottom: 15px; line-height: 31px;}
/*.solud_sec1 ul li:nth-child(4n+1){margin-left: 0;}
.solud_sec1 ul li:nth-child(4n+1){margin-right: 0;}*/
.solud_sec1 ul li a{display: block;font-size: 14px; color: #666666; background: #f1f1f1;  border-radius: 5px;}
.solud_sec1 ul li a.active,.solud_sec1 ul li a:hover{color: #fff; background: #026BBC;}

/*shijian*/
.timcontainer {margin: 35px 0 75px;}
.timcontainer::after {content: '';display: table;clear: both;}
#timeline {background: #fff; position: relative;}
#timeline::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 46px;
  /*margin-left: 6px;*/
  height: 100%;
  width: 1px;
  background: #026BBC;
}
.timeline-block {position: relative;width: 100%;margin: 0 auto;}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.timeline-img {
  position: absolute;
  /*top: 10px;*/
  background: url(../images/yuan.png);
  width: 29px;
  height: 29px;
  left: 46px;
  margin-left: -14px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  
}
.timeline-content {
  margin-left: 100px;
  /*width: 100%;*/
  position: relative;
  font-size: 14px;
  color: #333;
  line-height: 21px;
  margin-bottom: 60px;
}
.timeline-content .t1{
	font-size: 16px; 
	color: #026BBC;
	margin-bottom: 35px;
	}
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.solud_sec3{margin: 60px 0;}
.solud_sec3 ul{display: table; margin: 0 auto;}
.solud_sec3 ul li{margin: 0 60px; padding-left: 157px; width: 336px;height: 109px;border-radius: 5px;border: 1px solid #f4f4f4; float: left;-moz-box-shadow:-3px 3px 5px #A8A8A8; -webkit-box-shadow:-3px 3px 5px #A8A8A8; box-shadow:-3px 3px 5px #A8A8A8;}
.solud_sec3 ul li .t1{font-size: 16px; color: #d11818; font-weight: bold; line-height: 75px;}
.solud_sec3 ul li .t1 span{font-size: 30px;}
.solud_sec3 ul li .t2{font-size: 14px; color: #010101;}

.solud_sec3 ul li:nth-child(1){background: #fff url(../images/pic3.png) no-repeat 54px center;}
.solud_sec3 ul li:nth-child(2){background: #fff url(../images/pic4.png) no-repeat 54px center;}

.solud_sec4{padding-bottom: 80px;}
.newltit{margin-bottom: 15px; padding-left: 35px;line-height: 40px; font-size: 18px;color: #333333;font-weight: bold; background:#f5f5f5 url(../images/pic5.png) no-repeat 20px center;}
.newslist ul li{ width: 48%;float: left; padding-left: 30px;line-height: 40px; background: url(../images/pic6.png) no-repeat 10px center; border-bottom: 1px dashed #999999;}
.newslist ul li:nth-child(even){float: right;}
.newslist ul li a{font-size: 16px; color: #666;}
.newslist ul li span{float: right; font-size: 14px; color: #666;}
a:hover{ text-decoration: none !important; }
.MsoNormal img{ max-width: 100%; height: auto !important; }

@media screen and (max-width:1100px) {
.solweizhi .t {float: left;clear: both}
.solud_sec1 ul li {width: 99.2%;}
.solweizhi .pic {width: 90%;margin-left:10px}
.timeline-content {margin-left:10px}
.timeline-img {display: none}
.solu_list ul li:hover .inlist_main{background: none}
#timeline::before {background:none;}
}