.wrapper {
    padding-bottom: 56px;
    overflow: hidden;
}
.wrapper a {
    text-decoration: none;
}
.wrapper .w1200 {
    width: 1200px;
    margin: 0 auto;
}

.wrapper i.sound {
    background: url(../images/icon_sound_s.png) no-repeat left top;
    display: inline-block;
    width: 10px;
    height: 13px;
    cursor: pointer;
    margin-left: 5px;
}


a {
    color: #000000;
}
.row {
  width: 1200px;
  margin: 0 auto;
}
.menu {

}
.menu .menu-line {

}

.menu-nav {
  position: relative;
  padding-left: 153px;
  height: 50px;
  background: url(../images/djlogo.png) no-repeat 8px center;
}
.menu-nav-ul {
	width:1090px;
  padding-top: 25px;
  float:left;
}
.menu-nav-ul::after {
  clear: both;
  content: "";
  display: table;
}
.menu-nav-ul li {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  padding: 0 16px;
}
.menu-nav-ul li span {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
.menu-nav-ul li span a{
  color: #ffffff;
}
.menu-nav-ul li span a:hover {
  color: #ffffff;
}
.radio-live {
  float:right;
  background: url(../images/gbzb2023.png) no-repeat left top;
  width: 93px;
  height: 24px;
  cursor: pointer;
  margin-top: 25px;
}


.row1 .search{
    width: 539px;
    height: 64px;
    float: right;
    background: url("../images/query.png") no-repeat;
    overflow: hidden;
}
.wrapper .input_wrapper {
    position: relative;
    background: url(../images/search-main.png) no-repeat;
    width: 244px;
    height: 28px;
    font-size: 0;
    margin-top: 17px;
}
.wrapper .form{
    width: 244px;
    float: left;
    margin-left: 27px;
}
.wrapper .input_wrapper input[type='text'] {
    border: none;
    font-size: 14px;
    width: 188px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    padding-left: 14px;
}
.wrapper .input_wrapper button[type="submit"] {
    position: absolute;
    right: 10px;
    top: 7px;
    background: transparent url(../images/icon_search.png) no-repeat center;
    height: 17px;
    width: 17px;
    border: none;
    outline: none;
    cursor: pointer;
}
.download_app{
    width: 84px;
    height: 23px;
    float: right;
    margin-top: 20px;
    margin-right: 9px;
}
.return{
    width: 116px;
    height: 23px;
    float: right;
    margin-top: 20px;
    margin-right: 25px;
}


.wrapper .xi_wrap .list.select i.sound {
    background: url(../images/white_icon.png) no-repeat left top;
}
.wrapper .xi_wrap .list.select i.sound.current {
    background: url(../images/icon_sound_s.gif) no-repeat left top;
}



.wrapper .footer #perny-footer .link-3 .other .cnr-logo {
	width: 70px;
	height: 22px;
	float: left;
	display: block;
}


.swiper-slide .slide_wrap.on i.sound {
    background: url(../images/icon_sound_b.png) no-repeat left top;
    display: inline-block;
    width: 10px;
    height: 13px;
    cursor: pointer;
    margin-left: 0.3em;
}
.swiper-slide .slide_wrap.on i.sound.current {
    background: url(../images/icon_sound_b.gif) no-repeat 0 0;
}


.row2 {
    width: 100%;
	height: 506px;
	background: url(../images/ditu2023.jpg) no-repeat center top;
	margin: 0 auto;
}


.pt29 {
    padding-top: 29px;
}
.pt10 {
    padding-top: 10px;
}
.pb10 {
    padding-bottom: 10px;
}
.w870 {
    width: 870px;
    float: left;
}
.title {
    border-bottom: 1px solid #e5e5e5;
	height: 35px;
}
.title .title-left {
    position: relative;
    float: left;
}

