*{
	 margin: 0;
	 padding: 0;;
}
body{
	background-color: #F4F4F4;
	margin: 0;
	padding: 0;
}
.header2 ul li a{
	 color: black;
}
.service{
	width: 1600px;
	height: 587px;
	margin: 0 auto;
	padding-top: 120px;
}
.service> img{
    width: 100%;
    /*height: 100%;*/
}
.service2{
	 width: 1200px;
	 background: white;
	 margin: 0 auto;
     position:relative;
     top: -180px;	     
}
.service3{
	text-align: center;
    padding-top: 60px;
}
.service3 >h2{
	 font-size: 36px;
	 margin-bottom: 30px;
}
.service3 >.p {
     font-size: 24px;
     color: #545454;
}
.service2 >.service3 >.originality{
	 width: 100%;
	 margin-top: 50px;
	 
}
.service2 >.service3 >ul{
	font-size: 0;
}
.service2 >.service3 >ul li{
	display: inline-block;
	width: 330px;
	height: 150px;
    font-size: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 40px;
    line-height: 45px;
}
.service2 >.service3 >ul li> p{
	margin: 0 15px 0 15px;
}
.service2 >.service3>.kf{
	 display: block;
	 width: 100%;
	margin-top: 40px;
	
}
.service2 >.service3>.service4{
	 width: 1200px;
	 height: 330px;
}
.service2 >.service3>.service4>.wl1{
	  width: 300px;
	  height: 240px;
	  float: left;
	  margin-top: 55px;
	  margin-bottom: 46px;
      overflow: hidden;
      text-overflow: ellipsis;
	  /*background: green;*/
}

.service2 >.service3>.service4>.wl2{
	  width: 300px;
	  height: 240px;
	  float: left;
	  margin-top: 55px;
	  margin-bottom: 46px;
	  overflow: hidden;
	  text-overflow:ellipsis;
	  /*background: green;*/
}
.service2 >.service3>.service4>.wl3{
	  width: 300px;
	  height: 240px;
	  float: left;
	   margin-top: 55px;
	   margin-bottom: 46px;
	     overflow: hidden;
	  text-overflow:ellipsis;
	  /*background: green;*/
}
.service2 >.service3>.service4>.wl4{
	  width: 300px;
	  height: 240px;
	  float: left;
	  margin-top: 55px;
	  margin-bottom: 20px;
	  overflow: hidden;
	  text-overflow:ellipsis;
	  /*background: green;*/
}
.service2 >.service3>.service4>.wl1 h2{
	font-size: 29px;
	margin-bottom: 10px;
	font-weight:normal;	 
}
.service2 >.service3>.service4>.wl2 h2{
	font-size: 29px;
	margin-bottom: 10px;
	font-weight:normal;	 
}
.service2 >.service3>.service4>.wl3 h2{
	font-size: 29px;
	margin-bottom: 10px;
	font-weight:normal;	 
}
.service2 >.service3>.service4>.wl4 h2{
	font-size: 29px;
	margin-bottom: 10px;
	font-weight:normal;
}
.service2 >.service3>.service4>.wl1 p{
	  height: 189px;
	  font-size: 18px;
	  margin: 0 50px 0 50px;
	  line-height: 40px;
	  text-align: center;
	  overflow: hidden;
	  color: #4f4f4f;
}
.service2 >.service3>.service4>.wl2 p{
	  height: 189px;
	  font-size: 18px;
	  margin: 0 50px 0 50px;
	  line-height: 40px;
	  text-align: center;
	  overflow: hidden;
	  text-overflow:ellipsis;	 
	  color: #4f4f4f;
}
.service2 >.service3>.service4>.wl3 p{
	  height: 189px;
	  font-size: 18px;
	  margin: 0 50px 0 50px;
	  line-height: 40px;
	  text-align: center;
	  overflow: hidden;
	  text-overflow:ellipsis;
	   color: #4f4f4f;
}
.service2 >.service3>.service4>.wl4 p{
	  height: 189px;
	  font-size: 18px;
	  margin: 0 50px 0 50px;
	  line-height: 40px;
	  text-align: center;	
	   color: #4f4f4f;
}
.service2 >.service3>.service4>hr{
	  width: 90%;
	  margin: 0 auto;	
	}
.interesting{
    padding-bottom: 50px; 
	}
.interesting h1{
	  margin-top: 100px;
	  font-size: 36px;
	  margin-bottom: 62px;
}
.interesting>img{
	width: 100%;
}
.bottom{
	margin-top: -180px;
}

@media only screen and (min-width:0px ) and (max-width: 1500px) {
	.service{
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 120px;
}
.service> img{
    width: 100%;
    /*height: 100%;*/
}
.service2{
	 width: 900px;
	 background: white;
	 margin: 0 auto;
     position:relative;
     top: -180px;	     
}
.service2 >.service3 >ul li{
	display: inline-block;
	width: 225px;
	height: 150px;
    font-size: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 40px;
    line-height: 45px;
}
.service2 >.service3>.service4{
	 width: 900px;
	 height: 330px;	 
}
.service2 >.service3>.service4>.wl1{
	  width: 225px;
	  height: 240px;
}
.service2 >.service3>.service4>.wl2{
	  width: 225px;
	  height: 240px;
}
.service2 >.service3>.service4>.wl3{
	  width: 225px;
	  height: 240px;
}
.service2 >.service3>.service4>.wl4{
	  width: 225px;
	  height: 240px;
}
.service2 >.service3>.service4>.wl1 p{
	  margin: 0 30px 0 30px;
}
.service2 >.service3>.service4>.wl2 p{
	  margin: 0 30px 0 30px;
}
.service2 >.service3>.service4>.wl3 p{
	  margin: 0 30px 0 30px;
}
.service2 >.service3>.service4>.wl4 p{
	  margin: 0 30px 0 30px;
}
.interesting>img{
	width: 100%;
}
}