/* 侧边悬浮导航 */

.right_nav{ 
	right:0; 
	top:50%; 
	transform: translate(0,-50%);
	position:fixed; 
	text-align:left;
	/*overflow: hidden;*/
	overflow: visible!important;
	z-index:999;
}

.right_nav li{background:#3d9438;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}

.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}

.right_nav li img{width: 30px;height:30px;}

.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}

.right_nav li:hover{background: #32892c}

.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}

.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #3d9438;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #3d9438;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}

.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}

.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}

.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}

.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}

.right_nav li .hideBox .hb .qqtalk p{

    font-size: 14px;

    font-weight: 400;

    white-space: nowrap;

    margin: 0;

    margin-left: 5px;

    line-height: 27.5px;

}

.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.reveal-modal-bg { 
				position: fixed!important; 
				/*height: 100%; */
				height: 100vh;
				/*width: 100%; */
				width: 100vw;
				z-index: 100; 
				display: none; 
				/*top: 0; */
				/*left: 0;*/
				right: 0;
				bottom: 0;
				background:rgba(00, 00, 00, 0.8) 
			}		
			.reveal-modal { 
				visibility: hidden; 
				/*top: 150px; 
				left: 50%; */
				top: 40vh!important;
    			left: 50vw;
				margin-left: -260px; 
				width: 520px; 
				position: fixed; 
				z-index: 101; 
				padding: 30px 40px 34px; 
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				border-radius: 5px; 
				-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
				-box-shadow: 0 0 10px rgba(0,0,0,.4); 
				background-color: #FFF; 		
			}			
			.reveal-modal.small{ 
				width: 200px; 
				margin-left: -140px;
			}	
			.reveal-modal.medium{ 
				width: 400px; 
				margin-left: -240px;
			}	
			.reveal-modal.large{ 
				width: 600px; 
				margin-left: -340px;
			}	
			.reveal-modal.xlarge{ 
				width: 800px; 
				margin-left: -440px;
			}
			.reveal-modal .close-reveal-modal { 
				font-size: 22px; 
				line-height: 0.5; 
				position: absolute; 
				top: 8px; 
				right: 11px; 
				color: #333; 
				text-shadow: 0 -1px 1px rgba(0,0,0,.6); 
				font-weight: bold; 
				cursor: pointer;
			} 



.about_page ul li .txt .c{
	color: #333; 
}
.about2b_play{
	z-index: 99
}


@media(max-width: 768px){
	.reveal-modal{
		width: 95%;
		margin-left: -48%;
	}
}