.customHeader_iframe{
  min-width:1190px;
}
.customFooter_iframe{
  min-width:1190px;
}

#container{
  background:#fff;
  font-size:0;
  color:#000;
}


.common-content.view{
	width:930px;
}
a:hover{
	color:#cbb486!important;
	text-decoration:underline;
}
.work .item-overview{
	padding-top:40px;
	background:#fff;
	
}
.work .item-overview.fixed-item-overview{
	position:fixed;
	top:0;
	width:1136px;
	z-index:100000;
}
.work .item-details{
	clear:both;
	padding-top: 30px;
}
.work .item-overview .pdf{
	width:1190px;
}
.work .item-overview .left{
	width:730px;
}
.work .item-overview .view{
	width:500px;
}
.work .item-overview .left .title-full{
	color:#000;
	font-size:36px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:36px;
}
.work .item-overview .left .title-box{
	position:relative;
}
.work .item-overview .left .title-box .selectqu{
	display:inline-block;
	position:relative;
}
.work .item-overview .left h4 {
	color:#000;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.work .item-overview .left h4 a{
	font-size:20px;
	display:inline-block;
	vertical-align: middle;
	max-width:430px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.work .item-overview .pdf .title-full{
	color:#000;
	font-size:36px;
    line-height:36px;
}
.work .item-overview .pdf h4{
	font-size:20px;
	color:#000;
	display:inline-block;
	vertical-align: middle;
}

.work .item-overview .left h4.noSiblings{
	max-width:800px;
}
.work .item-overview .left .title-box button{
	font-size:16px;
	color:#555555;
	vertical-align: middle;
	
	background:#ffff;
	border:1px solid #d6d5d5;
	min-width: 160px;
	width:auto;
	height:30px;
	border-radius:0;
	box-shadow: none;
	line-height:14px;
}
.work .item-overview .left .title-box button i{
	color:#999999;
	float:left;
	
	margin: 0 10px;
}
.work .item-overview .left .title-box button b{
	display:inline-block;
	float:right;
	
	margin: 6px 10px 0;
	width:0px;
	height:0px;
	border:5px solid #9e9e9e;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}
.work .item-overview .left .title-box ul{
	border:1px solid #ddd;
	font-size:14px;
	color:#333;
	position:absolute;
	
	background:#fff;
	width:100%;
	min-width:150px;
	top:29px;
	text-align: center;
	line-height: 30px;
	z-index:1000;
	border-radius: 0;
}
.work .item-overview .left .operation{
	padding-top:20px;
}
.work .item-overview .left .operation button{
	width:150px;
	height:46px;
	font-size:18px;
	margin-right:18px;
	border-radius: 5px;
}
.work .item-overview .left .item-related{
	overflow:hidden;
	padding:30px 0;
}
.work .item-overview .left .item-related li{
	float:left;
	font-size:16px;
	color:#555555;
	margin-right:15px;
}
.work .item-overview .left .item-related li a{
	color:#cbb486;
	text-decoration: underline;
	cursor:pointer;
}


.work .item-overview  .timeLimit{
	text-align: right;
}
.work .item-overview .left .timeLimit{
	margin-top:20px;
}
.work .item-overview .left .timeLimit{
	text-align:left;
}
.work .item-overview  .timeLimit>div{
	display: inline-block;
	vertical-align: top;
}
.work .item-overview .right  .timeLimit>div{
	margin-left:35px;
}
.work .item-overview .left  .timeLimit>div{
	margin-right:35px;
}
.work .item-overview  .timeLimit>div p{
	color:#000;
	font-size:14px;
	text-align: center;
	margin-bottom:0;
}
.work .item-overview  .timeLimit>div p.bold{
	font-size:12px;
}
.work .item-overview  .timeLimit>div p.bold span{
	color:#cbb486;
	font-size:18px;
}
.work .item-overview .right .review{
	padding-top:10px;
	text-align: right;
}
.work .item-overview .right .review #startone{
	display:inline-block;
	vertical-align: middle;
}
.work .item-overview .right .review>span{
	font-size:14px;
	color:#000;
	vertical-align: middle;
	line-height: 30px;
	margin-left:12px;
}
.work .item-overview .right .review>button{
	font-size:16px;
	border-radius:4px;
	vertical-align: middle;
	margin-left:12px;
	width:90px;
	height:30px;
}
.work .item-overview .right .socialOperation{
	overflow:hidden;
	padding-top:10px;
}
.work .item-overview .right .socialOperation li{
	float:right;
	padding:5px 10px;
	margin-left:15px;
	cursor:pointer;
	color: #cbb486;
	font-size:16px;
	background:#faf7f3;
	border-radius:4px;
}
.work .item-overview .right .socialOperation li:hover{
	background:#faefe0;
}
.work .item-overview .right .socialOperation li>a {
	color: #cbb486;
}
.work .item-overview .right .socialOperation li .iconfont{
	color:#cbb486;
	font-size:18px;
	vertical-align: middle;
	margin-right:5px;
}
.work .item-overview .right .socialOperation li.li1{
	padding-left:20px;
	background:url(../png/xjzzr1.png) no-repeat 0 center;
}

.work .item-overview .right .socialOperation li.li3{
	padding-left:20px;
	background:url(../png/f49bss.png) no-repeat 0 center;
}
.work .item-overview .right .socialOperation li.li4{
	background:url(../png/gznoji.png) no-repeat 0 center;
}

.work .item-overview .right .socialOperation li.li4:hover,
.work .item-overview .right .socialOperation li.li5>a:hover,
.work .item-overview .right .socialOperation li.li6>a:hover,
.work .item-overview .right .socialOperation li.li2:hover
{
	color:#cbb486;
	text-decoration: none;
}
.work .item-overview .phoneNumber{
	
	clear:both;
}
.work .item-overview .phoneNumber>div{
	background:#f7f7f7;
	font-size:16px;
	width:50%;
	height:50px;
	float:left;
	position:relative;
	cursor: pointer;
}
.work .item-overview .phoneNumber>div p{
	width:100%;
}
.work .item-overview .phoneNumber>div  i{
	float:right;
	padding-right:50px;
	margin-top:-5px;
}
.work .item-overview .phoneNumber .triggerMore{
	display:inline-block;
	float:right;
	position:relative;
	top:10px;
	right:50px;
	cursor:pointer;
	height:50px;
	width:50px;
}

.work .item-overview .phoneNumber>div.unfold{
	height:auto;
}
.work .item-overview .phoneNumber .morecontact{
	background:#fff;
	position:absolute;
	width:440px;
	top:50px;
	left:150px;
	z-index:1000;
	box-shadow:0 0 5px rgba(0,0,0,.3);
	border-radius: 5px;
	padding:20px;
	display:none;
}
.work .item-overview .phoneNumber .morecontact.active{
	display:block;
}
.work .item-overview .phoneNumber .morecontact .moreLine{
	display:inline-block;
	max-width:290px;
	vertical-align: top;
}
.work .item-overview .phoneNumber .morecontact .moreLine a{
	display:inline-block;
	max-width:290px;
	white-space:pre-wrap;
	word-wrap:break-word;
}
.work .item-overview .phoneNumber>div>p{
	line-height: 50px;
	height:50px;
	padding-left:30px;
	color:#666;
	margin-bottom:0;
	display:inline-block;
}
.work .item-overview .phoneNumber>div>p span.bold{
	color:#333;
	font-weight:bold;
	margin-right:20px;
	width:100px;
}
.work .item-overview .phoneNumber>div>p span{
	display:inline-block;
	width:295px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.work .item-overview .phoneNumber>div>i{
	margin-left:20px;
	color:#999999;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:30px;
}
.work .item-overview .phoneNumber>div:hover .morecontact{
	display:block;
}


#navbarWrapper{position:fixed;transition:all .25s;left:auto;right:50%;margin-right:610px;top:475px;}
#navbarWrapper.view{right:44%;}
#navbarWrapper.affix{top:170px;}
#navbarWrapper .nav>li{float:none;font-size:14px;}
#navbarWrapper .nav>li>a{color:#000;background:url(../png/u23rbr.png) no-repeat 140px  center;padding:10px 40px 10px 15px;text-align: right;width:160px;}
#navbarWrapper .nav>li>a:focus,#navbarWrapper .nav>li>a:hover,#navbarWrapper .nav>li.active a{color:#cbb486;font-size:16px;font-weight:bold;background:url(../png/hcrr4q.png) no-repeat 135px center;}
#navbarWrapper .nav>li.active a{color:#cbb486;}

.item-details h4{
	margin-top:80px;
	margin-bottom:24px;
	font-size:24px;
	color:#333;
	position:relative;
}
.item-details h4 span{
	display:inline-block;
	font-size:20px;
	color:#000;
	line-height:50px;
	position:relative;
	font-weight:bold;
}
.item-details h4 span.en{
	font-size:40px;
	color:rgba(203,180,134,0.15);
	font-weight:bold;
	position:absolute;
	left:0;
}
.moreDetails h4 span.en{
	display:none;
}
.moreDetails.active h4 span.en{
	display:inline-block;
}
.moreDetails #slyj>a{
	color:rgba(0,0,0,0.3);
	font-weight:bold;
}
.moreDetails #slyj>a:hover{
	color:rgba(0,0,0,1)!important;
	text-decoration:none;
}
.moreDetails #slyj{
	background:url(../png/mvj4sy.png) no-repeat 0 42px;
	background-size:80px;
}
.moreDetails.active #slyj{
	background:none;
}

