body {
    font-size: 13px;
    font-family: Microsoft YaHei;
}

.slidebg {
    height: 866px;
    width: 100%;
}

.mislidebg {
    height: 232px;
    width: 377px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.headlayer {
    height: 112px;
    background: #187ed0 url(/wgx/tpl/imags/headLayer.jpg);
    background-size: cover;
}

.headlayer .container a {
    display: block;
    float: right;
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #1186ab;
    margin-top: 41px;
}

.navbar-header a.home {
    width: 58px;
    background: #2c95d6 url(/wgx/tpl/imags/navHomeIcon_04.png) no-repeat center center;
}

.navbar-default .navbar-brand:hover {
    background: #2c95d6 url(/wgx/tpl/imags/navHomeIcon_04.png) no-repeat center center;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav>li {
    width: 148px;
    font-size: 16px;
    color: black !important;
    text-align: center;
    background: url(/wgx/tpl/imags/navLine_07.gif) no-repeat right center;
}

.item img {
    width: 100%;
}

.navba {
    margin-bottom: 0px;
}

.dynamic {
    width: 350px;
    height: 232px;
    background: white;
    padding: 0 21px;
}

.dynamia {
    width: 350px;
    height: 232px;
    background: #1595c6;
    padding: 0 21px;
}

.dynamic h2 {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #4d4d4d;
    border-bottom: 2px solid #1595c6;
    margin-right: 10px;
}

.dynamia h2 {
    color: white;
    border-bottom: 2px solid white;
}

.dynamic h3 {
    float: left;
    color: #cecece;
    line-height: 34px;
    font-size: 14px;
}

.dynamic .more {
    display: block;
    float: right;
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #4d4d4d;
    font-size: 12px;
    border: 1px solid #e7e7e7;
    margin-top: 7px;
}

.title {
    margin: 10px 0 20px 0;
}

.title h2,
h3 {
    margin: 0;
}

.xw {
    margin-top: 15px;
}

.xw li {
    width: 100%;
    height: 100%;
    text-indent: 0;
    line-height: 30px;
    list-style: none;
    border: 0;
}

.xw ul {
    padding: 0;
}

.dynamic .xw li a {
    color: black;
}

.dynamic .xw li span {
    color: #8b8b8b;
}

.hdt a {
    color: white !important;
}

.hdt span {
    color: #dadada !important;
}

.linh {
    line-height: 55px;
    color: #444;
    background: #bdbdbd;
}

.dynamia .more {
    color: white;
}

#myCarousel {
    z-index: -1;
}

.rsgdsy {
    margin-top: -280px;
    padding-bottom: 40px;
    z-index: 1;
}

@media (max-width: 767px) {
    .wx {
        list-style: none;
    }
    .home {
        float: left;
        background: transparent;
        width: 550px;
        height: 100px;
        margin-top: 0px;
    }
    .navbar-nav>li {
        width: 100%;
        font-size: 16px;
        color: black !important;
        text-align: center;
        background: url(/wgx/tpl/imags/navLine_07.gif) no-repeat right center;
    }
    .navbar-header a.home {
        height: 51px;
        width: 58px;
        background: #2c95d6 url(/wgx/tpl/imags/navHomeIcon_04.png) no-repeat center center;
    }
    .dynamic {
        width: 100%;
        height: 232px;
        background: white;
        padding: 0 21px;
    }
    .dynamic li {
        list-style: none;
    }
    .dynamia {
        width: 100%;
        height: 232px;
        background: #1595c6;
        padding: 0 21px;
    }
}

.isfrom {
    width: 377px;
    height: 233px;
}

.tabsdf {}

#myCarouse2 .carousel-inner img {
    width: 377px;
    height: 233px;
}

.rsyp {
    width: 100%;
    height: 200px;
    background-size: 100% 100% !important;
}

@media (max-width: 414px) {
    /******iphone 7 8 plus******/
    .headlayer {
        height: 142px;
        background: #187ed0 url(/wgx/tpl/imags/headLayer.jpg);
    }
    .slidebg {
        height: 200px;
        width: 100%;
    }
    .linh {
        line-height: 20px;
        color: #444;
        background: #bdbdbd;
    }
    .rsgdsy {
        position: static;
        margin: 0;
    }
    .container {
        padding: 0px;
    }
    #myCarousel {
        margin-bottom: 0px;
    }
    .linh {
        color: #444;
        background: #bdbdbd;
        padding: 10px 5px;
    }
    .isfrom {
        width: 100%;
        height: 233px;
        overflow: hidden;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
    .isfrom #myCarouse2 img {
        height: 233px;
        width: 100%;
    }
}

@media (max-width: 375px) {
    /******iphone X 7 8******/
}

@media (max-width: 360px) {
    /******Galaxy S5******/
}

@media (max-width: 320px) {
    /******iphone 5/SE******/
}