.comtitle{
  font-size:45px;
  color:#353535;
  text-align:center;
  padding:30px 0px;
  line-height:40px;
  background:url(../images/title.png) no-repeat center;
}
.comtitle span{
  font-size:22px;
  color:#a8a8a8;
  display:block;
}
.about{
  width: 100%;
  padding:5% 0px;
  background:#f8f8f8;
}
.about .about-txt{
  margin:20px 0px;  
  line-height:30px;
  font-size:16px;
  color:#101010;
}
.about .about-txt b{
  font-weight:bold;
  color:#008cd6;
}
#wcList{
  margin-top:30px;
}
.news {
  overflow: hidden;
  padding: 40px 0px;
}
.news ul {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.news ul li {
  width: 32.5%;
  float: left;  
  margin-bottom:40px;
  margin-right: 1.23%;
  min-height:490px;
}
.news ul li.No1{background:#006DA8}
.news ul li.No2{background:#71B235}
.news ul li.No3{background:#F98684}
.news ul li.No4{background:#006DA8}
.news ul li.No5{background:#71B235}
.news ul li.No6{background:#F98684}
.news ul li.No7{background:#006DA8}
.news ul li.No8{background:#71B235}
.news ul li.No9{background:#F98684}
.news ul .info {  
  margin: 0 auto;
  padding:40px 25px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;  
  border-top:0px;
}
.news ul .info h5 {
  font-size: 35px;  
  overflow: hidden;
  text-align:center;
  line-height:40px;
}
.news ul .info span {
  font-size: 50px;  
  display: block;
  padding: 0px 0px 5px 0px;
}
.news ul .info div {  
  overflow: hidden;
}
.news ul .info .more {
  color:#000;
  font-weight:bold;  
  line-height: 33px;
  font-size: 14px;
}

.news .lookMore {
  width: 248px;
  height: 50px;
  border: 1px solid #999999;
  font-size: 16px;
  color: #2c2b2b;
  text-align: center;
  line-height: 50px;
  display: block;
  margin: 0 auto;
}
.news .lookMore:hover {
  background: #db0229;
  border: 1px solid #c4c4c4;
  color: #ffffff;
}
.newsCenter {
  overflow: hidden;
  padding: 40px 0px;
}
.newsCenter ul {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.newsCenter ul li {
  width: 32.5%;
  float: left;  
  margin-bottom:40px;
  margin-right: 1.23%;
  min-height:320px;
  background: #f3f3f3;
}
.newsCenter ul .info {  
  margin: 0 auto;
  padding:40px 25px;
  font-size: 16px;
  line-height: 28px;
  color: #535353;  
  border-top:0px;
}
.newsCenter ul .info h5 {
  font-size: 24px;  
  overflow: hidden;	
  white-space: nowrap;
  text-overflow:ellipsis;
  line-height:40px;
}
.newsCenter ul .info span {
  font-size: 50px;  
  display: block;
  padding: 0px 0px 5px 0px;
}
.newsCenter ul .info div {  
  overflow: hidden;
}
.newsCenter ul .info .more {
  color:#000;
  font-weight:bold;  
  line-height: 33px;
  font-size: 14px;
}


.business {
  overflow: hidden;
  padding: 40px 0px;
}
.business ul {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.business ul li {
  width: 24%;
  float: left;  
  margin-bottom:40px;
  margin-right: 1.3333%;
  min-height:150px;
}
.business ul li.Bo1{background:#006DA8}
.business ul li.Bo2{background:#71B235}
.business ul li.Bo3{background:#24C8D2}
.business ul li.Bo4{background:#EFA428}
.business ul li.Bo5{background:#DDC620}
.business ul li.Bo6{background:#00B3BE}
.business ul li.Bo7{background:#F98684}
.business ul li.Bo8{background:#37A2D3}
.business ul li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8 ;}
.business ul .info {  
  margin: 0 auto;
  padding:40px 15px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;  
  border-top:0px;
}
.business ul .info h5 {
  font-size: 28px;  
  overflow: hidden;
  text-align:center;
  line-height:20px;
}
.business ul .info span {
  font-size: 16px;  
  display: block;
  padding: 0px 0px;
}
.business ul .info div {  
  overflow: hidden;
}
.Case {
  background:url(../images/case.jpg) no-repeat center;
  overflow: hidden;
  padding: 40px 0px;
}
.Case ul {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.Case ul li {
  width: 24%;
  float: left;  
  margin-bottom:40px;
  margin-right: 1.3333%;
  min-height:150px;
  background:#37A2D3
}
.Case ul li.Co1{background:#37A2D3}
.Case ul li.Co2{background:#71B235}
.Case ul li.Co3{background:#DDC620}
.Case ul li.Co4{background:#F98684}
.Case ul li.Co5{background:#006DA8}
.Case ul li.Co6{background:#00B3BE}
.Case ul li.Co7{background:#EFA428}
.Case ul li.Co8{background:#37A2D3}
.Case ul .info {  
  margin: 0 auto;
  padding:20px 25px;
  color: #fff;  
  border-top:0px;
}
.Case ul .info h5 {
  font-size: 16px;  
  overflow: hidden;
  text-align:center;
  line-height:1.6;
  padding-bottom:10px;
}
.Case .lookMore {
  width: 120px;
  height: 30px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  color: #2c2b2b;
  text-align: center;
  line-height: 30px;
  display: block;
  border-radius: 35px;
  margin: 0 auto;
  background:#FFF;
}
.Case .lookMore:hover {
  background: #db0229;
  border: 1px solid #c70000;
  color: #ffffff;
}
@media (max-width: 720px) {
  .productClass {
    padding: 1rem 0;
  }
  .news {
    padding: 0.50rem;
  }
  .news ul {
    width: 100%;
  }
  .news ul li {
    width: 100%;
    margin-right: 0;
    padding: 0.25rem 0;
    margin-bottom: 0.25rem;
	min-height:auto;
  }  
  .news ul .info span {
    font-size: 1.5rem;  
    padding-bottom: 0.5rem;
    line-height: 1.4rem;
  }
  .news ul .info h5 {
    font-size: 1.2rem;
    line-height: 1.4rem;   
    margin-bottom: 0.7rem;
  }
  .news ul .info div {
    font-family: "微软雅黑";
    font-size: 0.85rem;   
    line-height: 1.3rem;   
  }
  .news ul .info .more {
    float: left;
    margin-top: 0.8rem;
  }
  .news .lookMore {
    width: 7.15rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.75rem;
    color: #444444;
    border: 1px solid #888888;
    margin-top: 0.5rem;
  }
  .about .about-txt{
	font-size:0.85rem;
    line-height: 1.3rem;}
  .Case ul li,.business ul li {
    width: 50%;
    margin-right: 0;
    padding: 0.25rem 0;
    margin-bottom: 0.25rem;
	min-height:auto;
  }
  .Case ul .info h5 {
    font-size: 16px;    
    line-height: 1.5;
   }  
  .Case {
    background:url(../images/case.jpg) repeat center; 
    padding: 0.50rem 0;
  }
  .business ul .info h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .business ul .info span{
	  font-size:14px;
	  line-height:1;
	  height:30px;
	  }  
  .help .help-txt{
   font-size: 25px;
   font-weight: bold;
   text-align: center;
   padding: 20px 20px;
   line-height:30px;
  }
  .help .help-tel{
	margin-left:0px;
	line-height:45px;
	font-size:18px;			
 }
 .help .help-tel span{
	font-size:18px;
 }
 .newsCenter ul li {
    width: 100%;
  }
}
@media (min-width: 721px) and (max-width: 1023px) {
  .productClass {
    padding: 40px 0;
  }
  .news {
    padding-bottom: 60px;
  }
  .news .lookMore {
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 0;
  }
  .news ul {
    width: 100%;
  }
  .news ul li {
    margin-bottom: 4px;
    width: 47%;
    margin-right: 6%;
    padding: 24px 0 20px;
  }
  .news ul .info span {
    padding-bottom: 0;
  }
  .news ul .info h5 {
    font-size: 15px;
    line-height: 30px;
    height:40px;   
  }
  .news ul .info div {
    font-size: 12px;
    line-height: 20px;
    height: 55px;
  }
}
@media (min-width: 1024px) and (max-width: 1335px) {
  .productClass {
    padding: 80px 0;
  }
  .news {
    padding-bottom: 80px;
  }
  .news ul {
    width: 100%;
  }
  .news ul li {
    margin-bottom: 20px;
  }
  .news ul .info span {
    padding-bottom: 10px;
  }
  .news .lookMore {
    margin: 10px auto 0;
    width: 160px;
  }
  
}