@charset "utf-8";

em {
    text-transform: uppercase
}

.lmbt {
    font-size: 20px;
    line-height: 22px;
    margin-top: 20px
}

.jsjgy {
    width: 99% !important
}

.btmul li a:hover,
.dqlm a em,
.dqlm a span,
.dqlm a:hover em,
.leftul .dqlm a em,
.leftul .dqlm a span,
.leftul ul a:hover span,
.tplb li:hover em,
.tplb li:hover h3,
.wzbtul li a:hover h3 {
    color: #BA0000
}

.topdiv a:hover {
    text-decoration: underline
}

.middle .nrqy div,
.middle .nrqy p,
.middle .nrqy span {
    letter-spacing: 0
}

.swiper-container {
    width: 100%;
    overflow: hidden
}

.advertisement {
    width: 100%;
    height: auto
}

.xshddiv>a {
    display: block;
    width: 100%;
    height: 600px
}

.advertisement>a {
    display: block;
    width: 100%;
    height: auto
}

.advertisement>a img {
    width: 100%
}

.xshddiv>a img {
    display: block;
    width: 100% !important;
    height: 100% !important
}

.location {
    float: left;
    width: 22.5%;
    margin-top: 20px
}

.return,
.subNav a {
    width: 100%;
    overflow: hidden;
    height: 75px;
    display: block
}

.return img {
    float: left;
    width: 7%;
    margin-top: 4px
}

.return div {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    float: right;
    text-align: right;
    line-height: 36px;
    width: 88%
}

.return em {
    display: block;
    font-size: 14px;
    color: #999;
    float: right;
    text-align: right;
    width: 88%
}

.subNavBox {
    width: 100%
}

.subNav .subNav_a em,
.subNav .subNav_a span {
    color: #BA0000
}

.subNav {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    padding-left: 10px
}

.navContent a em,
.navContent a span,
.subNav a em,
.subNav a span {
    display: block;
    width: 100%;
    text-align: right
}

.subNav a span {
    color: #000;
    font-size: 16px
}

.subNav a em {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.navContent .navContent_li a em,
.navContent .navContent_li a span,
.navContent>li>a:hover>em,
.navContent>li>a:hover>span,
.subNav:hover,
.subNav:hover>a>em,
.subNav:hover>a>span {
    color: #BA0000
}

.navContent {
    display: none;
    width: 100%;
    margin-bottom: 20px
}

.navContent li a {
    display: block;
    width: 100%
}

.navContent a span {
    font-size: 14px;
    color: #555
}

.navContent a em {
    font-size: 12px;
    color: #999
}

.Journalism {
    width: 1048px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}

.btdivty {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px
}

.btdivty p {
    float: left;
    width: 4px;
    height: 40px;
    background: #BA0000
}

.btdivty a {
    display: block;
    float: left;
    margin-left: 20px;
    height: 40px
}

.btdivty a span {
    display: block;
    font-size: 16px;
    font-weight: 600
}

.btdivty a em {
    font-size: 12px;
    color: #666
}

.j_tou,
.szxg {
    float: left;
    width: 48%
}

.xsjs {
    width: 48%;
    float: right
}

.j_dynamic {
    width: 48%;
    float: right;
    /* height:460px; */
    overflow: hidden;
}

.xwtout {
    width: 100%;
    height: 390px;
    overflow: hidden;
    background: #f7f7f7
}

.xwtout a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.xwtout>a>p {
    float: left;
    width: 50%;
    height: 100%;
    background-size: cover
}

.xwtout>a>div {
    float: left;
    width: 42%;
    margin: 20px 4%
}

.xwtout>a>div h3 {
    line-height: 26px;
    margin-bottom: 12px;
    font-size: 16px
}

.xwtout>a>div p {
    line-height: 24px;
    color: #999;
    margin-bottom: 12px;
    font-size: 14px
}

.xwtout>a>div span {
    color: #999;
    font-size: 16px
}

.tyxwuls {
    width: 100%;
    height: auto;
    overflow: hidden
}

.disan {
    width: 100%;
    background: url(../img/synrbg1.png) repeat-x;
    height: auto;
    overflow: hidden
}

.tyxwuls li {
    width: 100%;
    height: auto;
    background: #f7f7f7;
    overflow: hidden;
    margin-bottom: 20px;
}

.tyxwuls li a {
    display: block;
    width: 99%;
    height: 40px;
    margin: 10px 24px 10px 0;
    border-left: 4px solid #ccc;
}

.tyxwuls li p {
    float: left;
    width: 68%;
    height: 40px;
    line-height: 40px;
    margin: 0 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
}

.tyxwuls li span {
    float: right;
    color: #999;
    display: block;
    line-height: 40px;
    padding-right: 10px;
}

.tyxwuls li:hover a,
.tyxwuls li:hover a p {
    border-color: #BA0000;
    color: #BA0000
}

.xshddiv {
    width: 1600px;
    height: auto;
    margin: 30px auto
}

.zyjytplb li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d4cfcf;
}

