body {
			padding: 0;
			margin: 0;
			font-size: 12px;
			font-family: 'Microsoft yahei';
		}

		.proboxicon {
			width: 60%;
			margin: 30px auto;
			margin-top: 50px;
		}

		.proboxicon ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			border: 1px solid #eee;
	        width: 1100px;
			height: 200px;
			margin: 0 auto;
			background: #fff;
			box-shadow: 0 10px 30px rgba(0,0,0,.2);
			border-radius: 10px;
		}

		.proboxicon ul:after {
			content: '';
			clear: both;
			display: block;
			/*width: 100%;*/
		}

		.proboxicon ul li {
			float: left;
			transition: all .2s;
			/*transition-delay: 1s*/
			width: 20%;
			height: 200px;
			border-right: 1px solid #ccc;
			box-sizing: border-box;
			padding: 10px;
		}

		.proboxicon ul li h2 {
			font-size: 20px;
			text-align: center;
		}

		.proboxicon ul li h3 {
			font-size: 18px;
			text-align: center;
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;
		}

		.proboxicon ul li a {
			display: block;
			width: 90%;
			margin: 10px auto;
			/*height: 60px;*/
			/*line-height: 60px;*/
			text-align: center;
			/*background: #DA6D0E;*/
			border-radius: 10px;
			transition: all .5s;
			position: relative;
			padding: 5px 0;
			text-decoration: none;
			color: #fff;
		}

		.proboxicon ul li a span {
			display: block;
		}


		.proboxicon ul li a:hover {
			/*box-shadow: 0px 1px 10px rgba(0,0,0,.8);*/
		}

		.proboxicon ul li p {
			text-align: center;
			color: #111;
			font-size: 16px;
		}

		.proboxicon ul li:nth-child(5) {
			border-right: none;
		}

		.proboxicon ul li:hover{
			/*background: #efefef;*/
			box-shadow: 0px 4px 20px rgba(0,0,0,.3);
			border-radius: 10px;
			transform: scale(1.15);
			-webkit-transform: scale(1.15);
			border: none;
			/*border: 1px solid #ccc;*/
			background: #ce0000;
		}

		.proboxicon ul li:hover p {
			color: #fff;
		}
		.proicon1 {
        height: 60px;
        width: 60px;
        margin: 25px auto 20px;
        background: url(../images/proicon1.png) no-repeat;
		}

		.proboxicon ul li:hover .proicon1 {
        background: url(../images/proicon1_1.png) no-repeat;
      }
          
		.proicon2 {
        height: 60px;
        width: 60px;
        margin: 25px auto 20px;
        background: url(../images/proicon2.png) no-repeat;
		}

		.proboxicon ul li:hover .proicon2 {
        background: url(../images/proicon2_1.png) no-repeat;
      }
          
		.proicon3 {
        height: 60px;
        width: 60px;
        margin: 25px auto 20px;
        background: url(../images/proicon3.png) no-repeat;
		}

		.proboxicon ul li:hover .proicon3 {
        background: url(../images/proicon3_1.png) no-repeat;
      }
          
		.proicon4 {
        height: 60px;
        width: 60px;
        margin: 25px auto 20px;
        background: url(../images/proicon4.png) no-repeat;
		}

		.proboxicon ul li:hover .proicon4 {
        background: url(../images/proicon4_1.png) no-repeat;
      }
      
      .home_pro_class{
  width:120px;
  height:40px;
  border:solid 1px #fff;
  line-height:40px;
  float:left;
  border-radius:2px;
  text-align:center;
  margin: 0 5px;
}
.home_pro_class a{
  color:#fff;
  font-size:14px;
  display:block;
}
.home_pro_class:hover {
  width:120px;
  height:40px;
  border:solid 1px #fff;
  line-height:40px;
  box-shadow:0px 3px 20px rgba(255,255,255,.5);
  border-radius:30px;
  transition:all 1s; 
  background:#a62323;
  background: -webkit-linear-gradient(left,  #660303 , #a62323); 
  background: -o-linear-gradient(left,  #660303 , #a62323); 
  background: -moz-linear-gradient(left,  #660303 , #a62323); 
  background: linear-a62323(left,  #660303 , #a62323); 
  border:solid 1px #a62323;
}
.home_pro_class:Hover a{color:#fff;}