/* 首页 */
.scroll_a {
    width: 100%;
    height: 660px;
}

.scroll_a .swiper-slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-pagination-bullet {
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    transition: opacity 300ms;
}

.hot-service {
    height: 555px;
}

.hot-service .min-box {
    padding-top: 41px;
}

.max-title {
    text-align: center;
    position: relative;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.max-title.colorff {
    color: #ffffff;
}

.min-title.colorff {
    color: #ffffff;
}

/*.max-title::before {*/
/*    font-weight: normal;*/
/*    font-size: 14px;*/
/*    line-height: 4px;*/
/*    content: "————";*/
/*    color: inherit;*/
/*    display: inline-block;*/
/*    height: 8px;*/
/*    width: 8px;*/
/*    border: solid 1px;*/
/*    border-color: inherit;*/
/*    border-radius: 8px;*/
/*    text-indent: 8px;*/
/*    margin-right: 10px;*/
/*    transform: translateY(-8px) rotateZ(180deg);*/
/*}*/

/*.max-title::after {*/
/*    font-weight: normal;*/
/*    font-size: 14px;*/
/*    line-height: 4px;*/
/*    content: "————";*/
/*    color: inherit;*/
/*    display: inline-block;*/
/*    height: 8px;*/
/*    width: 8px;*/
/*    border: solid 1px;*/
/*    border-color: inherit;*/
/*    border-radius: 8px;*/
/*    text-indent: 8px;*/
/*    margin-left: 10px;*/
/*    transform: translateY(-8px);*/
/*}*/

.min-title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: lighter;
}

.hot-service .min-box .list-box {
    margin-top: 33px;
    width: 100%;
    height: 340px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

.hot-service .min-box .list-box .we-box {
    position: relative;
    height: 160px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 27px 0px 0 55px;
}

.hot-service .min-box .list-box .we-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0px;
    z-index: -1;
    background-image: inherit;
    border-radius: 5px;
    filter: blur(10px);
    opacity: 0.5;
}

.hot-service .min-box .list-box .we-box.tjs::before {
    width: 126px;
    height: 91px;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    background-size: cover;
    background-image: url(../img/zu6121.png);
}

.hot-service .min-box .list-box .we-box .text-box {
    height: 100%;
    color: #ffffff;
    padding-top: 22px;
    width: 180px;
    margin-right: 20px;
    margin-left: 41px;
}

.hot-service .min-box .list-box .we-box .text-box .top-title {
    font-size: 24px;
    margin-bottom: 12px;
}

.hot-service .min-box .list-box .we-box.tjs .text-box .top-title {
    color: #fdff38;
}