.zyjytplb li a:hover img {
    transform: scale(1.1)
}

.jyjxdiv,
.szxsdiv,
.zyszdiv ,.frlink{
    width: 1048px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}

.zyjytplb li img {
    width: 100%;
    transition: all linear .1s
}

.xiahua_ {
    width: 1600px;
    height: 1px;
    background: #eee;
    margin: 0 auto
}

.xwtout>a:hover>div h3 {
    color: #BA0000
}

.zyjytplb1 .zyjylis4 {
    margin-right: 0;
}

.zyjytplb {
    width: 100%;
    height: auto;
    overflow: hidden
}

.zyjytplb li {
    width: 19.5%;
    float: left;
    margin-right: 0.5%;
}
.zyjytplb li.zyjylis5{
    margin-right:0;
}
.zyjytplb1 li {
    width: 24%;
    float: left;
    margin-right: 1.33%;
}

.zyjytplb1 li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    border: none;
}
.subject,
.tplb {
    width: 100%;
    height: auto;
    overflow: hidden
}

.tplb li a,
.wzbt em,
.zjgx>div em,
.zjgx>div span {
    display: block
}

.dpdiv,
.dpzw {
    width: 100%;
    height: auto;
    overflow: hidden
}

.middle {
    width: 1048px;
    height: auto;
    min-height: 500px;
    margin: 0 auto;
}

.dpdiv {
    position: relative;
    z-index: 9
}

.leftul {
    float: left;
    width: 20%;
    margin: 57px 0
}

.leftul>li {
    margin: 15px 0 40px 0 !important
}

.leftul li {
    width: 100%;
    margin: 25px 0
}

.leftul li span {
    color: #000
}

.leftul li em {
    color: #999;
    line-height: 26px !important
}

.leftul>li>a>span {
    font-size: 24px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 5px
}

.leftul>li>a>em {
    font-size: 18px
}

.leftul li a,
.leftul li em,
.leftul li span {
    display: block;
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 15px
}

.leftul ul span {
    font-size: 18px;
    letter-spacing: 3px
}

.rightdiv {
    float: right;
    width: 75%;
    margin-top: 20px
}

.wzbt {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 0 18px 0
}

.wzbt div {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 36px;
    letter-spacing: 5px
}

.wzbt em {
    font-size: 14px;
    color: #999
}

.nrqy {
    width: 96%;
    line-height: 24px;
    margin: 30px 2% 0 2%
}

.nrqy img {
    max-width: 100%
}

.zjgx,
.zjgx>div {
    width: 100%;
    overflow: hidden;
    height: auto
}

.zjgx>div em {
    color: #999;
    font-size: 14px;
    text-indent: 1.7em;
    margin-bottom: 20px
}

.zjgx>div span {
    font-size: 24px;
    text-indent: 1em;
    letter-spacing: 5px;
    line-height: 50px;
    margin-top: 20px
}

