.padT80{padding-top: 30px;}
.padB80{padding-bottom: 50px;}
.title h2{position: relative; padding:20px 0; text-align: center; color:#666; font-size:16px; font-weight:bold;}
.title h2:after{width:75px; height: 2px; display: block; content: ""; background-color: #0e76bd; margin-top: 5px; position: absolute; left: 50%; transform:translateX(-50%);}
.greyBg{background-color: #f5f5f5;}
.buleBg{background-color: #0e76bd;}
.container_cp{ width:1200px; margin:auto;}

/*honor*/
.honor{ margin-top:30px; overflow:hidden;}
.honor .gn{width:49%;float:left; }
.honor .yy{width:49%;margin-left:2%; float:left; }
.honty:hover{box-shadow: 0 0 10px #aaa; transition: all .5s; background-color: #FFFFFF;}
.honty{ border-radius: 5px;transition: all .5s; cursor: pointer; min-height:200px; background:#FFFFFF; }
.honty>div{padding:0px 0 0;  font-size:14px;}

.honor1{ overflow:hidden;}

.honor1 .gn{width:49%;float:left; overflow:hidden;}
.honor1 .yy{width:49%;margin-left:2%; float:left; }
.honty1:hover{box-shadow: 0 0 10px #aaa; transition: all .5s; background-color: #FFFFFF;}
.honty1{ border-radius: 5px;transition: all .5s; cursor: pointer; min-height:220px; background:#FFFFFF; }
.honty1>div{padding:0px 0 0;  font-size:14px; line-height:150%;}


.ty{background-color: #0e76bd; margin: auto; width:50px; height: 50px; text-align: center; border-radius: 50%;}
.ty span {color: #FFFFFF; font-size:18px; line-height: 50px;}
.tycon{text-align: center; margin-top:30px;}
.tycon h3{font-size: 16px; color: #666; margin-top:10px;}
.honty .tycon p{color: #333; font-size:14px;}
/*charactic*/

/*service*/

  .cp_nr{ margin:0px 20px;}
.cp_js{ display:none;}

.service .con{ text-align:left; padding:0px 20px; }
.service .con p{ text-align:left;}
/*case*/
.case{overflow:hidden; }
.case ul{ margin-top:30px;}
.case ul li{width:300px; height:330px; float:left; text-align:center;  font-size:14px;}
.case ul li:hover{ background:#0e76bc;}
.case ul li:hover a{ color:#FFFFFF;}
.case ul li img{width:260px; height:239px; margin-top:20px;}

@media screen and (max-width: 600px) {
  /* 对于屏幕宽度小于或等于600px的设备 */
  .container_cp{ width:95%;}
    .honor .gn{ width:95%; margin-left:2%;}
  .honor .yy{width:95%; margin-top:30px;}
  .honor1 .gn{ width:95%; margin-left:2%;}
  .honor1 .yy{width:95%; margin-top:30px;}
  
  .cp_nr{ display:none;}
.cp_js{ display:block;  margin:0px 20px;}
.service .con{ display:none;}

.case{overflow:hidden; }
.case ul{ margin-top:30px;}
.case ul li{width:50%; height:230px; float:left; text-align:center;  font-size:14px;}
.case ul li:hover{ background:#0e76bc;}
.case ul li:hover a{ color:#FFFFFF;}
.case ul li img{width:150px; height:138px; margin-top:20px;}


  }