.title .title-left:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #aa182c;
}
.title .title-left span {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
	line-height: 30px;
	float: left;
}
.title .title-right {
    float: right;
    padding-top: 4px;
    padding-right: 6px;
}
.title .title-right .more {
    font-size: 14px;
    color: #838383;
    font-style: italic;
}
.title::after {
    clear: both;
    content: "";
    display: table;
}
.w420:first-child {
    margin-left: 0;
}

.pt20 {
    padding-top: 20px;
}
dl dt {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

dl dt a {
    color: #000000;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}
dl dd {
    padding-top: 10px;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    height: 44px;
    line-height: 22px;
}
.w420 {
    width: 420px;
    float: left;
    margin-left: 30px;
}
.xian01 {
    border-bottom: 1px solid #e5e5e5;
}

.box-tu {
	float: left;
	width: 420px;
}
.row3 .box-tu p {
    padding-top: 10px;
    overflow: hidden;
    color: #666666;
    font-size: 14px;
    height: 44px;
    line-height: 22px;
}

.w300 {
    width: 300px;
    float: left;
    margin-left: 30px;
}
.row3 .w300 .box {
    padding-top: 0;
}
.row3 .box {
    height: 173px;
}
.pd11 {
    padding: 11px;
}
.bg-efefef {
    background-color: #efefef;
}
.row3 .w300 .box .box-head {
    padding-top: 8px;
}
.row3 .w870 .box02 .box-head {
    margin-top: 8px;
}

.clear { clear: both; font-size:1px; visibility: hidden;}
.title02 {
    border-bottom: 1px solid #e5e5e5;
	height: 35px;
}
.title02 .title-left {
    position: relative;
    float: left;
}

.title02 .title-left:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #aa182c;
}
.title02 .title-left span {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
	line-height: 30px;
	float: left;
}
.title02 .title-right {
    float: right;
    padding-top: 4px;
    padding-right: 6px;
}
.title02 .title-right .more {
    font-size: 14px;
    color: #838383;
    font-style: italic;
}
.title02::after {
    clear: both;
    content: "";
    display: table;
}
.box-body-list ul {
    padding-bottom: 11px;
}
.box-body-list ul li {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #d7d7d7;
    line-height: 20px;
    overflow: hidden;
}
.box-body-list ul li a {
    color: #000000;
    font-size: 14px;
}
.box-body-list ul li:last-child {
    border-bottom: none;
}
.row3 .w300 .box .box-body {
    padding-top: 10px;
}
.guanggao {
	width: 870px;
	height: 90px;
}



.row3 .w300 .box03 {
    padding-top: 0;
	margin-top: 20px;
}

.row3 .w300 .box03 .box-head {
    padding-top: 8px;
}
.row3 .w300 .box03 .box-body {
    padding-top: 10px;
}





.row3 .box02 .box-body {
    padding-top: 21px;
}
.row3 .box-tu a .alt {
    font-size: 18px;
    line-height: 25px;
    color: #000000;
	font-weight: bold;
}
.row3 .w300 .box {
    padding-top: 0;
}
.row3 .w300 .box .box-head {
    padding-top: 8px;
}
.yqtdk {
    background: url(../images/yqtdk.png) no-repeat center;
	float: right;
	width: 300px;
	height: 350px;
}
.yqtdk {
    background: url(../images/yqtdk.png) no-repeat center;
	float: right;
	width: 300px;
	height: 350px;
	font-size: 21px;
	color: #aa182c;
	line-height: 38px;
	font-weight: bold;
}
.yqtdk a{
    font-size: 21px;
	color: #aa182c;
	line-height: 38px;
	font-weight: bold;
}

.wrapper .live_list {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9999999;
  left: 0;
  bottom: 56px;
  height: 80px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  background: #efefef;
  width: 100%;
  transition: all ease-in-out 0.2s;
}

.wrapper .live_list .arrow-left {
  position: absolute;
  cursor: pointer;
  right: 50%;
  top: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAMAAABPqWaPAAAAn1BMVEUAAACRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZHdLz2JAAAANHRSTlMAAQMEBgoNDxMVHCQtN0FCTE5aW2dpeIeKkZajpKyxur3Iy9LT2dve4ePl5ufq8PH1+fz+lsTyegAAAMhJREFUKM9lkOsCgUAQhSe3SEmSS24RkYhy3v/ZbDtiV+fPfrOzO5dDxBpeNgyrq02qBglypgyppSS6e2DKOHkhNr+J1haY18EM2LXqIATWBilR+HsVdX6l2xEwk+RrlYXMGC9fnG6hTyNkpShcsnPk+gZC1SWdqnRDohCd8bCbGfsBcp6NNrLRk8gr/0Yj6sUoPXEG+jpsSSBprlkgTfh4ZawV26Ql34edqP7OlijFhR/lmHFUIOnrYx6ZDrgP9dWyJcPi5jC8AYZgFxLozh9yAAAAAElFTkSuQmCC) no-repeat 0 0;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  margin-right: 590px;
}