.jbxxContent ul{
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
.jbxxContent ul.fold{
	height:160px;
}
.jbxxContent ul.unfold{
	height:auto;
}
.jbxxContent ul li{
	float:left;
	font-size:14px;
	line-height:34px;
	min-height:53px;
	padding:0 10px;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding-top:10px;
	box-sizing: border-box;
}
.jbxxContent ul li.qtywblx{
	line-height:26px;
}
.jbxxContent ul li.qtywblx a{
	line-height:26px;
	padding-top:10px;
}
.jbxxContent ul li.jbxxtitle{
	width:18%;
	background:#f7f7f7;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.jbxxContent ul li.jbxxItem{
	width:32%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.jbxxContent ul li.jbxxItem.twoLineItem{
	white-space:break-spaces;
}
.jbxxContent ul li.moreLineItem{
	width:32%;
	line-height:22px;
	padding:16px 10px;
}
.jbxxContent ul li.moreLineText {
	position: relative;
	max-height: 156px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	
	padding-bottom: 26px;
}
.jbxxContent ul li.moreLineText.active {
	display: block;
	max-height: none;
	height: auto !important;
}
.jbxxContent ul li.moreLineText::after {
	position: absolute;
	content: '展开全部';
	width: 100%;
	height: 22px;
	line-height: 22px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	pointer-events:auto;
	color: #cbb486;
}
.jbxxContent ul li.moreLineText.active::after {
	content: '收起全部';
}
.jbxxContent ul li.jbxxLongItem{
	width:82%;
	line-height: 28px;
}
.jbxxContent ul li.jbxxLongText {
	position: relative;
	max-height: 116px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding-bottom: 32px;
}

.jbxxContent ul li.jbxxLongText.active {
	display: block;
	height: auto;
	max-height: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: auto;
	overflow: hidden;
}

.jbxxContent ul li p {
	margin: 0;
}
.jbxxContent ul li.jbxxLongItem a{
	color:#cbb486;
	font-size:14px;
	margin-right:30px;
	line-height:22px;
	display:inline-block;
}
.jbxxContent ul li.jbxxItem .selectother{
	color:#cbb486;
	float:right;
}
.loadMore{
	color:#cbb486;
	font-size:16px;
	line-height: 40px;
	text-align: center;
	margin-top:10px;
	cursor:pointer;
}
.loadMore i{
	font-size:12px;
	margin-left:10px;
}

.item-details p{
	word-break:break-all;
}
p{
	font-size:14px;
	color:#000;
	line-height: 28px;
}
p.pTitle{
	color:#000;
	font-size:16px;
	font-weight:bold;
}
.lookflowChart,.lookflowChart:link,.lookflowChart:visited,.lookflowChart:hover,.lookflowChart:active{
	height:40px;
	display:inline-block;
	color:#cbb486;
	font-size:16px;
	text-align: center;
	line-height: 40px;
	margin:10px 0;
	text-decoration:underline;
}

.sqclTip{
	font-size:14px;
	color:#bcbec0;
}
.myfreematerial{
	border-radius:5px;
	margin-bottom:20px;
}
a.link-red{
	color:#cbb486;
}
.freeSubmit{
	display:inline-block;
	width:23px;
	height:19px;
	background:url(../png/e4f7dc.png) no-repeat 0 0;
	vertical-align: middle;
	cursor:pointer;
}
.downloadTable{
	margin-top:10px;
}
.btn-border {
	border:1px solid #fc7a43;
	color:#fc7a43;
	background:#fff;
}
#sqcl ul{
	overflow:hidden;
	float:right;
}
#sqcl ul li{
	float:left;
	font-size:12px;
	color:#999999;
	padding-top:28px;
	margin-left:25px;
	padding-left:20px;
}
#sqcl ul li.li1{
	background:url(../png/z89xu2.png) no-repeat 0 28px;
}
#sqcl ul li.li2{
	background:url(../png/kle3v4.png) no-repeat 0 28px;
}
.sqclContent{
	font-size:14px;
}
.sqclContent .selectclqx{
	font-size:18px;
	overflow:hidden;
	margin-top:20px;
}
.sqclContent .selectclqx span{
	float:left;
}
.sqclContent .selectclqx ul{
	width:1050px;
	float:left;
	overflow:hidden;
}
.sqclContent .selectclqx ul li{
	float:left;
	margin-right:50px;
	cursor:pointer;
	margin-bottom:10px;
	font-size:14px;
}
.sqclContent .selectclqx ul li b{
	display:inline-block;
	width:20px;
	height:20px;
	background: url(../png/gfhhso.png) no-repeat 0 0;
	vertical-align: middle;
	margin-right:20px;
}
.sqclContent .selectclqx ul li.select b{
	background: url(../png/jy9tz6.png) no-repeat 0 0;
}
table{
	font-size:14px;
	margin-top:20px;
}
table th{
	text-align: center;
	background:#f7f7f7;
}
.table>tbody>tr>td{
	vertical-align: middle;
	text-align: center;
}
.table>tbody>tr>td.text-left{
	text-align: left;
}
.table>tbody>tr>td .gxmj{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../png/kle3v4.png) no-repeat center;
	vertical-align: middle;
}
.table>tbody>tr>td .zzmj{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../png/z89xu2.png) no-repeat center;
	vertical-align: middle;
}
.tbodyHide{
	display:none;
}
.Qp{
	
	font-size:16px;
	padding-left:30px;
	background:url(../png/jlhyjo.png) no-repeat 0 center;
}
.Ap{
	
	font-size:16px;
	padding-left:30px;
	background:url(../png/cxz12d.png) no-repeat 0 center;
}
.moreDetails{
	height: 190px;
	overflow: hidden;
}
.moreDetails.active{
	height: auto;
}
.showMore {
	vertical-align: middle;
	display: inline-block;
	margin-left: 20px;
	font-size: 20px;
	line-height: 50px;
}
.moreDetails.unfold{
	display:block;
}
.showMoreDetails{
	color:#cbb486;
	font-size:16px;
	line-height: 40px;
	text-align: center;
	margin-top:10px;
	cursor:pointer;
	margin-bottom:20px;
}
.showMoreDetails i{
	font-size:12px;
	margin-left:10px;
}
.associatedBox{
	margin-bottom:160px;
	color:#999999;
	font-size:16px;
}
.associatedBox .associated{
	display:inline-block;
	width:103px;
	height:33px;
	background:url(../png/suszgt.png) no-repeat 0 0;
	color:#fff;
	line-height:33px;
	padding-left:10px;
	margin-right:20px;
}
.associatedBox .tag{
	color:#333;
	font-weight:bold;
	border:1px solid #dcdcdc;
	background:#f7f7f7;
	padding:10px 20px;
	border-radius: 20px;
	margin-left:30px;
}
.support{
	text-align: right;
	font-size:14px;
	color:#999;
	margin-bottom:20px;
}
.support .icon{
	display:inline-block;
	width:22px;
	height:22px;
	margin-right:20px;
	vertical-align: middle;
}
.support .icon.wx{
	background:url(../png/ls9oxm.png) no-repeat center;
}
.support .icon.zfb{
	background:url(../png/q7m1xp.png) no-repeat center;
}
.support .icon.smy{
	background:url(../png/cficoi.png) no-repeat center;
}
.kefu{
	clear:both;
	width:80px;
	height:80px;
	background:url(../png/vvb008.png) no-repeat center;
	cursor:pointer;
}
.bszn-common-floatnav{
	position:fixed;
	bottom:300px;
	right:0;
	z-index:1000;
}
.nav-kuai{
	border:1px solid #e5e5e5;
	width:84px;
	float:right;
	margin-right:16px;
	margin-top:24px;
	background:#f7f7f7;
	margin-bottom:20px;
}
.nav-kuai>a{
	display:block;
	width:84px;
	height:84px;
	padding-top:54px;
	font-size:14px;
	color:#555;
	text-align: center;
}
.nav-kuai>a.glfw{
	border-bottom:1px solid #e5e5e5;
	background: url(../png/fpndz7.png) no-repeat center 15px;
}
.nav-kuai>a.bsgl{
	background: url(../png/6urqih.png) no-repeat center 15px;
}
.bszn-common-floatnav .nav-kuai{
	display:none;
}


