@media screen and (min-width:960px){  .img i{ width: 50px;height: 50px;}} /*最小960 */
 @media only screen and (max-width: 959px) {  .img i{ width: 80px;height: 80px;}  }  /*最大是959*/ 

/*联系我们*/
.contact_main{
  padding: 0 0 30px;
}
.contact_list{

}
.contact_list_ul{
  overflow: hidden;
  display: flex;
  flex-direction: row;
  padding: 30px 0;
}
.contact_list_ul li{
  float: left;
  width: calc(25% - 20px);
  margin: 0 10px;
  box-shadow: #ddd 1px 5px 8px 0px;
}
.contact_list_ul li .img{
  padding: 40px 0 20px;
  text-align: center;
}
 
.contact_list_ul li .txt{
  text-align: center;
  padding: 20px;
}
.contact_list_ul li .txt h2{
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact_list_ul li .txt p{
  font-size: 14px;
  color: #888888;
  line-height: 24px;
}
.contact_form {
  width:100%;
  margin: 0 auto;
 
 
}
.contact_list_ul li:nth-child(1) .img i{
  background: #4562A8;
}
.contact_list_ul li:nth-child(2) .img i{
  background: #FFB850;
}
.contact_list_ul li:nth-child(3) .img i{
  background: #FF7D5F;
}
.contact_list_ul li:nth-child(4) .img i{
  background: #3CC6ED;
}
.contact_list_ul li:nth-child(-n+3){
  border-right-color: transparent;
}
.contact_form_title{

}
.contact_form_title h2{
  font-size: 30px;
  color: #333;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 30px;
}
.contact_form form {
  width: 100%;
  overflow: hidden;
}

 


.contact_form form input {
  width: calc(50% - 10px);
  float: left;
  height: 43px;
 
  font-size: 14px;
  margin-bottom: 25px;
  border: 1px solid #ccc;text-indent: 1em;
}

.contact_form form input:nth-child(even) { float: right;
 
}

.contact_form form input:nth-child(odd) {
 
}

.contact_form form textarea {
  width: calc(100% - 2px);
  height: 150px;
  
  font-size: 14px;
  line-height:2em;
  border: 1px solid #ccc;
  margin-bottom: 10px;text-indent: 1em; padding-top: 5px;
}

.contact_form form .con_btn {
  display: inline-block;
  float: right;
  width: auto;
  height: 45px;
  line-height: 45px;
  background: #f24141;
  color: #fff;
  text-align: center;
  padding: 0 70px;
  margin: 0 !important; border: none;
}

.contact_form form .con_btn:hover{
  background: #e10000;
  color: #fff;
}

/*联系我们完*/

@media screen and (min-width:960px){ } /*最小960 */
@media only screen and (max-width: 959px) {.contact_main{
    padding: 10px 0;
  }
  .contact_list_ul li{
    width: 50%;
    margin: 0!important;
    box-shadow: none;
  }
  .contact_list_ul{
    flex-wrap:wrap;
    padding:10px 0;
  }

  .contact_list_ul li .img{
    padding: 10px 0 10px;
  }

 

  .contact_list_ul li .txt{
    padding:8px 10px;
  }

  .contact_list_ul li .txt h2{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .contact_list_ul li .txt p{
    font-size: 12px;
    line-height: 18px;
  }

  .contact_list{
    padding: 0 5px;
  }

  .contact_list_ul li:nth-child(-n+2){
    border-bottom-color:transparent; 
  }
  .contact_list_ul li:nth-child(2){
    border-right-color: #ccc;
  }   }  /*最大是959*/

 .messages{ width: 100%}
 				
 			
 				
 				.messages ul {  	border-bottom: 1px solid rgba(239,239,239,.8);margin-bottom: 20px;
 padding-bottom: 20px; }
 				.messages span#date{float:right;color:#999;}
 				.hf{position: relative;
   margin: 15px 0 0 0;
   padding: 20px;
   list-style: none;
   background: #f8f8f8;
   border-radius: 4px;}
   
  .hf:before {
       position: absolute;
       left: 15px;
       top: -17px;
       border: 9px solid transparent;
       border-bottom: 10px solid #f8f8f8;
       content: "";
   }