@max-width:1000px;

@main-color:rgba(42,177,243,1);

@font-color:#ffffff;

@333:#333333;
.float(@n){
  float: @n;
}
.border-radius(@n){
  border-radius:@n;
}


.banner{
  width: 100%;
  // max-width: 1920px;
  margin: 0 auto;
  height: 480px;
  margin-top: 80px;
  background: url("../images/fw-banner.png") center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.banner-main{
  width: 1000px;
  margin: 0 auto;
  margin-top: 170px;
  text-align: center;
}
.banner-main div{
 
  display: block;
  width:600px;
height:80px;
line-height: 80px;
background:rgba(255,255,255,0.3);
// opacity:0.3;
margin: 0 auto;
}
.banner-main p{
 
  
  font-size:36px;
font-family:PingFang SC;
font-weight:400;
// color:rgba(255,255,255,1);
color: white;
  
}
.banner-main span{
 
  margin-top: 18px;
  display: block;

  font-size:21px;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}

.main{
  width: 100%;
  background: #ffffff;
  clear: both;
  //overflow: hidden;

}

.centent{
  margin: 0 auto;
  width: 1000px;
  text-align: center;
}

.content-service{
  margin: 0 auto;
  width: 1000px;
}

.main-servicr{

  clear: both;
  padding-bottom: 20px;
}
.main-js{
  width: 100%;
  // max-width: 1920px;
  margin: 0 auto;
  height: 580px;
  background: url("../images/jsbanner.png") center center no-repeat;
  background-size: 100% 100%;
  clear: both;
  padding-bottom: 120px;
}

.title{
  text-align: center;
  margin-bottom: 50px;
}

.title p{
  
  margin-top: 100px;
padding-left: 10px;
padding-right: 10px;
  font-size:24px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:21px;
  display:inline-block;
}
.title span{
  font-size: 24px;
  // color: #333;
  // display: block;
  // line-height: 1;
  margin: 0 10px;
  margin-top: 10px;
}

.centent-servicr{
  width: 1000px;
  margin:0 auto;
 height: 300px;
  display: flex;
  flex-direction: row;

}
.woleft{
  width:450px;
  margin-left: 40px;
height:300px;
background-color: red;
background: url("../images/ditu.png") center center no-repeat;
  background-size: 100% 100%;
}
.woright{
  width:520px;
height:300px;
background:rgba(249,250,252,1);
padding-left: 50px;
// padding-top: 30px;
text-align: left;
}
.wotitle{
  font-size:18px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
line-height:27px;
margin-top: 25px;
}
.wocenter{
  font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(0,0,0,1);
line-height:21px;
margin-top: 12px;
}
.wocenter img{
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.wocenter span{
  font-size:14px;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(0,0,0,1);
  line-height:21px;
}
.fwlist{
  width: 320px;
  flex: 1;
  margin: 0 5px;
position: relative;
// z-index: 9999;
}
.fwlist img{
  width: 60px;
  height: 60px;
  top: -30px;
  left: 41%;
  margin-bottom: 30px;
  position: absolute;
}
.fwone{
  font-size:18px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
line-height:27px;
padding-top: 60px;

}
.fwtwo{
  // width:238px;
  padding: 0 20px;
height:56px;
  font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(0,0,0,1);
line-height:21px;
margin-top: 30px;
}
.fwlisthover{
  width:320px;
  height:200px;
  background:rgba(249,250,252,1);
  border-radius:10px;
}
.fwlisthover:hover{
  width:320px;
height:200px;
color:rgba(0,0,0,1);
background:rgba(42,177,243,0.12);
// opacity:0.12;
border-radius:10px;
}
.nohover:hover{
color: red;
}
.fwlist:hover img{
  // background:red;
  // filter: hue-rotate(70deg);
}
.jslist{
  flex: 1;
  margin: 0 30px;
  

width:300px;
height:300px;
background:rgba(255,255,255,1);
border-radius:10px;
}
.jslist:hover{
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    // border-color: #eee;
    transition: all .2s ease-in-out;
}
.jslist img{
  width: 60px;
  height: 60px;
  // margin: 30px 0;
  margin-top: 40px;
 
}
.jsone{
  font-size:18px;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
line-height:27px;
margin-top: 30px;

}
.jstwo{
  // width:238px;
  padding: 0 27px;
height:56px;
  font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(0,0,0,1);
line-height:21px;
margin-top: 30px;
}
.servicr-image{
  width: 972px;
  height: 801px;
  margin:0 auto;
  position: relative;
}





//div.table{
//  border:1px solid #dedede;
//  margin-left:-1px;
//  border-bottom-width:0;
//  border-left-width:0;
//  text-align:left;
//  line-height:40px;
//  box-sizing:border-box;
//  -moz-box-sizing:border-box; /* Firefox */
//  -webkit-box-sizing:border-box; /* Safari */
//}
//
//.clear0{
//  clear:both;
//  height:0px;
//}
//div.table .row{
//  clear:both;
//  overflow:hidden;
//  width:100%;
//  border-bottom:1px solid #dedede;
//}
//
//div.table .cell{
//  border-left:1px solid #dedede;
//  float:left;
//  width: 400px;
//  height:320px;
//  line-height: 320px;
//  text-align: center;
//}
//div.table .cellEnd{
//  clear:both;
//  width:0;
//}
//div.table .rowbak .cell{
//  background-color:#ededed;
//}
//
//div.table .cell span{
//    height: 18px;
//    font-family: MicrosoftYaHei;
//    font-size: 18px;
//    font-weight: normal;
//    font-stretch: normal;
//    line-height: 21px;
//    letter-spacing: 0px;
//    color: #333333;
//  display: block;
//  margin-top: 30px;
//  }
//
//div.table .cell img{
//  height: 104px;
//  width: 104px;
//  display: block;
//  margin: 0 auto;
//  margin-top: 80px;
//}