@media screen and (max-width: 1366px) {
    #navbarWrapper{
    	display:none;
    }
	.bszn-common-floatnav .nav-kuai{
		display:block;
		margin-right:0;
		width:70px;
	}
	.bszn-common-floatnav .nav-kuai>a{
		width:70px;
		height:70px;
		padding-top:40px;
	}
	#navbarWrapper .nav-kuai{
		display:none;
	}
}


.selectplace{
	color:#cbb486;
	font-size:14px;
	margin-left:38px;
}
.selectplace i{
	vertical-align:middle;
	margin-right:6px;
}
.blddsjContent{
	overflow: hidden;
	margin-top:20px;
}
.blddsjContent .left{
	width:270px;
}
.blddsjContent .right{
	width:866px;
	margin-left:20px;
}


.bllcTables table{
	margin-top:0;
}
.lcTitle{
	font-size:16px;
	color:#000;
	padding-left:40px;
	height:16px;
}
.lctableBox{
	padding-left:32px;
	border-left:1px solid #e5e5e5;
	margin-left:4px;
	padding:30px 0 60px 36px;
}
.lctableBox.bottom{
	border-left:1px solid transparent;
}
.lcTitle.top{
	background:url(../png/74y4im.png) no-repeat 0 0;
}
.lcTitle.center{
	background:url(../png/blakyx.png) no-repeat 0 0;
}
.lcTitle.bottom{
	background:url(../png/5qfjdu.png) no-repeat 0 0;
}
.selectqu ul li {
	cursor:pointer;
}
#startone .atar_Show{
	cursor:pointer;
}


