.rel .swiper-container {
 height: 160px;
 overflow: hidden;
 width: 1280px;
}

.rel .swiper-wrapper .swiper-slide {
 width: 256px;
 text-align: center;
 height: 160px !important;
 font-size: 18px;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 padding: 0 5px;
 box-sizing: border-box;
 float: left;
}

.rel .swiper-wrapper .swiper-slide div {
 width: 100%;
 height: 100%;
}

.swiper-slide a {
 color: #fff;
 display: inline-block;
 vertical-align: middle;
 width: 100%;
 height: 100%;
}

.swiper-slide .icon img {
 width: 60px;
 height: 60px;
 display: block;
 margin: 26px auto;
}

.swiper-slide a img:hover {
 animation: shake 1s;
 -o-animation: shake 1s;
 -webkit-animation: shake 1s;
 -moz-animation: shake 1s;
}

.swiper-slide a span {
 display: block;
 margin-top: 10px;
}
.swiper-wrapper li.column01 div {
 background: #319b92;
}

.swiper-wrapper li.column16 div {
 background: #528eb5;
}

.swiper-wrapper li.column17 div {
 background: #55a5aa;
}

.swiper-wrapper li.column18 div {
 background: #e5ca8f;
}

.swiper-wrapper li.column19 div {
 background: #28b5a9;
}

.swiper-wrapper li.column20 div {
 background: #a9a9a9;
}

.swiper-wrapper li.column21 div {
 background: #528eb5;
}

@-webkit-keyframes shake {
 /* Safari 和 Chrome */
 0%,
 100% {
 -webkit-transform: translateX(0);
 }
 10%,
 30%,
 50% {
 -webkit-transform: translateX(-5px);
 }
 20%,
 40% {
 -webkit-transform: translateX(5px);
 }
}

.main_top {
 position: relative;
}

.rel {
 width: 1280px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 background: url(/Sites/Uploaded/UserUpLoad/20180808/20180808182750.png)left bottom !important;
 background-image: none;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background: url(/Sites/Uploaded/UserUpLoad/20180808/20180808182750.png)right bottom !important;
}

.swiper-button-next,
.swiper-button-prev {
 position: absolute;
 margin-top: -11px !important;
 width: 24px !important;
 height: 24px !important;
 top: 155px;
}

.swiper-button-next {
 right: -40px !important;
}

.swiper-button-prev {
 left: -40px !important;
}

.tab-tit {
 height: 40px;
}

.tab-tit a {
 width: 25%;
 text-align: center;
 float: left;
 height: 40px;
 line-height: 40px;
 color: #333;
 font-size: 20px;
 position: relative;
}

.active {
 border-bottom: 3px solid #28b5a9;
}

.active:after {
 content: "";
 position: absolute;
 bottom: -8px;
 left: 50%;
 margin-left: -13px;
 width: 100%;
 background: url(/Sites/Uploaded/UserUpLoad/20180809/20180809094651.jpg) no-repeat center;
 display: block;
 width: 26px;
 height: 8px;
}

.tab-con {
 margin-top: 20px;
}

.tab-con .news {
 display: none;
 border: 1px solid #ccc;
 box-shadow: 0px 0px 15px #ccc;
 padding: 20px;
}

.tab-con .news li {
 line-height: 40px;
}

.tab-con .news li .span_date {
 float: right;
}

.tab-con .selected {
 display: block;
}

.col-box {
 padding-left: 20px;
 padding-top: 60px;
 box-sizing: border-box;
}

.col-box a {
 display: block;
 color: #fff;
 border: 1px solid #ccc;
 height: 70px;
 width: 100%;
 text-align: center;
 line-height: 70px;
 font-size: 20px;
 box-shadow: 0px 0px 15px #ccc;
 transition: all 0.3s;
}

.col-box a:hover {
 font-size: 24px;
}

.col-box a.box1 {
 background: #528eb5;
}

.col-box a.box2 {
 margin: 13px 0px;
 background: #55a5aa;
}

.col-box a.box3 {
 background: #28b5a9;
}

@media screen and (max-width:1366px) {
 .rel {
 width: 768px;
 margin: 0 auto;
 overflow: hidden;
 }
 .swiper-button-next {
 right: 10px !important;
 }
 .swiper-button-prev {
 left: 10px !important;
 }
 .main_content {
 margin-bottom: 40px;
 }
}

@media screen and (max-width:768px) {
 .rel {
 width: 512px;
 }
 .arrow-left,
 .arrow-right {
 display: none;
 }
}

@media screen and (max-width:500px) {
 .col-md-8,
 .col-md-4 {
 width: 100%;
 }
 .col-box {
 padding-left: 0;
 padding-top: 40px;
 }
 .tab-tit a {
 font-size: 18px;
 }
 .rel {
 width: 256px;
 }
}