.wrapper .live_list .arrow-right {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAMAAABPqWaPAAAAn1BMVEUAAACRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZHdLz2JAAAANHRSTlMAAQMEBgoNDxMVHCQtN0FCTE5aW2dpeIeKkZajpKyxur3Iy9LT2dve4ePl5ufq8PH1+fz+lsTyegAAAMhJREFUKM9lkOsCgUAQhSe3SEmSS24RkYhy3v/ZbDtiV+fPfrOzO5dDxBpeNgyrq02qBglypgyppSS6e2DKOHkhNr+J1haY18EM2LXqIATWBilR+HsVdX6l2xEwk+RrlYXMGC9fnG6hTyNkpShcsnPk+gZC1SWdqnRDohCd8bCbGfsBcp6NNrLRk8gr/0Yj6sUoPXEG+jpsSSBprlkgTfh4ZawV26Ql34edqP7OlijFhR/lmHFUIOnrYx6ZDrgP9dWyJcPi5jC8AYZgFxLozh9yAAAAAElFTkSuQmCC) no-repeat right 0;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  margin-left: 590px;
}

.wrapper .live_list .LiveChannel-close {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  left: 50%;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAflBMVEWqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCysHTCuIzauJDevJjivJjmxKz2xLD7ryc3sys/sy9Dv1Nfw1dnw1try2t357/D///8Qs5mhAAAAGXRSTlMABgkqKyyOj5CUlZi7vdTW19jz9Pj5+vz9eAto8AAAAIxJREFUGBkFwQlywjAQADDZ61x0Cv//ZsOQCb4qJYh4FPXqHYm0vxKY5zWE9PNKQNpU4fEEYG0tl19ACjxLiYxjtrzGOeQoB8y9Ru4TR1mg18W4J5YMctAH9FyR1jzqUqCV6yDlfs+e4VvGyMZ7TBVGjzF3JsDfHdrcALw/gtq2BOb5mRKUciy9fnvFP2UVQjljAJsNAAAAAElFTkSuQmCC) no-repeat right 0;
  width: 16px;
  height: 16px;
  margin-left: 584px;
}

.wrapper .live_list .swiper-container {
  position: absolute;
  left: 50%;
  height: 100%;
  width: 1170px;
  margin-left: -585px;
}

.wrapper .live_list .swiper-container .swiper-slide.current .item .channelLogo:before,
.wrapper .live_list .swiper-container .swiper-slide.current .item .channelLogo:after {
  opacity: 1;
  visibility: visible;
}

.wrapper .live_list .swiper-container .item {
  position: relative;
  cursor: pointer;
  padding: 0 9px;
  margin-top: -5px;
}