.bsznVideo{
    position:relative;
    height:120px;
    overflow:hidden;
}
.bsznVideo .videoTitle{
    font-size:14px;
    color:#fff;
    background:#cbb486;
    position:absolute;
    padding:5px 10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    top:5px;
    z-index:2;
}
.bsznVideo .cover{
    width:100%;
    height:100%;
    background:#fff;
    opacity:0.2;    
    position:absolute;
    top:0;
    left:0;
}
.bsznVideo .playBtn{
    font-size:20px;
    color:#fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width:46px;
    height:46px;
    background:rgba(255,255,255,0.3);
    text-align:center;
    line-height:46px;
    border-radius:50%;
    margin-left:-23px;
    margin-top:-23px;
    z-index:2;
    cursor:pointer;
}
.bsznVideo .playBtn:hover{
    background:rgba(255,255,255,0.5);
}
.bsznVideo .videoName{
    color:#fff;
    font-size:14px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}


.tabVideo{
    overflow:hidden;
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:2;
}
.tabVideo li{
    width:6px;
    height:6px;
    margin-right:5px;
    border-radius:3px;
    background:#d8d3c4;
    float:left;
}
.tabVideo li.active{
    width:10px;
    background:#fff;
}

#videoModal .modal-dialog{
    width:940px;
    margin-top: 200px;
}
#videoModal .modal-body{
    padding:0;
}
#videoModal .videoname{
    color:#cbb486;
    font-size:18px;
    line-height:40px;
    padding-left:20px;
}
#videoModal .videoname b{
    display:inline-block;
    width:14px;
    height:40px;
    margin-right:10px;
    vertical-align: middle;
}
#videoModal .videoname b.app{
    background:url(../png/sv1bji.png) no-repeat center;
}
#videoModal .videoname b.pc{
    background:url(../png/9nio4c.png) no-repeat center;
}
#videoModal .videoName span{
    display:inline-block;
    width:36px;
    height:50px;
    vertical-align: middle;
}
#videoModal .videoName span.pcIcon{
    background:url(../png/9nio4c.png) no-repeat center;
}
#videoModal .videoName span.appIcon{
    background:url(../png/sv1bji.png) no-repeat center;
}
#videoModal li.active .videoName span.pcIcon{
    background:url(../png/7w7bft.png) no-repeat center;
}
#videoModal li.active .videoName span.appIcon{
    background:url(../png/u0nyyp.png) no-repeat center;
}
.modal-left{
    width:685px;
    float:left;
}
.modal-right{
    width:250px;
    float:left;
    padding:20px;
}
#videoModal .modal-body .close{
    position:absolute;
    top:-35px;
    right:-30px;
    width:31px;
    height:31px;
    display:inline-block;
    background:url(../png/7410ij.png) no-repeat center;
    opacity:1;
}
#videoModal .modal-body .clearBoth{
    clear:both;
}
.relevantVideoList li{
    border:1px solid #cbb486;
    margin-bottom:20px;
    cursor:pointer;
    height:50px;
}
.relevantVideoList li.active .videoName{
    color:#fff;
}
.relevantVideoList li.active{
    background:#cbb486;
}
.relevantVideoList li img{
    vertical-align: middle;
    display: inline-block;
    width:91px;
    height:50px;
}
.relevantVideoList li>div{
    vertical-align: middle;
}
.relevantVideoList li>div p{
    margin-bottom:0;
    padding-left: 5px;
    width: 90%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:18px;
}
.relevantVideoList li>div .videoName{
    font-size:12px;
    color:#696969;
    line-height:50px;
}
.relevantVideoList li>div .palynum{
    font-size:12px;
    color:#9d9d9d;
}
#videoModal .videotag{
    position:absolute;
    top:10px;
    left:0;
    background:#cbb486;
    color:#fff;
    z-index:2;
    padding:4px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.modal-left.singleVideo{
    width:940px;
}
#videoModal .modal-left.singleVideo video{
    width:100%;
}


