@charset "utf-8";
body {
	margin: 0px;
	font-size: 14px;
	font-family:微软雅黑 ;
	
}
ul,dl,form{margin:0px;padding:0px;}
li{list-style:none;}
img{border:0px;}
.top {
	background-color: #7B7B7B;
	line-height: 50px;
	height: 50px;
}
.top_left {
	float: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left: 10px;
}
.top_left a {
	color: #FFF;
	text-decoration: none;
}
.top_tab {
	float: right;
	color: #FFF;
	padding-right: 10px;
	font-size: 14px;
}
.top_tab a {
	color: #FFF;
	text-decoration: none;
}
.yytf {
	height: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.explain_title {
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #09F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #F4F4F4;
}
.content {
	width: 888px;
	float: left;
}
.c_title {
	line-height:70px;
	font-size: 23px;
	font-weight: bold;
}
.exp {
	line-height: 26px;
	float: left;
	padding-top: 20px;
	width: 100%;
}
.mimg a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

        /* CSS Document */
        body, h1, h2, h3, h4, h5, h6, hr, p,
        blockquote, /* structural elements 结构元素 */
        dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
        pre, /* text formatting elements 文本格式元素 */
        form, fieldset, legend, button, /* form elements 表单元素 */
        th, td, /* table elements 表格元素 */
        img {
            border: medium none;
            margin: 0;
            padding: 0;
        }


        li, ol {
            list-style: none;
            vertical-align: bottom;
        }

        em {
            font-style: normal;
        }

        img {
            vertical-align: middle;
        }

        a, input, textarea, select, option, button, .logo, #icon_num li, #icon_num_top li, .blk_29 .LeftBotton, .blk_29 .RightBotton, #cal #cm .cell, .work_lcontent img, .work_detail img, .brow img {
            cursor: pointer;
        }
		
		
		.intro ul {
			display: flex;
			border-bottom: 0px solid #333;
			
		}

		.intro li {
			position: relative;
			width:100px;
			float:left;
			padding: 20px;
			font-size: 18px;
			color: #000;
			
			transition: 0.2s all linear;
			cursor: pointer;
		}

		.intro li::before {
			content: "";
			position: absolute;
			top: 0;
			left: 100%;
			width: 0;
			height: 100%;
			border-bottom: 2px solid #000;
			transition: 0.2s all linear;
		}

		.intro li:hover::before {
			width: 100%;
			top: 0;
			left: 0;
			transition-delay: 0.1s;
			border-bottom: 2px solid #000;
			z-index: -1;
		}

		.intro li:hover ~ li::before {
			left: 0;
		}

		.intro li.active {	
			top: 2px;
			left: 0;		
			border-bottom: 2px solid red;
		}

		


        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        *html .clearfix {
            height: 1%;
        }

        * + html .clearfix {
            height: 1%;
        }

        .clearfix {
            display: inline-block;
        }
        /* Hide from IE Mac */
        .clearfix {
            display: block;
        }

        #playerlist a {
            text-decoration: none;
            outline: none;
            color: #FFF;
        }

        #a1 {
            height: 760px;
            float: left;
            position: absolute;	
			z-index:1000;
        }
        #a2, #a3 {
			width: 10px;
			height: 600px;
			float: left;
			color: #FFF;
			background-color: #000;
			line-height: 600px;
			cursor:pointer;
			
        }
        #playerlist {

            overflow: auto;
            float: left;
            font-size: 14px;	
						
        }

		#playerlist li {
			list-style: none;				
			line-height: 15px;
			font-size: 14px;
			padding-top: 15px;
			/*background-color: #fff;*/
			padding-bottom: 15px;
			border-bottom: 1px solid #efdada;	
			/*overflow: hidden;*/
			padding-left: 4px;
			cursor:pointer;
		}
		#playerlist .jiedian{			
			background-color: #9a9aab;
			border-bottom: 1px solid #efdada;			
		}

		#playerlist li:last-child {
			border-bottom: none;
		}

		#playerlist li.crent {
			background: #1C1C1C;
		}

		#playerlist li.crent a {
		   color: #FF7900;
		}

		#playerlist li a {
			display: block;
			color: #fff;
		}

		#playerlist li img {
			vertical-align: middle;	
			margin: 0 5px 0 0;
		}
		
		
		
		
		





		#playerlist::-webkit-scrollbar {
		    width: 5px;
		    background: #666;
		}
		#playerlist::-webkit-scrollbar-thumb {		   
		    border-radius: 5px;
		    background: #333;
		}



		video::-internal-media-controls-download-button { 
		display:none; 
		}

		video::-webkit-media-controls-enclosure { 
		overflow:hidden; 
		}

		video::-webkit-media-controls-panel { 
		width: calc(100% + 30px); 
		}


        -webkit-text-size-adjust: 100%;
        #video {           
            float: left;            
			z-index:1000;
        }	

        .c_title{background-color:#ebe3e3;color: rgb(212, 106, 64);font-size:20px;line-height:50px;}

        @media (min-width:1024px ) {			
           .divcenter{width:1024px;margin:auto; top: 0;left: 0;right: 0;bottom: 0;}
           #videodiv{width:80%;float:left;}
           #introdiv{width:20%;float:left;overflow:auto;background-color:#f2eeee;}
           
           #cmatcdiv{min-width:1024px;max-width:1480px;margin:auto; top: 0;left: 0;right: 0;bottom: 0;}

           #videodiv{background-color:#000;}
           .dhimg{height:12px;}
		}

		
	

		@media (max-width:1024px ) {
			.c_title{font-size: 18px;}
			.divcenter{width: 100%;}
			.dhimg{height:25px;}
			#video {width:100%;} 
			.top {display:none;}
			#videodiv{background-color:#000;position: sticky;top:0;}	
			#introdiv{background-color:#f2eeee;}		
		}