.bgtab{width: 100%;height: 450px;margin-bottom: 40px;}
.bgtab .bd ul li a img {width: 100%;height: 100%;}
.bgtab .bd ul li a {display: block;}
.bgtab .bd ul li {float: left;}
.bgtab .bd ul li a img,.bgtab .bd ul li {width: 100%;}
.bgtab .hd {position: relative;margin-top: -225px;}
.bgtab .hd a{position: absolute;display: inline-block;width: 48px;height: 48px;right: 0;}
.bgtab .hd a.prev{background: url(../images/home/left.png) no-repeat;left: 0;top: 50%;margin-top: -24px;}
.bgtab .hd a.next{background: url(../images/home/right.png) no-repeat;right: 0;top: 50%;margin-top: -24px;}

.slideBox {margin-bottom: 30px;}
.rotation ul li {position: relative;height: 350px;}
.rotation ul li img {width: 100%;height: 100%;}
.rotation ul li p {position: absolute;width: 100%;height: 54px;line-height: 58px;bottom: 0;padding: 0 20px;background: rgba(0, 0, 0, .4);color: #fff;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.rotation{width: 520px;height: 350px;position: relative;float: left;}
.rotation .hd {position: absolute;bottom: 20px;right: 30px;z-index: 999;}
.rotation .hd ul li {float: left;width: 8px;height: 8px;background: #fff;margin: 0 4px;border-radius: 50%;}
.rotation .hd ul li.on {background: #e12526;border-radius: 25px;}

.tstz{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 20px 0 20px 25px;margin-bottom: 30px;position: relative;}
.tstz-tit{width: 132px;height: 60px;background-color: #136bc5;text-align: center;line-height: 60px;font-size: 20px;font-weight: bold;color: #fff;float: left;position: relative;}
.tstz-tit::before{content: '';width: 12px;height: 12px;border-right: 4px solid #fff;border-bottom: 4px solid #fff;position: absolute;left: 0;top: 0;}
.tstz .bd{width: 1080px;height: 60px;}
.tstz ul li{width: 100%;height: 60px;}
.tstz ul li a{display: block;width: 340px;height: 60px; line-height: 60px; float: left;margin-left: 20px;padding-left: 15px;position: relative;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.tstz ul li a::before{content: '';width: 4px;height: 4px;background-color: #808080;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.tstz .hd a{position: absolute;display: inline-block;width: 24px;height: 39px;}
.tstz .hd a.prev{background: url(../images/home/shang.png) no-repeat;right: 10px;top: 10px;}
.tstz .hd a.next{background: url(../images/home/xia.png) no-repeat;right: 10px;bottom: 10px;}

/*主体列表内容*/
.bgs {width: 480px;background: #fff;margin-left: 17px;}
.title {width: 100%;height: 36px;border-bottom: 1px solid #cdcdcd;position: relative;margin-bottom: 8px;}
.title:before {content: "";width: 30px;height: 3px;background-color: #3554b5;border-radius: 4px;position: absolute;left: 0;top: 34px;}
.title-left a {font-size: 20px;font-weight: bold;}
.title-left a.active {color: #226ebc;}
.m-dynamic ul li {line-height: 38px;padding-left: 12px;font-size: 16px;position: relative;}
.m-dynamic ul li::before{content: '';width: 4px;height: 4px;background-color: #808080;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.m-dynamic ul li span {float: right;font-size: 14px;color: #b3b3b3;}
.m-dynamic ul li a{display: block; max-width: 85%;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.bgs1 {width: 240px;float: right;}
.bgs1 .wsyyt {width: 100%;height: 100px;margin-top: 15px;}

.szbg{width: 625px;margin-left: 0;}
.listbox{margin-bottom: 30px;}

.wsyyt div{width: 114px;height: 113px;border-radius: 8px;margin-top: 12px;text-align: center;padding-top: 22px;}
.wsyyt div p{color: #fff;margin-top: 15px;line-height: 1;}
.sfcx{background-color: #50c86d;}
.sfjn{background-color: #46a0df;}
.dzfp{background-color: #e494f0;}
.bzfw{background-color: #ec7b9e;}

.ysxq{margin-bottom: 40px;}
.ysxq ul li{width: 236px;height: 108px;border-radius: 4px;border: solid 1px #ebebeb;float: left;margin-right: 25px;padding: 20px 20px 0;}
.ysxq ul li:last-child{margin-right: 0;}
.ysxq ul li .imgtp{width: 52px;height: 52px;float: left;margin-top: 8px;}
.mx{width: 130px;font-weight: bold;}
.mx p{font-size: 12px;font-weight: normal; line-height: 18px;color: #999999;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 8px;}

/* 友情链接 */
.yqlj {width: 100%;height: 100px;background-color: #f5f5f5;border-top: 4px solid #226ebc;line-height: 58px;font-size: 24px;font-weight: bold;color: #226ebc;padding-top: 20px;}
.yqlj a:first-child { margin-left: 27px;}
.yqlj a img {width: 260px;height: 58px;margin-left: 20px;}


.rotation ul li img,.wsyyt img,.ysxq ul li .imgtp img,.m-dynamic ul li a{object-fit: cover;transition: all .5s;}
.rotation ul li:hover img,.wsyyt>a:hover img{transform: scale(1.1);}
.wsyyt div:hover img{transform: rotate(45deg);}
.ysxq ul li:hover .imgtp img{transform: rotateY(360deg);}
.m-dynamic ul li a:hover{padding-left: 10px;}


@media screen and (max-width: 767px) {
    .bgtab{display: none;}
    .szbg,.bgs{width: 100%;}
    .yqlj{height: auto;}
    .yqlj a img{margin-bottom: 10px;}
    .rotation{width: 100%;height: 232px;}
    .rotation ul li{height: 232px;}
    .bgs{margin: 20px auto;}
    .bgs1{float: none;margin: 0 auto;}
    .ysxq ul li{padding: 20px 10px 0;margin-right: 10px;width: 167px;margin-bottom: 10px;}
    .ysxq ul li:nth-child(2n){margin-right: 0;}
    .mx{width: 80px;}
    .tstz{margin-top: 20px;height: auto;padding: 20px 0;}
    .tstz ul li a{width: 100%;float: none;}
    .tstz ul li{height: 180px;}
    .tstz-tit{float: none;margin: 0 auto;}
    .tstz .bd{width: 100%;height: auto;}
}





