@charset "utf-8";
.xmms_banner{height: 7.14rem; padding-top: 1.5rem; background: url(240827tyj_xmms_bg1.jpg) no-repeat top center; background-size: cover;}
.xmms_con1{min-height: 6.7rem; padding-top: .5rem; background: url(240827tyj_xmms_bg2.jpg) no-repeat top center; background-size: cover;}
.xmms_box{background: #2A82E4; border-radius: .2rem; position: relative;}
.xmms_box_div{position: relative; z-index: 2; padding: .3rem .36rem;}
.xmms_box_top{text-align: center; position: relative;}
.xmms_box_top em{display: block; width: 70%; left: 50%; position: absolute; height: 1px; background: #3E9AFA;}
.xmms_box_top em::after,.xmms_box_top em::before{content: ''; width: .08rem; position: absolute; display: block; height: .08rem; background: #3E9AFA; border-radius: 50%; top: 50%; margin-top: -.04rem;}
.xmms_box_top em::after{left: 0rem;}
.xmms_box_top em::before{right: 0rem;}
.xmms_box_top em.icon1{position: absolute; top: 48%; transform: translatex(-55%); -ms-transform: translatex(-55%);}
.xmms_box_top em.icon2{position: absolute; top: 60%; transform: translatex(-45%); -ms-transform: translatex(-45%);}
.xmms_banner_tit{text-align: center; font-size: 1rem; color: #fff; font-weight: bold; text-shadow: .08rem .08rem 0.02rem #3E9AFA; color: #2A82E4\0;}
.xmms_banner_tit em{display: inline-block; margin:0rem .32rem;}
.xmms_box_top span{display: inline-block; z-index: 2; position: relative; font-size: .36rem; font-weight: bold; color: #fff; height: .74rem; line-height: .74rem; padding: 0rem .6rem; background: linear-gradient(180deg, #3E9AFA 0%, #2A82E4 100%); background: #3E9AFA\0; border-radius: .3rem;}
.xmms_box::before,.xmms_box::after{content: ' '; background: #fff; border-radius: .1rem; display: block; position: absolute; }
.xmms_box::before{left: .2rem; right: .2rem; top: .1rem; bottom: .1rem;}
.xmms_box::after{left: .1rem; right: .1rem; top: .2rem; bottom: .2rem;}
.slideBox_01>span{background: #2A82E4; border-radius: 50%;}
.xmms_news ul li a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; height: .44rem; line-height: .44rem; padding:0rem .16rem; margin-bottom: .14rem; background: #F2F8FF;}
.xmms_news ul li a::before{content: ' '; display: block; z-index: 2; left: 0rem; top: 50%; margin-top: -.02rem; width: .04rem; height: .04rem; background: #3E9AFA; border-radius: 50%; position: absolute;}
.xmms_con2{ padding-top: .8rem; padding-bottom: 1rem; background: url(240827tyj_xmms_bg3.jpg) no-repeat top center; background-size: cover;}
.poster-list li{overflow: inherit !important;}
.poster-list li a{display: block; height: 100%;}
.poster-list li a img{border: .08rem solid #fff;}
.poster-main .poster-list .poster-item em{position: absolute; z-index: 2; left: 0rem; right: 0rem;  bottom: .2rem; display: block; background: linear-gradient(90deg, rgba(1, 140, 57, 0) 0%, rgba(19, 153, 189, 0) 0%, rgba(19, 153, 189, 0.5) 22.22%, rgba(19, 153, 189, 1) 47.22%, rgba(19, 153, 189, 0.5) 72.22%, rgba(19, 153, 189, 0) 100%); background: #3E9AFA\0; height: .5rem; line-height: .5rem; padding: 0rem .2rem; font-size: .2rem; font-weight: bold; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.poster-main .poster-btn{height: .4rem; line-height: .4rem; background: #3E9AFA; border-radius: 50%; border: none;}
.poster-main .poster-btn i{font-size: .18rem; color: #fff;}
.xmms_con3{ padding-top: .8rem; background: url(240827tyj_xmms_bg4.jpg) no-repeat top center; padding-bottom: .6rem; background-size: cover; }
.xmms_tit{background: linear-gradient(180deg, rgba(62, 154, 250, 1) 0%, rgba(0, 98, 209, 1) 100%); background: #2A82E4\0; padding: .02rem; margin-top: .32rem;}
.xmms_tit_a{background: #fff; padding: .24rem;}
.xmms_tit_a p{margin-top: .12rem; line-height: .28rem; height: .56rem;}
.xmms_tit_ul_box{position: relative; margin-top: .32rem;}
.xmms_tit_ul_box .icon1,.xmms_tit_ul_box .icon2{position: absolute; left: 0rem; top: 0rem; right: 0rem; bottom: 0rem;}
.xmms_tit_ul_box .icon1,.xmms_tit_ul_box .icon2{background: linear-gradient(180deg, rgba(62, 154, 250, 1) 0%, rgba(0, 98, 209, 1) 100%); background: #2A82E4\0; padding: .02rem; overflow: hidden; border-radius: .1rem;}
.xmms_tit_ul_box .icon1 em,.xmms_tit_ul_box .icon2 em{display: block; background: #fff; width: 100%; height: 100%; border-radius: .08rem;}
.xmms_tit_ul_box .icon2{margin: 0rem .1rem;}
.xmms_tit_ul_box .icon1{margin:.1rem 0rem;}
.xmms_tit_ul_box::before{content: ''; display: block; position: absolute; left: .08rem; top:  .08rem; right: .08rem; bottom:  .08rem; border-radius: .11rem; background: #fff; z-index: 1;}
.xmms_tit_ul_box a{display: block; padding: .22rem .16rem; padding-left: .24rem; position: relative; z-index: 2;}
.xmms_tit_ul_box a span{display: block; margin-left: .08rem; float: right; border-radius: .08rem; text-align: center; background: #2B85ED; padding: .04rem; padding-top: ..6rem; height: .86rem; width: .92rem;}
.xmms_tit_ul_box a span p{color: #fff; height: .2rem; margin-bottom: .1rem;}
.xmms_tit_ul_box a span em{display: block; height: .46rem; line-height: .46rem; font-size: .24rem; font-weight: bold; color: #fff; background: #478CDC; border-radius: 0rem 0rem .08rem .08rem;}
.xmms_tit_ul_p{display: table; height: .86rem;}
.xmms_tit_ul_p em{display: table-cell; vertical-align: middle;}
.xmms_tit_ul_p em p{line-height: .28rem; max-height: .84rem;}
.slb .xmms_con3{background: #fff;}
.xmms_box_top a{font-size: .16rem; font-weight: bold; position: absolute; right: 0rem; height: .32rem; line-height: .32rem; padding: 0rem .16rem; background: #2A82E4; border-radius: .2rem; top: 50%; margin-top: -.16rem; z-index: 99;  margin-left: .1rem; color: #fff;}

@media screen and (max-width:992px) {
    .xmms_banner{padding-top: .4rem; padding-bottom: 1.6rem;  height: auto;}
    .xmms_banner_tit{font-size: .4rem;}
    .xmms_box_div{padding: .24rem;}
    .xmms_box_top span{font-size: .24rem; line-height: .54rem; height: .54rem; padding: 0rem .24rem;}
    .xmms_box_top em{width: 90%;}
    .xmms_con2,.xmms_con3{padding: .4rem 0rem;}
    .xmms_tit_ul_box,.xmms_tit{margin-top: .24rem;}
    .poster-main .poster-list .poster-item em{font-size: .16rem;}
    .xmms_news{margin-top: .24rem;}
    .xmms_con3{background: #fff;}
    .poster-main .poster-btn{width: .4rem;}
    .con_fix_anniu { top: 2.8rem; display: none; }
    .xmms_box_top{text-align: left;}
}
@media screen and (max-width:640px) { 
    .xmms_tit_ul_box a span{float: inherit; width: auto; margin-left: 0rem;}
    .xmms_tit_ul_p{margin-top: .16rem;}
    .xmms_tit_ul_box a{padding: .2rem;}
    .xmms_tit_ul_p{width: 100%; height: auto;}
    .xmms_tit_ul_p em{vertical-align: top;}
 }