.video-box {
    overflow: hidden;
    background: #000;
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    z-index: 10;
}
.video-box-body {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.video-body {
    display: block;
    height:400px;
    margin:0 auto;
    
}

.video-control {
    position: absolute;
    width: 100%;
    padding: 5px;
    line-height: 50px;
    background: rgba(0, 0, 0, .5);
    z-index: 99999999999;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:0;
}
.video-control:hover{
    opacity:1
}
.control-leftview {
    margin-right: -50px;
    position: relative;
    z-index: 5;
}
.control-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: rgba(256, 256, 256, .5);
    cursor: pointer;
}
.control-leftview .control-btn {
    margin-right: 10px;
}
.progress-box {
    width: 100%;
    height: 2px;
}
.progress-box-body {
    width: 100%;
    height: 100%;
}
.current-time, .duration-time {
    width: 60px;
    text-align: center;
    color: #e6e6e6;
}
.current-time {
    position: relative;
    z-index: 5;
}
.duration-time {
    position: relative;
    z-index: 5;
}
.durationbar-box {
    width: 100%;
    padding: 0 30px;
}
.durationbar {
    width: 100%;
    height: 2px;
    margin-top: 20px;
    background: rgba(255,255,255,0.5);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: relative;
}
.bufferbar, .currentbar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    z-index: 5;
    cursor: pointer;
}
.currentbar {
    background: #cbb486;
    z-index: 10;
}
.drawbar {
    position: absolute;
    background: #fff;
    width: 20px;
    height: 20px;
    left: 0;
    top: -5px;
    z-index: 10;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}
