::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-thumb {
	background: #097bc8;
}

::-webkit-scrollbar-track {
	background: #ECECEC;
}
img {
    display: block;
	max-height: 100%;
	max-width: auto;
	margin: 0 auto;
}
.clearfix:after {
	clear: both;
	overflow: hidden;
	content: "";
	height: 1px;
	display: block;
}

.clearfix {
	*zoom: 1;
}

.pcbanner {
	width: 100%;
}
.w1400 {
    max-width: 1400px;
    margin: 0 auto;
}
.SolutionF2{position: relative;  overflow: hidden; background:#f8f8f8;}
.SolutionF2 .F2img{position: absolute; left: 0; top:0; z-index: 1;width: 100%;}
.SolutionF2 .SolutionF2Box{position: relative; z-index: 3; padding: 30px 0;}
.SolutionF2 .Main_Title .h3{color: #0377ca;}
.SolutionF2 .List{padding-top: 25px;margin: 0 15px;}
.SolutionF2 .List ul{ display: flex;}
.SolutionF2 .List ul li{ margin-bottom: 15px; position: relative; top: 0;  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  flex: 1;}

.SolutionF2 .List ul li .libox{ height: auto; padding: 30px;position: relative;
  padding-right: 40px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: #fff url('../images/img/slibg01.jpg') no-repeat right top; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.SolutionF2 .List ul li .libox .imgbox{position: absolute; right: 40px;top:60px;}
.SolutionF2 .List ul li .libox .h3{font-size: 18px;height: 30px;line-height: 30px;text-align: center;font-weight: normal;color: #fff; padding-bottom: 0;background: rgba(0, 0, 0, 0.55); border-radius: 8px;}
.SolutionF2 .List ul li .libox .txt{font-size: 14px; padding-bottom: 5px; margin: 15px auto;}
.SolutionF2 .List ul li:hover{top: -10px;}
 .bannerbox .tb{color:#0377ca;}
 .bannerbox .txt{border-color:#0377ca;}
 .SolveList{padding:20px 0;}
 .SolveList ul{font-size: 0; margin: 0 -8px;}
 .SolveList ul li .lia{display: block;}
 .SolveList ul li{display: inline-block;font-size: 14px; width: 50%; padding:8px;}
 .SolveList ul li .txt{text-align: center; font-size: 16px; padding-top: 10px; overflow: hidden; white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
 .SolveList ul li .img{overflow: hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;width: 450px;height: 300px;}
 .SolveList ul li .img img{width: 100%;-webkit-transition: all .3s;
 -o-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;}
 .SolveList ul li .img:hover img{-webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 -moz-transform: scale(1.1);
      transform: scale(1.1);}

@media(min-width:1366px){


}
@media screen and (min-width: 100px) and (max-width: 1024px) {
	.SolutionF2 .List ul{
		flex-direction: column;
	}		
	.SolutionF2 .List ul li{
		width:100%;
		
	}			
	.SolutionF2 .List ul li .libox{
		width: 100%;
	}	
	.SolveList{padding:40px 0 50px;}
	.SolveList ul{ margin: 0 -13px;}
	.SolveList ul li{padding:13px;}
	.SolveList ul li .txt{font-size: 20px;}
}
@media screen and (max-width: 980px){
	.SolveList ul {
	    margin: 0 auto;
	}
	.SolveList ul li{width: 48.33%}
	.SolveList ul li .img {
	    overflow: hidden;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	    width: 100%;
	    height: 100%;
	}

}
@media screen and (max-width: 769px){

}
@media screen and (min-width:768px){
  .SolveList ul li{width: 48.33%}
  .SolveList ul li .img {
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 100%;
      height: 100%;
  }
}
@media screen and (min-width: 100px) and (max-width: 440px) {
    
}