* {
    margin:0px;
    padding:0px;
}
a, a:hover, a:active, a:focus {
    text-decoration: none
}

header {
    border-bottom: 1px solid #DCDFE6;
    box-shadow: 0 0 4px #999;
}
.mt20 {
    margin-top:20px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.pt35 {
    padding-top: 35px;
}
.pb50 {
    padding-bottom: 50px;
}
.greyback {
    background-color: #f8f8f8;
}
.whiteback {
    background-color: #FFF;
}
.part-title {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}
.part-title-desc {
    text-align: center;
    font-size: 18px;
    color: #888;
    margin-top: 10px;
    margin-bottom: 20px;
}
.hexin-item {
    background-size: 100%;
    height: 140px;
    background-repeat: round;
    cursor: pointer;
    overflow: hidden;
}
.hexin-item:hover .hexin-item-con {
    background-color: #0ECCC2;
    color: #FFF;
    height: 100%;
    padding-top: 35px;
    transition: 0.4s;
}
.hexin-item-con {
    color: #FFF;
    bottom: 0px;
    width: 100%;
    padding-left: 10px;
    height: 100%;
    padding-top: 70px;
    transition: 0.4s;
}
.hexin-item-con-title {
    font-size: 20px;
    bottom: 15px;
    margin-bottom:0px;
}
.tedian-item {
    background-color: #FFF;
    padding: 10px 0px;
    padding-bottom: 30px;
    cursor: pointer;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    box-shadow: 0 0 3px #E5E5E5;
    transition: 0.4s;
}
    .tedian-item:hover {
        position: relative;
        /*bottom: 2px;*/
        transition: 0.4s;
        box-shadow: 4px 10px 15px #E5E5E5;
    }
    .tedian-item-con-title {
        font-size: 20px;
        padding-bottom: 15px;
    }
.liucheng-item-con-icon,.tedian-item-con-icon {
    font-size: 60px;
    color: #0ECCC2;
}
.tedian-item-con-desc {
    margin:0px;
}
.liucheng-item {
    cursor: pointer;
    transition: 0.4s;
}
    .liucheng-item:hover .liucheng-item-con-icon {
        transform: scale(1.1);
        transition: 0.4s;
    }
.zixun-btn {
    padding: 8px 30px;
    border-radius: 25px;
    background-color: #0ECCC2 !important;
    color: #FFF !important;
    outline: none !important;
    border-color: #FFF !important;
    transition: 0.4s;
}
.zixun-btn:hover {
    background-color: #0ECCC2;
    color: #FFF;
    border-color: #FFF;
    transform: scale(1.1);
    transition: 0.4s;
}
#contactus {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 80%; /*这个比例可以自己按需调节*/
}
.swiperimage {
    width: 100%;
}

.part-label-title {
    padding: 8px 10px;
    background-color: #f8f8f8;
    border-left: 5px solid #0ECCC2;
    border-radius: 4px;
}

/* 小屏幕（平板，小于于等于 768px） */
@media (max-width: 992px) {
    .hexin-item, .tedian-item, .liucheng-item {
        margin: 10px 0px;
    }
    .hexin-item-con-desc {
        height:50px;
    }
}
@media (max-width: 768px) {
    .hexin-item, .tedian-item, .liucheng-item {
        margin: 10px 0px;
    }
    .hexin-item-con-desc {
        height: 50px;
    }
    .zixun-btn {
        margin-top:50px;
    }
    .swiper-container {
        padding-top: 50px;
    }
}