
/*/home/Index/index  顶部全部mobile下显示的分类menu */
.allmenu {
    background: #ff841e;
    width: 100%;
    height: 38px;
}

.swiper-slide a {
    display: block;
    margin: 0.05rem .3rem
}

.swiper-slide a {
    color: #fff;
}

.allmenuitem {
    text-align: center;
    line-height: 38px;
    font-size: 13px;
}

.allmenuitem .active {
    background: #ff841e;
    border: 1px solid #eb1010;

    color: #eb4610;
    /* color: #eb4610; */
}

.swiper-wrapper1 .active {
    background: #ff841e;
    border: 1px solid #eb1010;

    color: #eb4610;
    /* color: #eb4610; */
}

.swiper-wrapper1 .active a {
    color: #eb1010;
}

.allmenuitem1 {
    background: #ff841e;
    width: 100%;
    height: 38px;
}
/*/home/Index/index  顶部全部mobile下显示的分类menu end*/

/* <!-- 轮播图swiper触屏滑动wapslider--> */
/* <style> */
    @media only screen and (min-width: 992px)  {
        .slide {
            margin-left: -10px;
        }
    }

    @media (max-width: 991px) {
        .slide {
            margin-left: 0px;
        }
    }

    #banner {
        margin-top: 0px;
        margin-right: -15px;
        width: 100%;
        height: auto;
        overflow: hidden;

        position: relative;
    }

    #banner .swiper-slide {
        position: relative;
        text-align: center;
    }

    #banner img {
        max-width: 100%;
    }

    .gallerytitle {
        text-align: center;
        font-size: 1em;
        height: 42px;
        line-height: 42px;
        color: #fafafa;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        font-weight: normal;
        text-shadow: 1px 1px 1px #000;
        /* background-color: rgba(21,20,20,0.5); */
        background-color: rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        background: -webkit-gradient(linear, top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    }

    .pagination {
        position: absolute;
        margin-bottom: -10px;
        z-index: 20;
        bottom: -10px;
        width: 66px;
        text-align: center;
        right: 0;
    }

    #tabs-container {
        height: 400px;
    }


    .tabs {
        /* margin-top: 20px; */
        /* border-top: 2px solid #9ac7ed; */
        background: url(images/headbg.png) no-repeat left top #f9fafa;
        background-size: auto 100%;
        width: 100%;
        height: 38px;
        overflow: hidden;
    }

    .tabs a {
        font-size: 1.3rem;
        font-weight: normal;
        text-align: center;
        float: left;
        width: 64px;
        height: 38px;
        line-height: 38px;
        color: #2a70be;
    }

    #tabsnav a.active {
        /* border-top: 2px solid #2a70be; */
        margin-top: -2px;
        background: #f37633;
        background-repeat: no-repeat;
        -webkit-background-size: 64px 39px;
        -moz-background-size: 64px 39px;
        -o-background-size: 64px 39px;
        background-size: 64px 39px;
        background-position: left top;
        color: #fff;
    }

    .tabs a.active {
        /* border-top: 2px solid #2a70be; */
        margin-top: -2px;
        background: #f37633;
        background-repeat: no-repeat;
        -webkit-background-size: 64px 39px;
        -moz-background-size: 64px 39px;
        -o-background-size: 64px 39px;
        background-size: 64px 39px;
        background-position: left top;
        color: #fff;
    }

    .news-list {
        padding: 0 10px;
    }

    .news-list li {
        overflow: hidden;
        border-bottom: 1px solid #eceef0;
        box-shadow: 0 1px 1px #fff;
        font-weight: normal;
        height: 35px;
        line-height: 35px;
        font-size: 1em;
    }
/* </style> */
/* <!-- 轮播图swiper触屏滑动wapslider--> */

