.clearfix:after {content:"";display:block;clear:both;}
#xxgk{ margin: 20px auto; background: #fff; -webkit-box-shadow: 0 3px 9px rgba(45, 43, 45, 0.4); -moz-box-shadow: 0 3px 9px rgba(45, 43, 45,.4);  box-shadow: 0 3px 9px rgba(45, 43, 45,.4); }




#xxgk{  margin-top:30px; }
#xxgk>.wrap{ padding: 20px; }
#xxgk .wrap-left{ width:700px; float:left; }
#xxgk .wrap-right{ width:430px; float:right; }

#xxgk .wrap-left .xxgk-search { height: 50px; background: #ededed; padding: 20px; margin-top: 30px; margin-bottom: 30px;}
#xxgk .wrap-left .sod_select{ width:150px; background: #fff url(../png/7hya70.png) no-repeat 90% center; }
#xxgk .wrap-left .sod_label{ color:#a92c32; }
#xxgk .wrap-left .sod_select .sod_label{ text-indent:0; height:50px; line-height:50px; }
#xxgk .wrap-left select{display: none;}
#xxgk .wrap-left .xxgk-txt { float: left; border: 0;  width: 360px; height: 50px; line-height: 50px;padding: 0 10px; cursor: text; outline: none;}
#xxgk .wrap-left .xxgk-btn { float: left;  width: 130px; height: 50px; line-height: 50px; background: #a92c32; font-size: 20px; text-align: center; color: #fff; border:0; transition: all .5s;}
#xxgk .wrap-left .xxgk-btn:hover { cursor: pointer; background:#dc4b52; transition: all .5s; color: #fff !important;}

