/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}
@media (min-width: 992px) {
	.col-md-3 {
    width: 25%;
    float: left;
    position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}
}
@media screen and (min-width:320px) and (max-width:768px) {
	.col-mm-6 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
	}
/*我们的优势*/
.advantage{text-align: center; color: #fff; padding: 55px 0px 10px 0px;background-color: #F4F4F4;}
.advantage_head h2{font-size: 30px; color: #666666;}
.advantage_head p{text-align: center;padding-top: 2px;  font-size: 18px;color: #9A9A9A; margin-bottom:5px;}
.advantage_list{padding-top: 30px;}
.advantage_col{margin-bottom: 30px;text-align: center;}
.advantage_col p{text-align: center;padding-top: 12px;}
.advantage_col p a{color: #434343;font-size: 16px; font-weight: bold;}
.advantage_col p a:hover{color: #FFC800; text-decoration: none;}
.advantage_col img{-webkit-transition: -webkit-transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out; -o-transition: -o-transform 0.8s ease-out; -ms-transition: -ms-transform 0.8s ease-out;}
.advantage_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}