body { font: 14px/1.5 microsoft yahei; }
/*index*/
.spacebetween{box-sizing: border-box; min-height: 2.2rem;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-start { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: flex-start; align-items:center}
.page-group { width: 100%; overflow: hidden; margin: auto }
.pull-left{float:left}.pull-right{float:right}a:hover{opacity:.8}
.block{display:block}.hide{display:none}
.content { width: 100%; margin: 0 auto}
/*index*/
.banner img{ width:100%}
.navmenu{ background-color:#fad336; background:url(../images/navbg.jpg) repeat-x; background-size:auto 100%}
.navmenu ul{ width:1000px; height:43px; padding:0; overflow:hidden; margin:auto}
.navmenu ul li{ width:200px; float:left; text-align:center; height:43px; line-height:40px; overflow:hidden}
.navmenu ul li a{ display:block; font-size:20px; padding:0 20px; color:#fff }
.navmenu ul li a.active,.navmenu ul li a:hover{ font-weight:bold; background:url(../images/navactivebg.jpg) repeat-x; background-size:auto 100%;display:block; height:41px}
.navmenu .wdslogo{ margin:auto}

.idwrapper{ overflow:hidden; padding-bottom:100px; background:url(../images/mainbg.jpg); background-size:100% 100%}
.idmain{width:1024px; margin:50px auto}
.jieshao{position: relative;width: 40%;height: 227px; padding:20px; display:inline-block; vertical-align:text-bottom; border:solid 1px #016bc0; border-radius:10px; font-size:16px}
.jstit{ display:block; width:110px; padding:5px 0 15px 20px; margin:-9% 0 0 -6.5%; font-weight:bold; color:#fff; font-size:20px; line-height:1;background: url(../images/p1.png);background-size: 100% 100%;}
.vdbox{width:400px; display:inline-block; margin-left:100px}

.jlbox{width:1000px; margin:30px auto}
.jlbox span{ display:block; width:100px; text-align:center; position:relative; padding:0 20px; font-size:20px; font-weight:bold; color:#153b84; margin:auto}
.jlbox .title{overflow: hidden;width: 100%; text-align:center; font-weight:bold; color:#2c6bba; padding-top:50px; background:url(../images/p4.png) no-repeat; background-size:100%}
.jl-vd .title{background:url(../images/p6.png) no-repeat left center; background-position:90px center; font-size:14px; color:#2f5191; font-weight:bold}
.zz-vd .vdinfo{ width:449px; margin:20px 30px}
.twbox{width:30%; position:relative; display:inline-block; margin:2% 1.2222%; border:solid 3px #2c6bba; border-radius:10px}
.twbox img{ border-radius:6px}
.twbox span{ position:absolute; left:0; bottom:0; right:0; background:rgba(255,255,255,.8); color:#2c6bba; padding:0; width:100%; border-radius:0 0 6px 6px; padding:5px 0; font-size:16px}

.ycmain  .jl-vd .vdinfo{ margin:20px 19px}
.livebtn{ display:inline-block; width:100px; height:40px; line-height:40px; background-color:#2c6bba; text-align:center; border-radius:5px; float:right; color:#fff}
.jlbox .commontitle{
    margin-top: 20px;
}
.commontitle:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: .5rem solid transparent;
    border-left-color: #153b84;
	position: absolute;
    left: 0;
    top: .5rem;
}
.commontitle:after {
    content: '';
    position: absolute;
    top: .5rem;
    right: 0;
    width: 0;
    height: 0;
    border: .5rem solid transparent;
    border-right-color: #153b84;
}
.ribbon3 {
    display: inline-block;
    position: absolute;
    width: 98.5%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background: #2c6bba;
    left: -10px;
    top:-39px;
	color:#fff
}
.ribbon3:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #2c6bba;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
}
.ribbon3:after {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #2c6bba;
    right: -15px;
}
.ribbon5 {
    display: inline-block;
    width: calc(100% + 10px);
    height:40px;
    line-height:40px;
	padding-left:10px;
	margin:0 -10px;
    background: #2c6bba;
    position: relative;
    top: 20px;
	color:#fff
}
.ribbon5 span{ display:block;text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden}
.ribbon5:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #2c6bba;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
}
.ribbon5:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #2c6bba;
    border-right: 10px solid transparent;
    right: 0;
    bottom: -10px;
}
.vdinfo{position:relative; display:inline-block; margin:0 19px 20px; width:300px}
.vdinfo video{ margin-top:15px}
.noLive{text-align: center;margin: 10px 0;}
.noLive img{display: inline-block;}
.noLive p{margin: 10px 0;}