@charset "utf-8";


/* 
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
strong{font-weight:bolder;}
img{border-style:none;max-width:100%;} */

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #e62022;}
ul {margin: 0;list-style: none;padding: 0;}


a:active, a:hover {
    outline: 0;
}




.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.section {padding: 30px 0;}
.section-title {text-align: center;margin-bottom: 40px;font-size: 33px;}
.section-title span {color: #e62022;text-transform: uppercase;}
.section-title p {font-size: 18px;margin: 5px 0 0;color: #666;}

.in-server {margin: -20px 0 0 -20px;}
.in-server li {float: left;width: 20%;}
.in-server li a {display: block;border: 1px solid #1b181885;margin: 20px 0 0 20px;text-align: center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li .img-center {height: 105px;line-height: 105px;padding-top: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li h4 {margin: 30px 0 10px;font-size: 22px;font-weight: normal;}
.in-server li p {margin: 0 20px 20px;color: #868686;text-align: justify;}
.in-server li span {display: block;line-height: 54px;background-color: #e5e3e3;color: #736c6c;border-top: 1px solid #f4f4f4;font-size: 16px;}
.in-server li a:hover {box-shadow: 0 0 26px #cacaca;-webkit-transform: translateY(10px);transform: translateY(10px);border-color: #d6d6d6;}
.in-server li a:hover span {background-color: #e62022;color: #fff;}
.in-server li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container {width: auto;}

    .section {padding: 30px 0;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title p {font-size: 12px;}

    .in-server li {width: 50%;}
    .in-server li a {border: 0;}
    .in-server li span {display: none;}
    .in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
    .in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .in-server li:first-child {width: 100%;}
}