body {
    overflow-x: hidden;
}

.header {
    width: 100%;
    background: #3d5ca6;
    height: 94px;
}

.logo {
    float: left;
    margin: 20px 0 0 140px;
}

.webTitle {
    font: 35px 微软雅黑;
    font-weight: bolder;
    color: #fff;
    float: left;
    margin: 20px 0 0 15px;
}

.qrCode {
    position: absolute;
    margin-left: 33%;
    width: 100px;
    height: 100px;
    top: 10px;
}

@media (max-width: 1000px) {
    .qrCode {
        position: absolute;
        margin-left: 75% !important;
        width: 70px !important;
        height: 70px !important;
        top: 10px;
    }

    .form-control {
        max-width: 30rem !important;
    }

    .col-sm-2 button {
        width: 40% !important;
        float: left !important;
        margin: 1rem 1.4rem !important;
    }

    .qzdjDiv {
        /*background: url(../Images/rxqz_010.png) no-repeat center !important;*/
        width: 100% !important;
        height: auto !important;
        background-size: cover !important;
    }

    .navdiv {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .sidebar {
        font-size: 1.7rem !important;
        margin-top: 1rem !important;
        padding-left: 1rem !important;
    }

    .qzdjDiv {
        padding-bottom: 3rem !important;
    }

    .ut {
        margin-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .ut div {
        width: 16.5rem !important;
        float: left !important;
        margin: .5rem 2% !important;
    }

    .ut div h3 {
        font-size: 1.5rem !important;
        width: 45% !important;
        height: 14%;
        line-height: 10rem;

    }

    .im {
        width: 100% !important;
        height: 100% !important;
    }

    .ut div .im img {
        width: 16.5rem !important;
        height: 9rem !important;
    }

    .firstDiv {
        height: 9rem !important;
        font-size: 1.7rem !important;
    }

    .firstDiv span {
        flex: 3 !important;
    }

    .firstDiv img {
        margin-top: 0 !important;
    }

    .ygtjDiv .firstDiv img {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    .ut2 div {
        float: none !important;
        text-align: center !important;
    }
}

/* iphone5 */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    .qrCode {
        position: absolute;
        margin-left: 75% !important;
        width: 70px !important;
        height: 70px !important;
        top: 10px;
    }

    .col-sm-2 button {
        width: 88% !important;
        float: left !important;
        margin: 1rem 1.4rem !important;
    }

    .ut div {
        width: 14.5rem !important;
        float: left !important;
        margin: .5rem 2% !important;
    }

}

/* plus  */
@media screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) {
    .form-control {
        max-width: 34rem !important;
    }

    .col-sm-2 button {
        width: 41.5% !important;
        float: left !important;
        margin: 1rem 1.4rem !important;
    }

    .ut div {
        width: 18.5rem !important;
        float: left !important;
        margin: .5rem 2% !important;
    }

        .ut div .im img {
            width: 18.5rem !important;
            height: 11rem !important;
        }
}

@media (min-width: 1000px) {
    .module {
        width: 1186px;
        /*padding-right: 15px;*/
        /*padding-left: 15px;*/
        margin-right: auto;
        margin-left: auto;
    }

}

h2 {
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    color: #ffffff;
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 275px;
    line-height: 160px;
}

h3 {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
    color: #ffffff;
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 275px;
    line-height: 160px;
}

#qzdjDiv {
    /*margin-top: 10px;*/
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

/* 清除浮动*/

* html .clearfix {
    zoom: 1;
}

.ut {
    text-align: center;
}

.ut a {
    color: #000;
}

.ut div {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    /*margin-right: 6px;*/
    /*margin-bottom: 6px;*/
    width: 275px;
    /*padding: 6px;*/
    /*border: 1px solid #f5f5f5;*/
}

.ut2 {
    text-align: center;
}

.ut2 div {
    float: left;
    margin-left: 60px;
    margin-bottom: 10px;
    /*margin-right: 6px;*/
    /*margin-bottom: 6px;*/
    /*width: 275px;*/
    /*padding: 6px;*/
    /*border: 1px solid #f5f5f5;*/
}

.ut div .im {
    width: 100%;
    /*height: 124px;*/
    height: 160px;
    /*margin-bottom: 6px;*/
    overflow: hidden;
    -moz-box-shadow: 3px 5px 1px #8fa6cf; /* 老的 Firefox */
    box-shadow: 3px 5px 1px #8fa6cf;
}

.ut div .im img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ut div .rqCode {
    width: 100%;
    height: 124px;
    margin-bottom: 6px;
    overflow: hidden;
}

.ut div .rqCode img {
    width: 124px;
    height: 124px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ut div h2 {
    text-align: center;
    /*line-height: 40px;*/
    line-height: 160px;
}

.ut div:hover .im img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.qzdj {
    text-align: center;
    margin: 30px;
    margin-top: 0;
    padding: 30px;
    border: 1px solid #ddd;
    background-color: #D8EECA;
}

#xiaoyuan {
    margin: 20px 0 30px 0;
}

.xiaoyuan-item {
    max-width: 250px;
    text-align: center;
    margin: 10px auto;
    padding: 0px 0px;
    border: 1px solid #ddd;
    background-color: #D8EECA;
}

.xiaoyuan-item .item {
    background-color: #D8EECA;
    padding: 10px 0px;
}

.ygxq .item {
    width: 220px;
    height: 135px;
    float: left;
    text-align: center;
    /*line-height: 136px;*/
    margin-right: 10px;
}

.ygxq .item p {
    line-height: 20px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666;
}

.ygxq .li-1 {
    background: url(../images/img-1.png) no-repeat center;
}

.ygxq .li-2 {
    background: url(../images/img-2.png) no-repeat center;
}

.ygxq .li-3 {
    background: url(../images/img-3.png) no-repeat center;
}

.ygxq .li-4 {
    background: url(../images/img-4.png) no-repeat center;
}

.ygxq .li-5 {
    background: url(../images/img-5.png) no-repeat center;
}

.ygxq .title {
    font-size: 13px;
    float: left;
    color: #fff;
    padding-left: 5px;
}

.ygxq .subTitle {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.ygxq a {
    /*width: 100%;*/
    /*height: 100%;*/
    font-size: 24px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ygxq a:hover {
    opacity: .8;
}

#jiaoliuhuiDiv {
    /*margin: 50px 0 30px 0;*/
}

/*宁*/
.qzdjDiv {
    background: url(../Images/rxqz_010.png) no-repeat center;
    width: 100%;
    height: auto;
    background-size: cover
}

.gwxqDiv {
    background: url(../Images/rxqz_02.png) no-repeat center;
    width: 100%;
    height: auto;
    background-size: cover
}

.zhzcDiv {
    /*background: url(../Images/rxqz_03.png) no-repeat center;*/
    width: 100%;
    height: auto;
    background-size: cover
}

.ygtjDiv {
    background: url(../Images/rxqz_04.png) no-repeat center;
    width: 100%;
    height: auto;
    background-size: cover
}

.jiaoliuhuiDiv {
    background: url(../Images/rxqz_05.png) no-repeat center;
    clear: both;
    width: 100%;
    height: auto;
    background-size: cover
}

.scanDiv {
    width: 100%;
    height: auto;
    background-size: cover
}

.com {
    background: #247dff;
    /*margin-bottom: 40px;*/
    padding: 10px;
    color: #fff;
    line-height: 30px;
}

.meetingInfo {
    background: #247dff;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

    .meetingInfo a {
        color: #FEBE36;
    }

    .addpadding {
        padding: 10px;
        text-align: center;
        background: #6aa6fe;
        font-weight: bold;
    }

.colSame {
    text-align: center;
    color: #0f0f0f;
}

.sidebar {
    font-size: 24px;
    font-weight: bold;
    margin-top: 50px;

}

.sidebar a {
    color: #3547e8 !important;
}

.sidebar > li :hover {
    background: #1f79ff !important;
    color: #ffffff !important;
    border-radius: 50px;

}

.navdiv {
    width: 96%;
    display: flex;
    justify-content: flex-end;
}

.sylogo {
    text-align: center;
    margin-bottom: 30px
}

.guide1 {
    width: 80%;
    top: 115px;
    position: absolute;
    margin-left: 95%;
    margin-top: 9%;
}

.guide1 img {
    width: 6%;
}

.guide2 {
    top: 215px;
    width: 80%;
    position: absolute;
    margin-left: 95%;
    margin-top: 40%;
}

.guide2 img {
    width: 6%;
}

.guide3 {
    top: 115px;
    position: absolute;
    margin-left: 95%;
    margin-top: 88%;
    width: 80%
}

.guide3 img {
    width: 6%;
}

.guide4 {
    top: 115px;
    position: absolute;
    margin-left: 95%;
    margin-top: 150%;
    width: 80%
}

.guide4 img {
    width: 6%;
}

.firstDiv {
    display: flex;
    flex-direction: row;
    font-size: 24px;
    font-weight: bolder;
    align-items: center;
    align-content: center;
    color: #ffffff;
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 275px;
    height: 160px;

}

.showNav {
    /*display: none;*/
}