html,body{
		width: 100%;
		float:left;
	}
	html{
		font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size: 14px;
		background-color: #1C1C1C;
		color: #292929;
	}
	body{
		/*position:relative;*/
		/*min-width: 1200px;*/
		min-height: 800px;
		background: url("../images/bg-top.jpg") no-repeat top center;
		/*background: url(../images/index_bk.jpg) no-repeat top center;*/
		/*background-size: 100% auto;*/
	}
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	em,i,span{
		font-style: normal;
	}
	a{
		text-decoration:none;
		color: inherit;
	}
	a,em{
		float: left;
	}
	ul{
		width: 100%;
		float: left;
	}
	li {
		float: left;
	    list-style: none;
	}
	p{
		width: 100%;
		float: left;
	}
	._moz{
		user-select: none;-ms-user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;
	}
	._fu{
		width: 100%;
		position:relative;
		float: left;
		text-align: center;
	}
	._fu .body{
		width: 1270px;
		display: inline-block;
	}

				#_mp{
					position:relative;
					height: 0;
					min-height: 400px;
					padding: 1px;
					margin: 1px 0 0 0;
					background-color: #000000bd;
				}

					#_mp .left{
						width: 25%;
						height: 100%;
						float: left;
						background-color: #000;
						overflow: auto;
					}
					#_mp .left .a{
						padding: 8px 0;
						border-bottom:1px dashed #fc0;
						/*margin: 0 0 5px 0;*/
					}
					#_mp .left .body{
						width: 100%;
						height: calc(100% - 37px);
						padding: 10px;
						float: left;
						min-height: 300px;
						color: #fc0;
						text-align: left;
					}
					#_mp .left .a i{
						cursor:pointer;
						width: 20px;
						height: 20px;
						margin:0 5px 0 10px;
						float: left;
						display: inline-block;
						background-repeat: no-repeat;
						
					}
					#_mp .left .a em{
						color: #fc0;
					}

					#_mp .right{
						width: 25%;
						height: 100%;
						float: left;
						overflow-y: auto;
					}
					#_mp .right .zi{
						cursor:pointer;
						width: calc(50% - 10px);
						padding: 10px 0;
						margin: 0 5px 10px 5px;
						float: left;
						color: #fff;
						border:1px solid #000;
						background-color: #000;
						transition: all .3s; -webkit-transition: all .3s;
					}
					#_mp .right .zi:hover,#_mp .right .xz{
						color: #fc0;
						border:1px solid #fc0;
					}
					
				#_list{
					background-color: #00000096;
					margin: 1px 0 20px 0;
					border:1px solid #333;
				}
				#_list .dh{
					padding: 5px 5px 0 5px;
					background-color: #000000bd;
					font-size: 16px; 
					font-weight: bold;
				}
				#_list .dh li{
					color: #fff;
					padding: 15px 40px;
					margin: 0 0 0 0;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					border:1px solid #333;
					cursor:pointer;
				}
				#_list .dh li:hover{
					/*background-color: #fc0;*/
					color: #fc0;
					/*border-bottom:1px solid #fc0;*/
				}
				#_list .dh .xz{
					background-color: #545454;
					color: #fc0;
					/*border:1px solid #fc0;*/
					border-bottom:1px solid #545454;
				}

				#_list .zu{
					min-height: 691px;
					padding: 10px;
				}
				#_list .zu li{
					width: calc(25.4% - 5px);
					padding: 10px;
					margin: 0 0 15px 5px;
					overflow: hidden;
					height: 420px;
				}
				#_list .zu ._index{
					margin: 0;
				}
				#_list .zu li a{
					position:relative; 
					margin: 0 0 10px 0;
				}
				#_list .zu li a:hover .before{
					display: block;
				}
				#_list .zu li .before{
					display: none;
					position:absolute;
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 161px;
					z-index: 1;
					background-color: rgba(0,0,0,.3);
				}
				#_list .zu li a img{
					width: 100%;
					height: 172px;
				}
				#_list .zu li a p{

					color: #ff0b0b; 
					font-weight: bold; 
				}
				#_list .zu li .p{
					color: #fff;
					text-align: left;
					margin: 0 0 10px 0;
					font-weight:bold;
				}
				#_list .zu li .p em{
					float: none;
					font-weight:normal;
					color: #fc0;
				}
				#_list .zu li .o a{
					padding: 10px 20px;
					color: #fff;
					margin: 0 10px 0 0;
					border:1px solid #000;
					background-color: #de0000;
					transition: all .3s; -webkit-transition: all .3s;
				}
				#_list .zu li .o a:hover{
					color: #fc0;
					border-bottom:1px solid #fc0;
				}
				#_fujia .left{
					width: 680px;
					margin-right: 20px; 
					float: left;
				}
				#_fujia .right{
					width: calc(100% - 700px);
					float: left;
					text-align: left;
					color: #D8D7D7;
				}
				#_fujia .zu .title{
					color: #fff;
					margin: 0px;
					display: block;
					padding: 26px 0px 0px 25px;
					height: 70px;
					font-size: 18px;
					text-align: left;
					background-color: #3a3a3a;
					background-image: linear-gradient(#3a3a3a, #1e1e1e);
				}
				#_fujia .zu .body{
					width: 100%;
					clear: both;
					list-style: none;
					margin: 0px;
					padding: 10px 10px 15px 10px;
					background: black;
				}
				#_fujia .right .body{
					background-color: #424242;
					padding: 20px 15px;
				}
				#_fujia .left .body li {
					width: 100%;
					color: #fff;
					background: url(../images/li.png) no-repeat left 16px;
					line-height: 21px;
					padding: 10px 0px;
					padding-left: 13px;
				}
				#_fujia .left .body li a {
					color: #D8D7D7;
				}
				#_fujia .left .body li a:hover {
					text-decoration: none;
					color: #00CCFF;
				}
				#_fujia .left .body .news_time {
					float: right;
					color: #D8D7D7;
				}
				#_fujia .zixun{
					width: 100%;
					float: left;
					margin: 15px 0 0 0;
					text-align: left;
					color: #D8D7D7;
				}
				#_fujia .zixun .title a{
					float: right;
					font-size: 14px;
					padding: 0 15px;
					margin: 0 15px 0 0;
					cursor:pointer;
				}
				#_fujia .zixun .body{
					background-color: #424242;
				}
				#_fujia .zixun ul li{
					width: calc(20% - 15px);
					margin: 0 15px 15px 0;
					padding: 10px;
					border-radius:6px;
					cursor:pointer;
					background-color: #3a3a3a;
					border:1px solid #3a3a3a;
					transition: all .3s; -webkit-transition: all .3s;
					height: 310px;
				}
				#_fujia .zixun ul li:hover{
					border:1px solid #fc0;
				}
				#_fujia .zixun ul li:hover .a{
					color: #fc0;
				}
				#_fujia .zixun ul li img{
					width: 100%;
					float: left;
					height: 150px;
				}
				#_fujia .zixun ul li .a{
					width: calc(100% - 10px);
					transition: all .3s; -webkit-transition: all .3s;
					margin: 10px 5px;
				}
				#_fujia .zixun ul li .b{
					width: calc(100% - 10px);
					margin: 5px 5px;
				}
				#_fujia .zixun ul li .b em{
					margin: 0 10px 0 0;
					padding: 5px 10px;
					border-radius:50px;
					background-color: #000;
				}
				#_fujia .zixun ul li .c{
					width: calc(100% - 10px);
					margin: 5px 5px;
				}
				#_fujia .zixun ul li hr{
					border:1px solid rgba(37,46,57,.3);
				}
				#_logo{
					position:relative;
					height: 87px;
				}
				#_logo img{
					position:absolute;
					left: -14px;
					top: 0px;
					width: 300px;
					height: 100px;
					float: left;
					cursor:pointer;
					/*margin: 50px 0 0 0;*/
				}
				#_top{
					position:relative;
					background-image: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 46%));
				}
				#_top .dh{
					height: 72px;
					margin: 0;
					float: left;
				}
				#_top .dh .ula li{
					position:relative;
					line-height: 72px;
					padding: 0 28px;
					float: left;
					cursor:pointer;
					font-weight:bold;
					color: #fff;
					transition: all .8s; 
					-webkit-transition: all .8s;
				}
				#_top .dh .ula .xz{
					background: url(../images/nav_bg.jpeg) center center;
					color: #fff;
				}
				#_top .dh .ula li:hover{
					background: url(../images/nav_bg.jpeg) center center;
					color: #fff;
				}
				#_top .dh .ula li:hover > .ulb{
					display: block;
				}
				#_top .dh .find{
					/*float: right;*/
					position:absolute;
					right: 30px;
					margin: 15px 0 0 0;
				}
				#_top .dh .find input{
					width: 210px;
					height: 42px;
					line-height: 42px;
					margin: 0 0 0 0;
					font-size: 12px;
					color: #fff;
					border-radius: .25rem;
					outline: none;
					border: 0px;
					float: left;
					text-align: left;
					transition: all .2s;
					-webkit-transition: all .2s;

					padding: 0 10px;
					background-color: #000;
					border-radius: 8px 0px 0px 8px;
				}
				#_top .dh .find .icon{
					width: 50px;
					height: 42px;
					float: left;
					cursor:pointer;
					background-color: #000;
					border-radius: 0 8px 8px 0;
				}
				#_top .dh .find .icon:hover{
					background-color: #1A8AC8;
				}
				#_top .dh .find .icon i{
					cursor:pointer;
					width: 20px;
					height: 20px;
					margin:10px 0 0 14px;
					float: left;
					display: inline-block;
					background-repeat: no-repeat;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23ffffff' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E %3C/svg%3E");
				}
				/* ulb */
				#_top .ulb{
					display: none;
					background-color: #fff;
					position:absolute;
					min-width: 160px;
					text-align: left;
					top: 72px;
					left: 0;
					z-index: 1;
					background-image: linear-gradient(rgb(98, 98, 98), rgb(80, 80, 80));
					padding: 20px 10px 20px 10px;
				}
				#_top .ulb a{
					line-height: normal;
					font-weight:normal;
					line-height: 28px;
					padding: 3px 20px;
					white-space:nowrap;
					transition: all .3s; 
					-webkit-transition: all .3s;
				}
				#_top .ulb a:hover{
					color: #00CCFF;
				}
				#_guangbo{
					margin-top: 0px;
					height: 40px;
					line-height: 40px;
					font-size: 20px;
					color: #fc0;
					border-radius:8px;
					background-color: #00000080;
				}
				#_bottom{
					padding: 30px 0;
					color: #999;
					text-align: center;
				}
				#_bottom p{
					margin-bottom: 10px;
					float: left;
					text-align: center;
				}
				#_bottom p img{
					max-height: 50px;
				}
				#_bottom a{
					font-size: 13px;
					margin: 0 5px;
					float: none;
				}
				#_bottom a:hover{
					color: rgba(68,159,226);
				}
		#cs_box {
		    width: 120px;
		    height: 220px;
		    background: #54a7ff;
		    position: fixed;
		    right: 10px;
		    top: 300px;
		    border-radius: 10px;
		    z-index: 1000
		}

		#cs_box span {
		    color: #fff;
		    height: 20px;
		    line-height: 20px;
		    font-family: 'Arial';
		    display: block;
		}

		.cs_close {
		    position: absolute;
		    right: 10px;
		    top: 10px;
		    cursor: pointer;
		    font-size: 12px;
		}

		.cs_title {
		    font-size: 14px;
		    margin: 10px;
		    font-weight: bold;
		}

		.cs_img {
		    width: 100px;
		    height: 100px;
		    background: #fff;
		    margin: 10px;
		}

		.cs_info {
		    font-size: 12px;
		    margin: 0px 10px;
		    overflow: hidden;
		    text-align: center;
		}

		.cs_btn {
		    width: 100px;
		    height: 25px;
		    background: #333;
		    margin: 5px 10px;
		    border-radius: 5px;
		    font-size: 12px;
		    line-height: 25px;
		    color: #fff;
		    text-align: center;
		    cursor: pointer;
		}
		::-webkit-scrollbar-thumb {
background-color:#555;
height:50px;
outline-offset:-2px;
outline:2px solid #111;
-webkit-border-radius:4px;
border: 2px solid #111;
}
::-webkit-scrollbar-thumb:hover {
background-color:#222;
height:50px;
-webkit-border-radius:4px;
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color:#111;
-webkit-border-radius:0;
}