.tplbdiv {
    float: right;
    width: 72.5%;
    padding-left: 2.5%;
    border-left: 1px solid #eee;
    margin-top: 20px;
    margin-bottom: 20px
}

.tpdqlm {
    text-align: left;
    height: auto;
    overflow: hidden;
    border: 0
}

.tpdqlm em {
    line-height: 18px
}

.tplb li {
    float: left;
    width: 33%
}

.tplb li a {
    border: 1px solid #eee;
    height: 380px
}

.tplbimg {
    width: 50%;
    margin-left: 50%;
    height: 50%;
    position: relative
}

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

.tplbimg span {
    position: absolute;
    display: block;
    width: 100%;
    height: 6px;
    background: #BA0000;
    bottom: 0;
    right: 0;
    z-index: 9;
    opacity: 0
}

.tplb li h3 {
    margin-top: 8%;
    font-size: 18px;
    line-height: 26px
}

.tplb li h3 span {
    font-size: 16px
}

.tplb li em {
    font-size: 14px;
    color: #999;
    display: block;
    text-indent: .1em;
    font-weight: 600;
    line-height: 30px
}

.tplb li p {
    font-size: 13px;
    color: #999;
    line-height: 18px;
    letter-spacing: 0;
    text-indent: 1.5px;
}

.tplb li em,
.tplb li h3,
.tplb li p {
    width: 90%;
    margin-left: 8%
}

.tplb li:hover .tplbimg span {
    opacity: 1
}

.page {
    width: 100%;
    padding: 30px 0;
    background: #fff
}

.page div {
    width: 360px;
    margin: 0 auto
}

.page div table {
    background: #fff
}

.page div table td {
    font-size: 15px;
    font-family: 黑体
}

.labelps {
    line-height: 28px;
    text-align: right;
    width: 94.5%
}

.labelps a {
    font-size: 20px;
    color: #999;
    margin-right: 10px;
    font-weight: 500
}

.ssjg {
    width: 85%;
    margin: 45px 0 30px 8.5%;
    overflow: hidden;
    border: 1px solid #eee
}

.ssjg input {
    border: 0;
    outline: 0;
    float: left;
    height: 46px
}

.inptext {
    width: 84%;
    text-indent: 1em;
    color: #666
}

.inpbtn {
    font-size: 22px;
    color: #999;
    width: 46px
}

.listdiv {
    width: 100%
}

.wzbtul {
    width: 100%;
    height: auto;
    overflow: hidden
}

.wzbtul li {
    border: 1px solid #eee;
    float: left;
    width: 33%;
    height: 380px;
    transition: all linear .2s;
    background: #f7f7f7 !important
}

.wzbtul li a {
    display: block;
    width: 88%;
    height: 88%;
    margin: 6%
}

.wzbtul li h3 {
    font-size: 18px;
    line-height: 26px;
    height: 25%;
    color: #000;
    letter-spacing: 1px
}

.wzbtul li p {
    font-size: 14px;
    line-height: 24px;
    height: 65%;
    color: #999;
    letter-spacing: 1px
}

.wzbtul li span {
    font-size: 14px;
    color: #999;
    letter-spacing: 1px
}

.wzbtul li:hover {
    background: #fff
}

.wzbtul li:hover h3 {
    color: #000
}

.wzbtul li:hover p,
.wzbtul li:hover span {
    color: #999
}

.tplb .bxlis2 a,
.tplb .bxlis3 a,
.tplb .bxlis5 a,
.tplb .bxlis6 a,
.tplb .bxlis8 a,
.tplb .bxlis9 a {
    border-left: 0
}

.wzbtul li:hover {
    background: #fff !important
}

.tplb .bxlis4 a,
.tplb .bxlis5 a,
.tplb .bxlis6 a,
.tplb .bxlis7 a,
.tplb .bxlis8 a,
.tplb .bxlis9 a {
    border-top: 0
}

.hpdivs .tyxwuls li p {
    width: 76%;
    margin: 0 4% 0 3%
}