.hot-service .min-box .list-box .we-box.w1 {
    background-image: linear-gradient(#00BCD4, #03A9F4);
    width: 590px;
}

.hot-service .min-box .list-box .we-box.w2 {
    background-image: linear-gradient(#FE9B95, #E6635A);
    width: 590px;
}

.hot-service .min-box .list-box .link {
    margin-top: 47px;
    width: 134px;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #ffffff;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 300ms, background-color 300ms;
}

.hot-service .min-box .list-box .we-box.w1 .link:hover {
    color: #02b1e8;
    background-color: #ffffff;
}

.hot-service .min-box .list-box .we-box.w2 .link:hover {
    color: #f07a73;
    background-color: #ffffff;
}

.hot-service .min-box .list-box .we-box.w3 {
    padding-left: 27px;
    background-image: linear-gradient(#9355FA, #C175FE);
    width: 384px;
}

.hot-service .min-box .list-box .we-box.w4 {
    padding-left: 27px;
    background-image: linear-gradient(#FAA557, #FCC585);
    width: 384px;
}

.hot-service .min-box .list-box .we-box.w5 {
    padding-left: 27px;
    background-image: linear-gradient(#FF61A3, #FF8AFC);
    width: 384px;
}

.hot-service .min-box .list-box .we-box.w3 .text-box {
    margin-left: 20px;
    width: 100%;
    margin-right: 20px;
}

.hot-service .min-box .list-box .we-box.w4 .text-box {
    margin-left: 20px;
    width: 100%;
    margin-right: 20px;
}

.hot-service .min-box .list-box .we-box.w5 .text-box {
    margin-left: 20px;
    width: 100%;
    margin-right: 20px;
}

.recommend-service {
    height: 600px;
    background-image: url(../img/tuceng8.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.recommend-service .min-box {
    padding-top: 60px;
}

.recommend-service .min-box .tj-list {
    width: 100%;
    height: 372px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    justify-content: space-between;
}

.recommend-service .min-box .tj-list .box-item {
    width: 285px;
    /*height: 316px;*/
    margin-top: 56px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.recommend-service .min-box .tj-list .box-item .box-item-a{
    font-size: 16px;
    border: 1px solid red;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.recommend-service .min-box .tj-list .box-item .top-img {
    margin-top: -58px;
}

.recommend-service .min-box .tj-list .box-item .big-title {
    font-size: 30px;
    width: 100%;
    text-align: center;
    margin-top: -14px;
    margin-bottom: 15px;
}

.recommend-service .min-box .tj-list .box-item .list-boxs {
    width: 100%;
    height: 210px;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}

.recommend-service .min-box .tj-list .box-item .list-boxs .link {
    display: block;
    width: 112px;
    height: 35px;
    padding: 0 12px;
    margin-bottom: 11px;
    line-height: 35px;
    font-size: 14px;
    background-color: #f5f1f4;
    text-align: center;
    color: #666666;
}

.select-us {
    height: 587px;
    background-image: url(../img/tuceng8.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/tuoyuan4kaobei3.png);
}

.select-us .min-box {
    padding-top: 42px;
}

.select-us .min-box .box-item {
    margin-top: 58px;
    width: 100%;
    height: 353px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

.select-us .min-box .box-item .box-list {
    background-color: #ffffff;
    width: 590px;
    height: 168px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 36px 40px;
}

.select-us .min-box .box-item .box-list .text-box {
    width: 380px;
    height: 100%;
    margin-left: 38px;
}

.select-us .min-box .box-item .box-list .text-box .top-title {
    font-size: 30px;
    color: #fc9433;
    margin-bottom: 12px;
}

.select-us .min-box .box-item .box-list .text-box .det-text {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
}
.news{height: 633px; background-image: url(http://333mo.cn/template/default/static/img/juxing2.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.news .min-box{padding-top: 51px;}
.news .min-box .big-title{width: 100%; font-size: 36px; font-weight: bold; color: #2d2f33; text-align: center; line-height: 48px;}
.news .min-box .min-title{width: 100%; font-size: 20px; color: #c7ccd8; text-align: center; margin-bottom: 43px;}
.news .min-box .news-list{width: 100%; height: 412px; display: flex; align-items: center; justify-content: space-between;}
.news .min-box .news-list .left-box{background-color: #ffffff; width: 420px; height: 100%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.news .min-box .news-list .center-box{background-color: #ffffff; width: 480px; height: 100%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.news .min-box .news-list .right-box{width: 280px; height: 100%; /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);*/}
.news .min-box .news-list .left-box .image-news{display: flex; width: 100%; height: 33.333%; border-bottom: solid 1px #e6ebf5; align-items: flex-start; justify-content: space-between; padding: 18px 13px; color: #333333; text-decoration: none;}
.news .min-box .news-list .left-box .image-news:last-child{border-bottom: none;}
.news .min-box .news-list .left-box .image-news .img-box{width: 152px; height: 90px;}
.news .min-box .news-list .left-box .image-news .img-box img{width: 100%; height: 100%;}
.news .min-box .news-list .left-box .right-text-box{width: 220px; height: 100%;}
.news .min-box .news-list .left-box .right-text-box .max-title{width: 100%; font-size: 14px; font-weight: bold; height: 40px; margin-bottom: 10px;}
.news .min-box .news-list .left-box .right-text-box .det-text{width: 100%; color: #878d99; height: 54px; overflow: hidden; font-size: 13px;}
.news .min-box .news-list .center-box .main-box{text-decoration: none; color: #333333; display: block; height: 45px; border-bottom: solid 1px #e6ebf5; overflow: hidden;}
.news .min-box .news-list .center-box .main-box .right-text-box{width: 100%; height: 100%;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .img-box{display: none;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .right-text-box .det-text{display: none;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .right-text-box .max-title{line-height: 45px; padding: 0 17px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0; padding-left: 14px; width: 380px;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .right-text-box .date{padding-right: 20px; color: #abaeb5; font-size: 12px;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .right-text-box{display: flex; align-items: center; justify-content: space-between;}
.news .min-box .news-list .center-box .main-box:not(:first-child) .right-text-box .max-title .jts{height: 10px; margin-right: 8px;}
.news .min-box .news-list .center-box .main-box:last-child{border-bottom: none;}
.news .min-box .news-list .center-box .main-box:first-child{height: 137px; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 18px 15px;}
.news .min-box .news-list .center-box .main-box:first-child .img-box{width: 152px; height: 90px;}
.news .min-box .news-list .center-box .main-box:first-child .img-box img{width: 100%; height: 100%;}
.news .min-box .news-list .center-box .main-box:first-child .right-text-box{width: 286px; height: 100%;}
.news .min-box .news-list .center-box .main-box:first-child .right-text-box .max-title{font-size: 14px; font-weight: bold; height: 40px; margin-bottom: 16px; width: 100%; line-height: 20px; padding: 0;}
.news .min-box .news-list .center-box .main-box:first-child .right-text-box .max-title .jts{display: none;}
.news .min-box .news-list .center-box .main-box:first-child .right-text-box .det-text{width: 100%; height: 54px; overflow: hidden; font-size: 13px; color: #878d99; display: -webkit-box;}
.news .min-box .news-list .center-box .main-box:first-child .right-text-box .date{display: none;}
.news .min-box .news-list .right-box .img-ad{width: 100%; height: 256px; margin-bottom: 8px;}
.news .min-box .news-list .right-box .img-ad img{width: 100%; height: 100%;}
.news .min-box .news-list .right-box .show-more{display: block; width: 100%; height: 147px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); background-color: #ffffff; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #333333; flex-direction: column;}
.news .min-box .news-list .right-box .show-more .cent-w{width: 187px; height: 54px; display: flex; align-items: center; justify-content: space-between;}
.news .min-box .news-list .right-box .show-more .cent-w .left-text{width: 114px; height: 100%;}
.news .min-box .news-list .right-box .show-more .cent-w .left-text .max-title{font-size: 18px; font-weight: bold; text-align: left; margin-top: 10px;}
.news .min-box .news-list .right-box .show-more .cent-w .left-text .min-title{font-size: 12px; color: #878d99; margin-bottom: 0; text-align: left;}
.news .min-box .news-list .right-box .show-more .dets{text-align: left; font-size: 12px; color: #878d99; width: 187px; margin-top: 30px;}