.wrapper .live_list .swiper-container .item .channelLogo {
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAG3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRqJqIEoAAACAElEQVRYw7WYCXbDIAxEke5/ZtSYRRvg2i+TeElLmt/RIDCIyj8vGu/y8O+efSbvQed/IG++QJuf5B5F5zY6y5EnII+hlXJC0bZBb5Q4koEnkCccQLJH0ZYzTxqtMkhS7Ewkyr8YQ4FTj3SWRGEbkHLsiN0v7sgk2nFIb0nR59BbIlHiTMZ4H63T50lRWUaiHWdeq6LrHFciUeY0iCe1q3/FOKpKSQ7kOIoKZhvGkyQPiOs0zo0iI7mc0pQrQY6Rgkeeo6IGiWJg7cVOUA6to6qiVBKdOKQ56UFT0kpyIFpAS2YvIAkgJ4izojWzFVSDJEqCOIPCPOJBNUqao6CROIPynJ1AdXTd9QEFQQ3Dxlmm2kmqTlNvn5lYHIZjYORn6k6qDlXEQK2Dus8cI8uPIxdb7Y7PoUIuMnaCaJmyg0vVUCM2B2IVxGVnkaVAVUk1gT539qQ9x9utnDpMGqAeGt/12abfquZSB3mLukdpdJRlnFxSgklCi0V8FuQk1WzSArqzKJh0D3Je02F1ZG7vQRzMfgRqZtefgWChgc3+ovthCYkcIsBBC5tGIBMbbKpFTv64xxHmAQl7ZOMWEbBlDW6hBVv64RajsOXxNwv2FYTZQsA2NbhtFm7jh9uK4jbHuO06roCwVDNoVxqRXXXkd0UWXNkHWIgClsaAxbrX5cM/J2UujQraJ0oAAAAASUVORK5CYII=) no-repeat 0 0;
  width: 72px;
  height: 72px;
}

.wrapper .live_list .swiper-container .item .channelLogo:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAD60lEQVRo3t2aTW9UVRjHf+fOaUulZYHgggIznd5R2k7rC26MChM/gHHjCyIFUr+BJI1sDBuCxkQ+gAkvpipxY/oBTAskbiRoXxSd6XQmFIhJhYiNtbSdx8W5RWY6Uztz7+VM55ecTXt75vndc1+mz/krAiSdlwjwHPAy0A88A+wBngTavMPmgT+Am8CvwARwFfgxEVUrQdWiApBRwKvAUeANYHuNU90FvgUuAFcSUSVWxDL5QjNwDBgC4n5PUAnTwCfAeTfqPHgsYpl8QQHHgVPA7oCFSpkFPgLOuVGnqhWsSmw6t+IC54BXQhYq5SpwvCsWyQQuNp1bfhP4HNj2mKVWuQ+83xXT3wQils0tO8DHwAlLQqV8CgzFY7pQs1g2txTBPKUO27Yp4UtgIB5rqvh6qCg2M7OkgPPAgG2LCnwBHO3sbCr7UNGV/05O17EUwBHgFvBhuV+WXbHczOJbwCXblW+Qd2KdLWtqXSOWn/nHBa5h7+lXLfeB/dHOLUWvgiKxfHZBAd8BKdvVVsko8Fo03vrwfnNKLN9VkFKe8SYaKVXy5H64Yjezf7cCaaDD9umvkduAuyf+xELxiokMItKBCJt07EJksGjFZqfnlbdaXbZPu0+ygLu7q020sZMDDSAF5t+nA8DYqlg9v4irZQAYU3cyfyrgd2Cn7YoCYg54SoMkG0gKYAfQpxWSsl1JCKS0EnnBdhUh8LxWiGu7ihBwtULCbsjYoEMjssN2FSGwTSukzf88dUe7VuKr4Vq3aIXM819fvVH4SytkrjHFRGaBmO1KAmbWAcmA0GAjoxVyHbNr0khc10pk1HYVITCmFTKB+arfKC/qOWDcae/eKwoZUQgNMkbau/eKaeYIF+3f74GNi+D17hVyGbM9utn7HlngMnjtt609MVHI2Tq4jPyOs1t7YmIWy2NhKtsKZIBdtk97jdwG3NbeeHHD1PxAhmzfID7G0KpUkRiAQoYVMloHl1S1Y0whw8UuJSxOpRPAD2yubaQXW3oT6XXFAB5Mpt8GvrZd8QY51JxMrKnVKXdkczJxCeRMHdw3/zfOlJOCdfagFXISk7x5z/aSVGAYOFm5/nVYmrwRwezOH7JtUcJXwJGm5L7q4xCrLE/ccDCBrQ9s23h8BpzQfftqD7AUC/5SF5Ej3dcdTOToUVYmfrYaEov09Ww4JOZs9EAAb+KDwCAmPBI2t7zPOliNFPgIYhbGp1owqdIwgphZTDDtgtPfu1jLBL6js4XxKQcTnT0GvI6/6OwIJr91xenvLdQ4TzBijyLjkxFgP/AS8CzwNCbsvB3Tu1zChJ3vAXeA34CfgO+Ba6o/GVjY+V+Wh7AtFDM30AAAAABJRU5ErkJggg==) no-repeat 0 0;
  width: 54px;
  margin-left: -27px;
  height: 54px;
  margin-top: -27px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.2s;
}