.control-rightview {
    margin-left: -110px;
    position: relative;
    z-index: 5;
}
.control-rightview .control-btn {
    margin-left: 10px;
}
.control-leftview .control-btn:last-child, .control-rightview .control-btn:first-child {
    margin: 0;
}
.control-btn.loadbtn {
    background: url(https://zwdt.sh.gov.cn/govPortals/revision/bszn/img/load.png) no-repeat center;
}
.control-btn.playbtn {
    background: url(../png/1wq78w.png) no-repeat center;
}
.control-btn.playbtn.pausebtn {
    background: url(../png/p5vq54.png) no-repeat center;
}
.control-btn.mutedbtn {
    background: url(../png/exq7mc.png) no-repeat center;
}
.control-btn.mutedbtn.muted{
    background: url(../png/z4kwzm.png) no-repeat center;
}
.control-btn.fullscreenbar {
    background: url(../png/g37mdo.png) no-repeat center;
}
video:-webkit-full-screen {
    z-index: 9 !important;
    width: 100% !important;
    height: 100% !important;
}
video::-webkit-media-controls {
    display: none !important;
}
.speed{
    color:#fff;
    position: relative;
}
.speed span{
    cursor:pointer;
}
.speed ul{
    position:absolute;
    top:-80px;
    left:-65px;
    background:rgba(0,0,0,0.4);
    width:60px;
    display:none;
}
.speed ul li{
    line-height:30px;
    text-align: center;
    cursor:pointer;
}

.voiceprogress{
    width:70px;
    background:#e6e6e6;
    height:2px;
    position:relative;
    margin-top:25px;
    margin-right:10px;
}
.voiceprogress span{
    display:inline-block;
    width:6px;
    height:6px;
    background:#e6e6e6;
    border-radius: 50%;
    position:absolute;
    left:67px;
    top:-2px;
    z-index:2;
}
.voiceprogress div{
    width:70px;
    background:#cbb486;
    height:2px;
    position: absolute;
    left:0;
}
.showallspan{
	display:block;
	color:#cbb486;
	text-align:center;
	position: absolute;
	width: 100%;
	height: 22px;
	line-height: 22px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	cursor: pointer;
}

.querySpan{
	background: #F7F4ED;
	border-radius: 4px;
	padding: 4px 8px;
	color: #cbb486;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}