@media screen and (min-width:1900px) {
    .am-gallery-item {
        height: 340px
    }

    .am-gallery-item img {
        height: 100% !important
    }
}

@media screen and (max-width:1600px) {
    .am-gallery-item {
        height: 285px
    }

    .am-gallery-item img {
        height: 100% !important
    }

    .disan {
        width: 100%
    }

    .middle {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%
    }

    .tplb li a {
        height: 380px
    }

    .tplb li h3 {
        font-size: 22px;
        line-height: 26px;
        margin-top: 12%
    }

    .wzbtul li {
        height: 380px
    }

    .Journalism, .jyjxdiv, .szxsdiv, .xshddiv, .zyszdiv, .frlink,.btm {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%
    }

}

@media screen and (max-width:1440px) {
    .xiahua_ {
        width: 96%;
        margin: 0 2%
    }

    .tplb li a {
        height: 342px
    }

    .am-gallery-item {
        height: 255px
    }

    .ssjg {
        width: 84%
    }

    .labelps {
        width: 94%
    }

    .sjtdiv>a {
        font-size: 22px;
        line-height: 26px
    }

    .xshddiv>a {
        height: 450px
    }

    .wzbtul li {
        height: 340px
    }

    .wzbtul li h3 {
        font-size: 18px;
        line-height: 26px
    }

    .wzbtul li a {
        width: 88%;
        height: 88%;
        margin: 6%
    }
}

@media screen and (max-width:1280px) {
    .tyxwuls li p {
        margin: 0 2%;
        font-size: 18px
    }

    .xshddiv>a {
        max-height: 400px
    }

    .am-gallery-item {
        height: 220px
    }

    .sjtdiv>a {
        font-size: 18px;
        line-height: 24px
    }

    .sjtdiv>p {
        width: 100%;
        height: 48%;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden
    }

    .sjtdiv>span {
        font-size: 20px;
        height: 8%;
        margin-top: 2%
    }

    .sjtdiv>div {
        height: 10%
    }

    .tplb li a {
        height: 304px
    }

    .wzbtul li {
        height: 304px
    }

    .wzbtul li h3 {
        font-size: 18px;
        line-height: 24px
    }

    .wzbtul li a {
        width: 94%;
        height: 94%;
        margin: 3%
    }

    .tplb li h3 {
        font-size: 18px;
        line-height: 22px
    }

    .tplb li em {
        font-size: 12px;
        line-height: 16px
    }

    .tplb li p {
        line-height: 16px
    }
}

@media screen and (max-width:1024px) {
    .am-gallery li {
        width: 50%
    }

    .middle {
        width: 100%;
        margin: 0 auto
    }

    .am-gallery-item {
        height: 480px
    }

    .ssjg {
        width: 90%;
        margin: 10px 0 15px 3%
    }

    .tplbdiv {
        width: 96%;
        margin: 20px 2%;
        border-left: 0
    }

    .xshddiv>a {
        max-height: 360px
    }

    .rightdiv {
        width: 100%;
        border: 0;
        margin: 0;
        margin-top: 15px
    }

    .location {
        display: none
    }

    .sjtdiv>a {
        font-size: 16px;
        line-height: 20px
    }

    .sjtdiv>span {
        font-size: 18px
    }

    .labelps {
        line-height: 24px
    }

    .tyxwuls li span {
        font-size: 14px
    }

    .inpbtn {
        font-size: 22px;
        width: 13%
    }

    .labelps a {
        font-size: 18px
    }

    .tyxwuls li p {
        font-size: 16px
    }
    .ljul li{
        width: 23%;
        margin: 2px;
    }
  
}


