/* CSS Document */
/*==========?¡­??¡­¡À??¡¤???========*/

h1, h2, h3, h4, h5, h6, p, span, ul, li, dl, dt, dd, img {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

ol, ul {
	list-style: none
}
:focus {
	outline: none;
}
.clr {
	clear: both;
}
* {
	margin: 0;
	padding: 0;
}

/*??'¨¦?¦Ì?¡è¡ä¨¦?¡§*/

/*??-????¡­3¨¦"??-¡ª*/






/*service*/

.service {
    width: 1200px;
    position: relative;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    overflow: hidden;
}

.service ul {}

.service ul li {
    width: 23%;
    height: 400px;
    float: left;
    background: #f4f3f3;
    margin: 0px 13px;
    text-align: center;
}

.service ul li:last-child {
    margin-right: 0px !important;
}

.service ul li img {
    margin-top: 40px;
}

.service ul li:hover img {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    /* IE 9 */
    -moz-transform: rotateY(180deg);
    /* Firefox */
    -webkit-transform: rotateY(180deg);
    /* Safari ?£¤a€??' Chrome */
    -o-transform: rotateY(180deg);
    /* Opera */
    transition: 0.2s !important;
}

.service ul li p {
    font-size: 20px;
    margin-top: 42px;
    margin-bottom: 22px;
    font-weight: bold;
    transition: none !important;
}

.service ul li i {
    width: 60px;
    height: 1px;
    background: #595757;
    display: block;
    margin: auto;
    margin-bottom: 36px;
    transition: 0.3s;
}

.service ul li span {
    font-size: 16px;
    line-height: 26px;
    transition: none !important;
    width: 90%;
    display: block;
    margin: 0 auto;
}

.service ul .service-li {
    background: #1b1b1b;
    transition: 0.3s ease-out;
    box-shadow: 0px 0px 20px #aaa;
    color: #fff;
}

.service ul .service-li i {
    background: #fff;
}