@charset "utf-8";
@import url(animate.min.css);
@import url(reset.css);
@import url(xb_header.css);
@import url(footer.css);
.Main{background: #f6f6f6;}

.PartLeft{width: 406px;float: left;height: auto;margin-top: 40px;}
.zprl{width: 100%;height: 357px;padding: 15px 22px 0;box-sizing: border-box;background: #FFFFFF;position: relative;}
.zprl .tit{position: absolute;left: 22px;top: 10px;}
.zprl .tit i{width: 36px; height: 45px; display: block; float: left; position: relative; margin: 10px auto 0; background: url(../images/jyxxw_img07.png) left center no-repeat;}
.zprl .tit span{float: left;line-height: 66px;display: block;color: #d01126;font-size: 24px;font-family: "SourceHanSansCN2";}
#cldFrame{position: relative;width: 100%;}
#cldBody{position: absolute;width: 100%;}
#cldBody ul{width: 100%; height: auto; overflow: hidden;}
#cldBody ul li{width: 100%; height: auto; font-size: 15px;}
#cldBody ul li.top{position: relative;height: 64px;text-align: center;line-height: 63px;padding-bottom: 10px;border-bottom: 1px solid #dddddd;}
#cldBody ul li.top #topDate{font-size: 14px;color: #d01126;font-family: "SourceHanSansCN2";position: absolute;left: 241px;top: 12px;width: 110px;white-space: nowrap;padding: 0;line-height: 38px;height: 38px;}
#cldBody ul li.top #topDate em{padding-left:15px;}
#cldBody ul li.week{height: 41px;}
#cldBody ul li.week span{color: #d01126;font-weight: bold;}
#cldBody ul li span{display: block;float: left;height: 25px;line-height: 25px;width: 51px;padding: 8px 7px;text-align: center;font-family: Simsun;font-size: 16px;}
#cldBody ul.tbody{overflow:inherit;}
#cldBody ul.tbody li{position: relative;height: 40px;}
#cldBody ul.tbody li span{padding: 6px 7px;}
#cldBody ul.tbody li font{height: 25px; height: 25px; display: block;}
#cldBody ul.tbody li .curDate font{cursor: pointer;color: #FFFFFF;font-weight: bold;background: #d01126;border-radius: 20px;line-height: 25px;}
#cldBody ul.tbody li .curDate .rili_jj{display: none; color: #FFFFFF; font-size: 14px; text-align: left; background: #d01126; padding: 5px 10px; width: 295px; height: auto; overflow: hidden; position: absolute; left: 0; top:32px;z-index: 99;}
#cldBody ul.tbody li .curDate:hover font{background: #c00;}
#cldBody ul.tbody li .curDate:hover .rili_jj{display: block;}
#cldBody #left, #cldBody #right{cursor: pointer;position: absolute;width: auto;height: 38px;padding: 0px;}
#cldBody #left{left: 225px;top: 18px;font-size: 18px;color: #d01126;font-family: "SourceHanSansCN";}
#cldBody #right{right: 0px;top: 18px;font-size: 18px;color: #d01126;font-family: "SourceHanSansCN";}
#cldBody #left:hover, #cldBody #right:hover{ color: #3881b6;}
#cldBody ul.tbody li .curDate{position: relative;}
#cldBody ul.tbody li .hymc{position: absolute;width: 324px;left: 3px;background:#e71616;padding: 10px;z-index: 9;display:none;bottom: 35px;line-height: 30px;border-radius: 10px;}
#cldBody ul.tbody li .hymc.show{display: block;}
#cldBody ul.tbody li .hymc::before{content: '';width: 14px;height: 9px;position: absolute;left: 16px;bottom: -9px;background: url(../images/jyxxw_img08.png) no-repeat;}
#cldBody ul.tbody li .hymc a{text-align: left; width: 100%;color: #ffffff;font-size: 14px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all 0.5s;}
#cldBody ul.tbody li .hymc a:hover{transform: translateX(5px);}
#cldBody ul.tbody li .hymc em{width: 30px;height: 30px; position: absolute;right: -15px;top: -15px;cursor: pointer;background: #dddddd;border-radius: 50%;color: #d01126;font-family: "SourceHanSansCN2";line-height: 30px;padding: 0; font-style: normal;}
#cldBody ul.tbody li .hymc em:hover{background: #d01126;color: #ffffff;}


@keyframes ro1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.yxjs{width: 100%; height: auto; overflow: hidden; margin-top: 5px;}
.yxjs ul{width: 100%; height: auto; overflow: hidden;}
.yxjs ul li{width: 127px; height: 100px; float: left; margin:25px 12px 0px 0px; background: #eeeeee;}
.yxjs ul li.m3,.yxjs ul li.m6{margin-right: 0px;}
.yxjs ul li a{width: 100%; height: 100%; display: block;}
.yxjs ul li i{width: 45px; height: 45px; display: block; position: relative; margin: 10px auto 0; background: url(../images/jyxxw_img06.png) no-repeat;}
.yxjs ul li i::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px dashed #d01126; border-radius: 50%; box-sizing: border-box;}
.yxjs ul li i::before { -webkit-transform: none; transform: none; opacity: 1; -webkit-animation: ro1 20s linear 1s infinite; animation: ro1 20s linear 1s infinite}
.yxjs ul li.m1 i{background-position: 10px 9px;}
.yxjs ul li.m2 i{background-position: -131px 9px;}
.yxjs ul li.m3 i{background-position: -272px 9px;}
.yxjs ul li.m4 i{background-position: 11px -115px;}
.yxjs ul li.m5 i{background-position: -128px -115px;}
.yxjs ul li.m6 i{background-position: -269px -115px;}
.yxjs ul li span{width: 100%; line-height: 30px; display: block; text-align: center; color: #333333; font-size: 18px;}
.yxjs ul li:hover span{color: #d01126;}

.PartRight{width: 942px;float: right;height: auto;overflow: hidden;margin-top: 33px;}
.PartRight .newsBox{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.hds {width: 100%;height: 41px;border-bottom: 2px solid #dddddd;position: relative;}
.hds ul{width: auto; height: auto; float: left;}
.hds ul li {display: inline-block;height: 100%;float: left;position: relative;margin-right: 55px;}
.hds ul li:before {content: "";width: 0;height: 4px;background: #d01126;position: absolute;bottom: -5px;left: 50%;z-index: 1;transition: 0.5s;}
.hds ul li a {display: inline-block;height: 100%;font-size: 24px;color: #222222;font-family: "SourceHanSansCN2";position: relative;z-index: 2;width: 100%;}
.hds ul li.on a {color: #d01126;}
.hds ul li.on:before {width: 100%; left: 0px;}
.bds {width: 100%;height: auto;overflow: hidden;margin-top: 18px;}
.bds ul li {width: 100%;height: 48px;line-height: 48px;overflow: hidden;position: relative;z-index: 0;}
.bds ul li a {color: #333333;font-size: 18px;display: block;width: 80%;padding-left: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.bds ul li a:before {content: "";width: 9px;height: 100%; background: url(../images/jyxxw_img05.png) left center no-repeat; position: absolute;top: 0px;left: 0;}
.bds ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #666666;}
.bds ul li a:hover {color: #d01126;}