.wrapper .live_list .swiper-container .item .channelLogo:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABDlBMVEWqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyqGCyrGy6sHTCuIjWuJDevJjivJjmwJzqwKDuwKTyxKz2yL0G1NUa1Nke2OUq2Oku5QFC5QVG6RFW9TFu+Tl6+T16/UWDAU2LEYG3HZnPJbXrMdIDOeYXPfIfRgYzTh5HTiJPUi5XYlJ3YlZ7grLPir7bisLfjtLrkt73lub/mvMLnvcPsys/tztLtz9Pu0NTv1Njw1dnw19vx2Nvz3+L15ef36Or36uz47O757/D68fP89vf9+vr9+vv+/f3//v7///+4C6+vAAAAGXRSTlMABgkqKyyOj5CUlZi7vdTW19jz9Pj5+vz9eAto8AAAAMFJREFUGNNtz/syAnEAR/HvarfdFrVobYe05V4KFSEqocid3H7v/yL9YcaY4fME50iSEskgm80kE/pmpXIAkJuekiRrhh+zliSfhnm+aMYApCQ7YrN1NjTXuwCRLRfWKuuF/YePOoCrAI7NV69SHIzLQKAQStXDp/Fe8bW/BKFCODnaWL17XDn4rMK8Aui/v9S2Tavw1oa0XFjeur+Nby7j0RV4ciKgaXZOz/OdLpEj+fzi/5f+Z06S7c0tLqQ9R5ImbAQcuW7HnlIAAAAASUVORK5CYII=) no-repeat 0 0;
  width: 16px;
  height: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.2s;
}

.wrapper .live_list .swiper-container .item .channelLogo img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  margin-left: -25px;
  height: 50px;
  margin-top: -25px;
  border-radius: 100%;
}

.wrapper .live_list .swiper-container .item .channelName {
  position: absolute;
  left: 0;
  bottom: -5px;
  font-size: 12px;
  line-height: 1;
  width: 100%;
  color: #737373;
  text-align: center;
}
.ystkimg{
	float: left;
}
.ystkimg img{
	border-radius: 10px 10px 10px 10px;
}
.mt8 {margin-top: 8px;}
.blank60 {margin:0 auto; width:100%; height:60px; font-size:1px;clear:both;}
.blank15 {margin:0 auto; width:100%; height:15px; font-size:1px;clear:both;}
.blank30 {margin:0 auto; width:100%; height:30px; font-size:1px;clear:both;}
.blank10 {margin:0 auto; width:100%; height:10px; font-size:1px;clear:both;}
.blank5 {margin:0 auto; width:100%; height:5px; font-size:1px;clear:both;}
.clear { clear: both; font-size:1px; visibility: hidden;}

.box04 .wenzi01 {
    font-size: 18px;
	font-weight: bold;
	line-height:30px;
}