body {
    background-color: rgb(242 242 242);
    padding: 0px !important;
    margin: 0px !important;
    overflow-x: hidden;
}

img {
    width: 100%;
    height: 100%;
}


#hidCtrl {
    display: none;
}

.copyright {
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    height: 80px;
    color: rgb(128, 128, 128);
    background-color: rgb(200 200 200);
}

    .copyright a {
        display: inline-block;
        text-decoration: none;
    }

    .copyright span {
        margin: 0px 10px;
    }

.guanggao {
    width: 1260px;
    height: 80px;
    margin: 2px 0px;
    display:flex;
    justify-content:flex-start;
    flex-flow:row nowrap;
    overflow:hidden;
}
    .guanggao a {
    }
    .guanggao .size1 {
        width: 1260px;
    }
    .guanggao .size2 {
        width: 630px;
    }
    .guanggao .size3 {
        width: 378px;
    }
    .guanggao .size4 {
        width: 252px;
    }
    .guanggao .size5 {
        width: 315px;
    }
.headScroll {
    position: fixed !important;
    top: 0px;
    z-index: 999;
    margin: auto;
    left: 0;
    right: 0;
}
.head {
    display: flex;
    justify-content: center;
    height: 80px;
    background-color: black;
}

    .head .hCont {
        width: 1280px;
        display: flex;
        justify-content: flex-start;
    }

.hCont .logo {
    height: 60px;
    margin:10px;
    width: 300px;
    margin-right: 20px;
    background-image: url(../images/logoLoop/D11.png)
}

.hCont .menu {
    height: 80px;
    width: 580px;
    margin-right: 0px;
}

.hCont a {
    color: white;
}


.menu ul {
    padding-left: 0px;
}

.menu li {
    float: left;
    list-style: none;
    margin: 0px 20px;
    margin-top: 12px;
    font-size: 18px;
}

    .menu li a {
        color: white;
        text-decoration: none;
        text-align:center;
    }
        .menu li a span{
            display:block;
            margin-top:4px;
        }
        .menu li a .glyphicon{
            font-size:28px !important;
        }

.hCont .search {
    height: 80px;
    width: 400px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.search .sCont {
    width: 320px;
    height: 40px;
    padding: 4px 0px 0px 20px;
    border-radius: 20px;
    border: 1px solid white;
    padding: 1px;
    margin: 1px;
    background-color: gray;
}

.sCont .scText {
    margin-left: 8px;
    margin-top:5px;
    font-size: 20px;
    width: 270px;
    border: none;
    background-color: gray;
}

.sCont .scLnk {
    font-size: 22px;
}

    .sCont .scLnk span {
        margin: 3px;
        color: black;
    }

.search .lCont {
    margin-top: 5px;
    margin-left: 10px;
}

    .search .lCont .scLnk {
        display: inline-block;
        border-radius: 100%;
        border:1px solid white;
        margin:1px;
        padding:1px;
        overflow: hidden;
        width: 45px;
        height: 45px;
        background-color: black;
    }
.siteMapBody {
    width: 100%;
    position: fixed;
    top: 80px;
    background-color: rgb(242,242,242);
    z-index: 999;
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
    align-items: center;
}
.siteMap {
    width:1260px;
}
.siteMap a{
    color:black;
    text-decoration:none;
}
.body {
    margin-top:40px;
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
    align-items: center;
}

.headSwiper {
    margin: 2px 0px;
    width: 1260px;
    height: 400px;
}

.swTitle {
    position: relative;
    bottom: 25px;
    height: 25px;
    padding: 3px;
    display: inline-block;
    width: 1280px;
    background: linear-gradient(to top,rgb(130 130 130) 40%,transparent);
    display: flex;
    align-self: flex-start;
    align-items: last baseline;
    color: white;
}

.workCont {
    width: 1280px;
}

    .workCont ul {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap;
        padding-left: 0px;
        list-style: none;
        overflow: hidden;
        margin-left: 10px;
        margin-bottom:0px !important;
    }

.wcTitle {
    width: 1260px;
    padding: 10px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    margin-left:10px;
    margin-bottom:5px;
}

.workItem {
    width: 413px;
    height: 240px;
    transition: all 5s;
    margin: 0px 10px 10px 0px;
}

    .workItem .wiImg {
        width: 413px;
        height: 240px;
    }

    .workItem:hover .wiInfo {
        padding: 5px;
        background: linear-gradient(to top,rgb(130 130 130) 50%,transparent);
        color: white;
        display: block;
        transform: translateY(-30px);
    }

.wiInfo {
    position: relative;
    bottom: 0px;
    display: none;
}


.workItem2 {
    width: 625px;
    height: 340px;
    transition: all 5s;
    margin: 0px 10px 10px 0px;
}

    .workItem2 .wiImg {
        width: 625px;
        height: 340px;
    }

    .workItem2:hover .wiInfo {
        padding: 5px;
        background: linear-gradient(to top,rgb(130 130 130) 50%,transparent);
        color: white;
        display: block;
        transform: translateY(-30px);
    }

.wiInfo {
    position: relative;
    bottom: 0px;
    display: none;
}

.workPageEnd {
    width: 413px;
    height: 240px;
    transition: all 5s;
    margin: 0px 10px 10px 0px;
    background-color: rgb(25 185 85);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .workPageEnd .wiInfo {
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
    }

        .workPageEnd .wiInfo .wiiIcon {
            font-size: 60px;
            margin-top: 15px;
            margin-right: 10px;
        }

        .workPageEnd .wiInfo .wiiText {
            font-size: 26px;
        }

.listPager {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin:0px 10px;
}

    .listPager .pagerInfo {
        margin: 7px 50px;
        font-size: 14px;
    }

    .listPager .pagerInfo2 ul {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap;
        padding-left: 0px;
        list-style: none;
        overflow: hidden;
        margin-left: 10px;
        margin-bottom: 0px !important;
    }
        .listPager .pagerInfo2 ul li {
            padding: 5px 10px;
            margin: 2px;
            border: 1px solid rgb(202,202,202);
            cursor: pointer;
            border-radius:5px;
        }
        .listPager .pagerInfo2 ul .current{
            background-color:rgb(222,222,222);
        }
        .listPager .pagerInfo2 ul li a {
            color: black;
            text-decoration: none;
        }
            .listPager .piPart {
                margin: 0px 10px;
            }

.siteMap {
    width: 1260px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin: 10px 0px;
}

    .siteMap .smMarker {
        margin-top: 3px;
        color: rgb(154 154 154);
    }

    .siteMap span {
        margin: 0px 5px;
        color: rgb(51 51 51);
    }

.mbrItem {
    width: 413px;
    height: 120px;
    background-color: rgb(230 230 230);
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin: 0px 10px 10px 0px;
}


    .mbrItem .mbrImg {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        overflow: hidden;
    }

    .mbrItem .mbrInfo {
        width: 280px;
        margin-left: 10px;
    }

        .mbrItem .mbrInfo .mbrName {
            font-size: 16px;
            font-weight: bold;
        }

        .mbrItem .mbrInfo .mbrDesc {
            text-indent: 2em;
            font-size: 14px;
            font-weight: normal;
            margin-top: 5px;
            overflow: hidden;
        }