@media screen and (max-width:835px) {
    .am-gallery-item {
        height: 360px
    }

    .xwtout>a>p {
        float: none;
        width: 100%;
        height: 50%
    }

    .xwtout>a>div {
        float: none;
        width: 96%;
        margin: 15px 2%
    }

    .xwtout>a>div h3 {
        line-height: 22px;
        font-size: 17px;
        margin-bottom: 2px
    }

    .rightdiv {
        float: none;
        width: 92%;
        padding: 0;
        margin: 40px 4%
    }

    .xwtout>a>div p {
        line-height: 22px;
        font-size: 14px;
        margin-bottom: 2px
    }

    .xwtout>a>div span {
        font-size: 13px
    }

    .wzbtul li h3 {
        font-size: 15px;
        line-height: 18px
    }

    .tplb li p {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .ssjg {
        /* display: none */
    }

    .xshddiv>a {
        max-height: 320px
    }

    .wzbtul li {
        height: 276px
    }

    .tplb li h3 {
        font-size: 16px;
        line-height: 20px
    }

    .tplb li h3 span {
        font-size: 15px
    }
     .ljul li{
        width: 47%;
        margin: 1%;
    }
}

@media screen and (max-width:768px) {
     
    .wzbt>em {
        width: 100% !important
    }

    .lmbt {
        font-size: 20px;
        text-indent: .7em
    }

    .am-gallery-item {
        height: 285px
    }

    .am-gallery-item {
        height: 320px
    }

    .zjgx {
        background: #fff
    }

    .tplb li {
        overflow: hidden
    }

    .xshddiv>a {
        max-height: 290px
    }

    .leftul {
        display: none
    }

    .wzbt div {
        font-size: 22px;
        line-height: 24px
    }

    .tplbdiv {
        background: #fff
    }

    .tpdqlm {
        text-indent: 1em
    }

    .tplb li a {
        height: 252px
    }

    .tplb li em {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden
    }

    .wzbtul li {
        height: 380px;
        width: 49.5%
    }

    .wzbtul li h3 {
        font-size: 22px;
        line-height: 26px
    }

    .wzbtul li a {
        width: 95%;
        height: 95%;
        margin: 2.5%
    }
}

@media screen and (max-width:414px) {
    .Journalism {
        margin-top: 36px
    }

    .btdivty a {
        margin-left: 10px
    }

    .xwtout>a>p {
        display: none
    }

    .xwtout>a>div h3 {
        font-size: 15px
    }

    .j_dynamic,
    .j_tou,
    .szxg,
    .xsjs {
        float: none;
        width: 100%
    }

    .j_dynamic {
        height: auto
    }

    .tyxwuls li span {
        font-size: 12px
    }

    .tpdqlm>em,
    .wzbt>div {
        text-indent: 0
    }

    .j_dynamic,
    .xsjs {
        margin-top: 40px
    }

    .tyxwuls li a {
        margin: 15px 15px 15px 0
    }

    .xwtout {
        height: auto
    }

    .tyxwuls li p {
        font-size: 14px
    }

    .xwtout>a>div p {
        font-size: 13px
    }

    .lmbt {
        font-size: 17px !important;
        text-indent: 1em
    }

    .tplb li h3 {
        font-size: 14px
    }

    .tplb li h3 span {
        font-size: 13px
    }

    .rightdiv .wzbt>p {
        margin-top: 8px
    }

    .xshddiv>a {
        max-height: 160px
    }

    .tyxwuls li a,
    .tyxwuls li p,
    .tyxwuls li span {
        height: 36px;
        line-height: 36px
    }

    .tplbimg {
        height: 56%
    }

    .zyjytplb li {
        width: 47%;
        margin: 1%;
    }
    .zyjytplb1 li{
          width: 47%;
          margin: 1%;
    }

    .zyjytplb .zyjylis1,
    .zyjytplb .zyjylis3 {
        margin-right: 1.8%
    }

    .wzbtul li {
        height: auto;
        width: 96%;
        margin: 5px 2%
    }

    .rightdiv {
        width: 94%;
        margin: 25px 3%
    }

    .wzbt div {
        font-size: 22px;
        line-height: 26px
    }

    .wzbt em {
        font-size: 12px
    }

    .nrqy {
        margin-top: 25px
    }

    .tplb li {
        width: 100%
    }

    .tplb li a {
        height: 300px;
        border: 0 !important;
        border: 1px solid #eee !important;
        width: 98.8%
    }

    .page div {
        width: 100%
    }

    .tplb li h3 {
        font-size: 14px;
        line-height: 16px;
        margin-top: 6%
    }

    .tplb li em {
        font-weight: 400
    }

    .tplb li p {
        font-size: 12px;
        line-height: 14px
    }

    .tplb li h3 {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .wzbtul li h3 {
        font-size: 14px;
        line-height: 20px;
        height: 50px;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

    .wzbtul li p {
        font-size: 12px;
        line-height: 16px;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        height: 90px
    }

    .wzbtul li a {
        width: 92%;
        height: 92%;
        margin: 4%
    }

    .wzbtul li span {
        font-size: 14px
    }

    .tplb li em,
    .tplb li h3,
    .tplb li p {
        text-align: left;
        text-indent: 0
    }

    .tplb .bxlis2 a,
    .tplb .bxlis3 a,
    .tplb .bxlis5 a,
    .tplb .bxlis6 a,
    .tplb .bxlis8 a,
    .tplb .bxlis9 a {
        border-left: 1px solid #ccc
    }

    .tplb .bxlis4 a,
    .tplb .bxlis5 a,
    .tplb .bxlis6 a,
    .tplb .bxlis7 a,
    .tplb .bxlis8 a,
    .tplb .bxlis9 a {
        border-top: 1px solid #ccc
    }

    .headStyle7dzhwsf1qe td div .defaultInputStyle {
        width: 30px
    }

    .tplb .bxlis1 a,
    .tplb .bxlis3 a,
    .tplb .bxlis5 a,
    .tplb .bxlis7 a {
        border-right: 0
    }

    .am-gallery-item {
        height: 187px
    }

    .hpdivs {
        width: 96%;
        margin: 0 2%
    }

    .zjgx>div span {
        text-indent: .2em;
        font-size: 22px;
        line-height: 30px
    }

    .zjgx>div em {
        font-size: 12px;
        text-indent: .4em
    }

    .zjgx>div {
        margin-top: 10px
    }

    .tplb .bxlis3 a,
    .tplb .bxlis4 a,
    .tplb .bxlis5 a,
    .tplb .bxlis6 a,
    .tplb .bxlis7 a,
    .tplb .bxlis8 a,
    .tplb .bxlis9 a {
        border-top: 0
    }
}

@media screen and (max-width:380px) {
     .ljul li{
        width: 100%;
        margin: 1%;
    }
    .am-gallery-item {
        height: 170px
    }

    .xshddiv>a {
        max-height: 150px
    }
}

@media screen and (max-width:340px) {
    .tyxwuls li p {
        width: 94%
    }

    .tyxwuls li span {
        display: none
    }
}

@media screen and (max-width:320px) {
    .am-gallery-item {
        height: 140px
    }

    .xshddiv>a {
        max-height: 130px
    }

    .wzbt div {
        font-size: 20px;
        line-height: 30px
    }

    .wzbt em {
        font-size: 14px
    }

    .nrqy {
        margin-top: 20px
    }

    .rightdiv {
        margin: 18px auto
    }

    .tplb li p {
        -webkit-line-clamp: 2;
        margin-top: 0
    }

    .tplb li h3 {
        line-height: 15px;
        margin-top: 5%
    }

    .tplb li em {
        line-height: 12px
    }

    .tpdqlm {
        margin: 18px 0
    }

    .tpdqlm span {
        font-size: 24px;
        line-height: 36px
    }

    .tpdqlm em {
        font-size: 14px;
        line-height: 20px
    }
}



#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}



.top-right{float:right;width: 343px;position: absolute;right: 10px;top: 0;}
.search{
    
position: absolute;
    
top: 10px;
    
border: 1px solid #d6d3d3;
}
.search-input{width:142px;height:14px;padding:5px 10px;line-height:14px;color: #999;float:right;border: none;font-size: 12px;}
.search-btn{width:27px; height:24px;float:right;}