/* <!-- swiper手机端触屏滑动图片导航菜单start--> */
/* <style> */
    /*-- swiper手机端触屏滑动图片导航菜单*/
    /*-- focus --*/
    .categories {
        padding: 0;
    }

    .focus-grid a {
        text-decoration: none;
    }

    .focus-grid {
        margin-top: 0;
    }

    .focus-grid h4 {
        text-align: left;
        font-size: 2.5em;
        font-weight: 400;
        color: #323232;
    }

    .focus-grid h4 span {
        display: block;
        font-size: 0.5em;
        margin: 10px 0;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-grid p {
        margin: 0px 0 0px 0;
        font-size: 1.2em;
        color: #797979;
        font-weight: 300;
        line-height: 1.9em;
    }

    .focus-border {
        border: 1px solid #e7eaed;
    }

    .focus-layout {
        background: #FBFBFB;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-layout {
        margin: 5px;
        padding: 8px 0 0 0;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        text-align: center;
    }

    .focus-layout:hover {
        background-color: #01a185;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-layout h4 {
        margin: 0 0 0 0;
        color: #4C4C4C;
        font-size: 18px;
        text-align: center;
        height: 35px;
        margin-top: 20px;
    }

    .focus-layout:hover h4.clrchg {
        color: #fff;
    }

    .focus-grids {
        /* margin-top: 5em; */
    }

    .focus-image {
        text-align: center;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-image i {
        font-size: 30px;
        color: #fff;
        background: #dd0908;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-layout:hover div.focus-image i {
        background: #FBFBFB;
        color: #000;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .focus-image i.fa-laptop {
        background: #ff9e29;
    }

    .focus-image i.fa-user {
        background: #ff9e29;
    }

    .focus-image i.fa-car {
        background: #3fb7d2;
    }

    .focus-image i.fa-motorcycle {
        background: #15c01c;
    }

    .focus-image i.fa-tree {
        background: #15c01c;
    }

    .focus-image i.fa-wheelchair {
        background: #7e3b07;
    }

    .focus-image i.fa-paw {
        background: #1963ce;
    }

    .focus-image i.fa-book {
        background: #c119ce;
    }

    .focus-image i.fa-asterisk {
        background: #7fbad8;
    }

    .focus-image i.fa-gamepad {
        background: #1ca39d;
    }

    .focus-image i.fa-shield {
        background: #f49ecf;
    }

    .focus-image i.fa-at {
        background: #070c1f;
    }

    .focus-image i.fa-home {
        background: #df8012;
    }

    .focus-layout:hover div.focus-image i.mobile {}

    i.laptop {}

    .focus-layout:hover div.focus-image i.laptop {}

    i.car {}

    .focus-layout:hover div.focus-image i.car {}

    i.bike {}

    .focus-layout:hover div.focus-image i.bike {}

    i.furniture {}

    .focus-layout:hover div.focus-image i.furniture {}

    i.pets {}

    .focus-layout:hover div.focus-image i.pets {}

    i.books {}

    .focus-layout:hover div.focus-image i.books {}

    i.fashion {}

    .focus-layout:hover div.focus-image i.fashion {}

    i.kids {}

    .focus-layout:hover div.focus-image i.kids {}

    i.services {}

    .focus-layout:hover div.focus-image i.services {}

    i.job {}

    .focus-layout:hover div.focus-image i.job {}

    i.real-estate {}

    .focus-layout:hover div.focus-image i.real-estate {}

    /*-- //focus --*/
/* </style> */
/* <style> */
    /*-- swiper手机端触屏滑动图片导航菜单*/
    .allmenu2 {
        background: #fff;
        /* background: #ff841e; */
        width: 100%;
        height: 198px;
        /* border: 1px solid #ff841e; */
    }

    .allmenuitem2 a {
        display: block;
        margin: 0.05rem .3rem
    }

    .allmenuitem2 a {
        color: #000;
    }

    .allmenuitem2 {
        text-align: center;
        /* line-height: 218px; */
        font-size: 13px;
    }

    .swiper-wrapper2 .active {
        /* background: #ff841e; */
        /* border: 1px solid #eb1010; */

        color: #eb4610;
        /* color: #eb4610; */
    }

    .swiper-wrapper2 .active a {
        color: #eb1010;
    }

    .allmenuitem2 {
        background: #fff;
        /* background: #ff841e; */
        width: 100%;
        height: 188px;
    }
/* </style> */
/* <!-- swiper手机端触屏滑动图片导航菜单end--> */

/* <!-- 滚动一定距离导航栏固定 start--> */
/* <style> */
    /*滚动一定距离导航栏固定*/
    .wraper {
        width: 100%;
        display: inline-block;
        /* border: 2px solid #CC9; */
        border-top: none;
    }

    .toggle {
        height: 38px;
        line-height: 38px;
        /* border-top: 2px solid #CC9; */
        background: #FFF;
    }

    .clear {
        width: 100%;
        height: 40px;
    }

    .fix-div {
        margin: 0 auto;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 99999;
    }
/* </style> */
/* <!-- 滚动一定距离导航栏固定 end--> */