.column-tab .hd{ height:40px; border-bottom: 1px solid #f4f4f4; }
.column-tab .hd ul li{  height: 100%;  float:left; padding: 0; }
.column-tab .hd .on{ border-bottom: none; }
.column-tab .hd ul li a{ font-size: 20px; color: #b53e45; font-weight: bold; }
.column-tab .hd span{ display: block; padding: 0 10px; height: 100%; line-height: 30px; text-align: center; float: right; }
.column-tab .hd span a{ color: #686868; font-size: 14px; }
#xxgk .zwwj ul{ margin-top:20px; }
#xxgk .zwwj li{ border-bottom: 1px dashed #ededed; height: 56px; line-height: 28px; padding: 10px 0 9px 24px; background: url(../png/iu4rxl.png) no-repeat 8px 21px; position: relative;  }
#xxgk .zwwj li a{ font-size: 16px; }
#xxgk .zwwj .zwwj-fl{ margin-right: 60px; display: block; }
#xxgk .zwwj li:hover a{ color: #a92c32; text-decoration:underline; }
#xxgk .zwwj li:hover span{ color: #a92c32; }
#xxgk .zwwj li span{ display: block; font-size: 16px; text-align: right; float:right; color: #999999;  }
.jd_btn{ position:relative; display: inline-block; float: none; }
.jd_btn>p{ display: inline-block; width: 30px;height: 18px;background: #a92c32;color: #fff!important;text-decoration:none!important;font-size: 12px;font-family: \5B8B\4F53;line-height: 18px;text-align: center;border-radius: 3px;margin: 0px 0 0 8px; }
.jd_btn:hover .RelNews{ display: block; }
.RelNews{ display:none; z-index:9; position:absolute; width: 500px; top:28px; left: 7px; padding:10px; background:#fff; border: 1px solid #ccc; border-radius:4px; -webkit-box-shadow: 0 0 10px #cdced0; box-shadow: 0 0 10px #cdced0; }
.RelNews dd{ line-height:24px; }
.RelNews dd a{ height: 24px; line-height:24px; color: #000!important;text-decoration:none!important;font-size: 12px; }
.RelNews dd a:hover{ color: #a92c32!important; }
@media only screen and (max-width: 1000px) {
    .RelNews{ max-width: 340px; }
}
@media only screen and (max-width: 375px) {
    .RelNews{ max-width: 280px; }
}


#xxgk .row-5 { margin-top: 52px; }
#xxgk .row-5 img{ width:100%; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out; }
#xxgk .row-5 img:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 5px 12px #a1a1a3;  box-shadow: 0 5px 12px #a1a1a3; }


#xxgk .wr-tit .a-bg{ display:block; height:90px; }
#xxgk .wr-01 .zfxxgk{  margin: 10px -5px 0; overflow:hidden; }
#xxgk .wr-01 .zfxxgk li{ margin-bottom:10px; }
#xxgk .wr-01 .zfxxgk li a{ display:block; margin: 0 5px; height:80px; background:#ededed; color:#000; text-align:center; overflow:hidden;font-size: 14px; }
#xxgk .wr-01 .zfxxgk li a:hover{ background:#f8e1e1; }
#xxgk .wr-01 .zfxxgk li i{ display:block; width:50px; height:35px; margin: 9px auto 4px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
#xxgk .wr-01 .zfxxgk li a:hover i{ -webkit-transform: scale( 1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);  }
#xxgk .wr-01 .zfxxgk li.col-100{ line-height: 80px; }
#xxgk .wr-01 .zfxxgk .ico01{ background: url(../png/1oyvpl.png) no-repeat center;  }
#xxgk .wr-01 .zfxxgk .ico02{ background: url(../png/z5jbxs.png) no-repeat center; }
#xxgk .wr-01 .zfxxgk .ico03{ background: url(../png/4d6uz9.png) no-repeat center; }
#xxgk .wr-01 .zfxxgk .ico04{ background: url(../png/i6vstf.png) no-repeat center; }
#xxgk .wr-01 .zfxxgk .ico05{ background: url(../png/etoyg0.png) no-repeat center; }
#xxgk .wr-01 .zfxxgk .ico06{ background: url(../png/6n4d7t.png) no-repeat center; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 10px; }


#xxgk .wr-02{ margin-top:24px; }
#xxgk .wr-02 .jzzwgk{ padding: 10px 0; overflow: hidden; }
#xxgk .wr-02 .jzzwgk li a{ display:block; border-radius: 8px; border: 1px solid #fff; height: 98px; color:#000; text-align:center; overflow:hidden; }
#xxgk .wr-02 .jzzwgk li a:hover{ border: 1px solid #a92c32; color: #a92c32; }
#xxgk .wr-02 .jzzwgk li i{ display:block; width: 54px; height:50px; margin: 8px auto 5px; background: url(../png/8cblbo.png); }
#xxgk .wr-02 .jzzwgk li a:hover i{ -webkit-transform: scale( 1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);  }
#xxgk .wr-02 .jzzwgk .ico01{ background-position: 8px 5px; }
#xxgk .wr-02 .jzzwgk .ico02{ background-position: -142px 5px; }
#xxgk .wr-02 .jzzwgk .ico03{ background-position: -287px 5px; }
#xxgk .wr-02 .jzzwgk .ico04{ background-position: 8px -105px; }
#xxgk .wr-02 .jzzwgk .ico05{ background-position: -142px -105px; }
#xxgk .wr-02 .jzzwgk .ico06{ background-position: -287px -105px; }
#xxgk .wr-02 .jzzwgk .ico07{ background-position: 8px -216px; }
#xxgk .wr-02 .jzzwgk .ico08{ background-position: -142px -216px; }
#xxgk .wr-02 .jzzwgk .ico09{ background-position: -287px -216px; }


#xxgk .wr-03{ margin-top:24px; }
#xxgk .wr-03 .xxzb{ margin-top: 10px; }
#xxgk .wr-03 .xxzb .xxzb-img{ float: left; width: 100px; height: 125px; }
#xxgk .wr-03 .xxzb .xxzb-ul01 { margin-left: 120px; }
#xxgk .wr-03 .xxzb .xxzb-ul01 ul{ margin: 0 -5px; overflow: hidden; }
#xxgk .wr-03 .xxzb .xxzb-ul01 li{ width: 50%; float: left; margin-bottom: 10px; }
#xxgk .wr-03 .xxzb .xxzb-ul01 li a{ display: block; height: 35px; line-height: 35px; text-align: center; background: #e5e5e5; margin: 0 5px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#xxgk .wr-03 .xxzb .xxzb-ul01 li:hover a{ color: #b53e45; }
#xxgk .wr-03 .xxzb .xxzb-ul02 ul{ margin: 0 -5px; overflow: hidden; }
#xxgk .wr-03 .xxzb .xxzb-ul02 li{ width: 33.33%; float: left; margin-bottom: 10px; }
#xxgk .wr-03 .xxzb .xxzb-ul02 li a{ display: block; height: 40px; line-height: 40px; text-align: center; background: #b53e45; font-size: 18px; color: #fff; font-weight: bold; margin: 0 5px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#xxgk .wr-03 .xxzb .xxzb-ul02 li:hover a{ background: #dc4b52; }


.poster-main{width:620px;height:300px;position:relative;margin:40px auto 0}
.poster-main a,.poster-main img{display:block;height:100%}
.poster-main .poster-list{width:620px;height:300px}
.poster-main .poster-list .poster-item{width:440px;height:300px;position:absolute;left:0;top:0}
.poster-main .poster-list .item{border:3px solid #ccc;user-select:none;position:absolute}
.poster-main .poster-btn{position:absolute;top:0;z-index:10;cursor:pointer}
.poster-main .poster-prev-btn{position:absolute;width:25px !important;height:25px !important;top:45%;left:-40px;background:url(../png/m6tgf4.png) 0 0 no-repeat}
.poster-main .poster-next-btn{width:25px !important;height:25px !important;position:absolute;right:-40px;top:45%;background:url(../png/4x55i0.png) 0 0 no-repeat}


.slideBox{ display: none; width: 100%; height:248px; float: left; overflow:hidden; position:relative; }
.slideBox .hd{ height:40px; line-height: 40px; overflow:hidden; position:absolute; right: 0; bottom:0; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right; padding-right:10px; }
.slideBox .hd ul li{  float:left; margin:17px 5px 0 0; width: 10px; height:10px; border-radius:10px; font-size: 0; cursor:pointer; overflow:hidden; background: #d7d7d7; }
.slideBox .hd ul li.on{ width: 18px; background:#e03026; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ }
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox .bd img{ width:100%!important; height:248px; display:block; }
.slideBox .bd li p{ height:40px; line-height:40px; font-size:14px; color:#fff;  background: url(../png/zi4tr5.png); position:absolute; right: 0; left:0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding:0 20px;}
.slideBox .bd li p a{ display:block; width:70%; height:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff;}
.slideBox .prev,.slideBox .next{ display:block!important; width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 100; background: url(../png/4li46g.png) no-repeat; }
.slideBox .next{ left: auto; right: 0; background-position: -42px 0;  }

@media only screen and (max-width: 1100px) {
    .bodybj{display:block;  }
    .floor{ width: 100%; }
    #header2020{ display:none; }
    .app-header{ display:block; }
}

@media only screen and (max-width: 540px) {

    
    .poster-main{ display: none; }
    .slideBox{ display: block; }

    
    #xxgk{ margin-top: 0px!important; }
    #xxgk>.wrap{ padding: 10px; box-sizing: border-box; }
    #xxgk .wrap-left{ width: 100%; float: none; }
    #xxgk .wrap-right{ width: 100%; float: none; }
    #xxgk .wr-02,#xxgk .wr-03{ margin-top: 10px; }

    
    #xxgk .zwwj ul{ margin-top: 0; }
    #xxgk .zwwj li{ height: auto; position: relative; }
    #xxgk .zwwj .zwwj-fl{ text-align: justify; }
    .jd_btn{ display: none; position: initial; }
    .RelNews{ left: 0; width: 100vw; top: auto; bottom: -60px; }

    
    #xxgk .wrap-left .xxgk-search { height: 40px; padding: 5px; }
    #xxgk .wrap-left .sod_select{ width:100px; }
    #xxgk .wrap-left .sod_select .sod_label{ height: 40px; line-height: 40px; }
    #xxgk .wrap-left .xxgk-txt { width: calc(100% - 190px); height: 40px; line-height: 40px; font-size:14px; padding: 0 10px 0 0; }
    #xxgk .wrap-left .xxgk-btn { width: 80px; height: 40px; line-height: 40px; font-size: 14px; }

    #xxgk .row-5{ margin-top: 20px; margin-bottom: 20px; }

    
    #xxgk .wr-01 .zfxxgk li i{ margin: 9px auto 6px; }
    #xxgk .wr-01 .zfxxgk li a{ font-size: 12px; }



}