*{margin: 0; padding: 0}
html,body{margin: 0; padding: 0; font-size: 12px; color: #333; background: #fff; font-family:'微软雅黑';}
ul,li{list-style: none;margin: 0; padding: 0}
.clear{width: 100%; height: 0; clear: both; font-size: 0; line-height: 0}
a{color: #333; text-decoration: none;}
a:hover{color:#035293}
img{border:none;}
.wrapper{width: 1220px; margin: 0 auto;}

/*-------头部--------*/
.header{width: 100%; height: 153px; border-bottom: 1px solid #ededed; overflow: hidden; margin: 0 auto;}
.top_box{width: 1000px; height: 100%;  overflow: hidden; margin: 0 auto;}
.top_box .wrap{width: 1220px; height: 100%; margin: 0 auto;}
.logo{float: left; margin: 50px 0 0 8px;}
.logo img{display: block; width: 160px; height: auto;}
.topNav{float: left; width: 650px; height: 43px; margin: 70px 0 0 50px; border-left: 1px solid #434343;}
.topNav li{float: left;margin-left: 30px; font-size: 40px; font-weight: 200; color: #434343; line-height: 36px;}
.topNav li a{ font-size: 18px; color: #434343; margin-right: 20px; }
.topNav li a:hover{ color: #035293; }


.radio{width: 100%; height: 596px; overflow: hidden; margin: 2px auto 0 auto; background: url(../images/rBg.jpg) no-repeat top center;}
.radio .wrap{width: 1000px;  margin: 0 auto; padding-top: 75px;  }
.radio .wrap ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.radio .wrap li{ width: 449px; height:127px;overflow: hidden; margin-bottom: 22px; border-radius: 40px; background: #fff; position: relative; cursor: pointer;}
.radio .wrap li div{  width: 95%; height: 100%; margin: 0 auto;}
.radio .wrap li:hover{  background: #fbf1f2; }
.radio .wrap li a{display: block;height: 100%; padding: 0 15px ;}
/*
.radio .wrap li a.current_play{background: #fbf1f2;}
.radio .wrap li a.current_pause{background: #fbf1f2;}
*/
.radio .wrap li .left{ float: left;width: 300px;height: 100%; display: flex; align-items: center;}
.radio .wrap li .right{ float: right;width: 40px; height: 100%; display: flex; align-items: center;}
.radio .wrap li:nth-last-child(1){border-bottom:none;}
.radio .wrap .pic { float: left; width: 78px; height: 78px; margin: 0 20px 0 10px;  }
.radio .wrap .pic img{display:block; width:100%; height: 100%; border-radius: 50%; box-shadow: 0 0 10px 0px #ccc;}
.radio .wrap h3{ font-size: 20px;font-weight: normal;  color: #000;  }

.myVideo{display: none;}
.control{display: block; width: 36px; height: 36px;  background: url(../images/iPlay.png) center no-repeat; background-size: contain;}
.current_play .control {    background: url(../images/iStop.png) center no-repeat; background-size: contain;}
.current_pause .control {    background: url(../images/iPause.png) center no-repeat; background-size: contain;}

.needs-user-tap::after {
    content: "点击播放";
    position: absolute;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}


.program{width: 1155px; height: 100%; overflow: hidden; margin: 85px auto 0 auto;}
.program .wrap{width: 100%;  margin: 0 auto;   }
.program .wrap ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.program .wrap li{ width: 210px; height:200px;overflow: hidden; }
.program .wrap li img{ width: 210px; height:119px; }
.program .wrap li p{ font-size: 18px; color: #000; line-height: 24px;  }
.program .wrap li p{ font-size: 18px; color: #000;   }
.program .wrap li p:hover{color: #d92b1c;  }