*{margin:0;padding:0;}
.w1000{ width:1000px; margin:0 auto;}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
a{ text-decoration:none;color:#fff; font-size:12px;}
body{font-size:12px; font-family: "微软雅黑"; background: #0d0d0d;}

.header{ height: 96px;}
.header .logo_bg{background: url("../images/logobg.png") center top no-repeat; height: 107px; position: relative;}
.header .logo{background: url("../images/logo.png") center 20px no-repeat; width:340px; height: 94px; display: block; margin: 0 auto;}
.header .dream{background: url("../images/dream.png") center center no-repeat; height: 94px; width: 285px;position: absolute;right: -40px; top: 0px;}

.con{height: 150px;}
.con .leftimg{background: url("../images/leftimg.png") center center no-repeat; width: 335px; height: 150px; float: left;}
.con .rightimg{background: url("../images/rightimg.png") center center no-repeat; width:354px; height:90px; float: right;}
.con .rightwz{background: url("../images/rightwz.png") center center no-repeat; width: 279px; height: 130px; float: right; text-align: center; padding-top: 20px;}
.con .rightwz p{line-height: 24px;font-size: 28px; color: #fff;}
.con .rightwz h2{line-height: 24px;font-size: 24px; color: #fff;margin-top: 11px;margin-bottom:12px;}
.active{
	background: url(../images/kuang.png) no-repeat;
	background-size: 100% 100%;
}
.navs li:hover{
	background: url(../images/kuang.png) no-repeat;
	background-size: 100% 100%;
}
.cheak{
	display: flex;
	    justify-content: center;
	    position: absolute;
	    top: 24px;
	    left: 0;
	    text-align: center;
	    right: 0;
	    margin: auto;
		flex-direction: column;
		align-items: center;
}
.cheak >div{
	width: 901px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 28px 0;
	
}
@media (max-width:901px) {
	.cheak >div{
		width: 90%;
	}
}
.cheak >div >div{
	width: 242px;
	height: 77px;
	background: url(../images/ball2.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: left;
	align-items:center;
	cursor: pointer;
	
}
.cheak >div >div:hover{
	background: url(../images/ball.png) no-repeat;
	background-size: 100% 100%;
}
.first{
	width: 32%;
	font-size: 26px;
	color: #322928;
	font-weight: 600;
}
.last{
	width: 60%;
}
.last h2{
	font-size: 22px;
	color: #fffcc8;
	font-weight: 400;
	letter-spacing: 10px;
}
.last a:last-child{
	font-size: 14px;
	color: #fffcc8;
	position: relative;
	top: 10px;
}
.cheak h1{
	font-size: 28px;
	font-weight: 400;
	color: #fffcc8;
}
.link{ height: 400px; }
.link ul li{float: left; width: 250px; height: 108px;background:rgba(27,39,66,0.5) url("../images/linkbg.png")/*tpa=http://www-yh86.com/images/linkbg.png*/ no-repeat; transition:all 0.3s; margin-bottom: 10px; position:relative}
.link ul li a{ display: block;height: 108px; overflow: hidden; }
.link ul li span{ width:62px; height: 63px; margin-left: 44px; display: block; margin-top: 23px; float: left; line-height: 63px; text-align: center; font-size: 44px; color: #fff; font-family: Impact; margin-right: 20px; }
.link ul li h2{margin-top: 35px; line-height: 20px; color: #fff; font-size: 20px;}
.link ul li p{line-height:12px;color: #729bf5;font-size: 14px; font-family: Arial; position:absolute; left:125px; top:65px; width:80px; text-align:center}
.link ul li:hover{background:url("../images/linkbg1.png") no-repeat -8px -8px;}


.item{background: url("../images/itembg.png") no-repeat; height: 102px;background-position: center; }
.item ul li{float: left; width:166px; text-align: center; overflow: hidden; line-height: 42px;}
.item ul li span{display: block;background: url("../images/wxz.png") no-repeat; height: 30px; margin: 0 auto; margin-top: 21px;transition: all 0.4s;}
.item ul li a{color: #e8e9eb;font-size: 16px; transition: all 0.4s; height: 102px; display: block;overflow: hidden;}
.item ul li span.ico01{background-position: 0 -62px; width: 36px;background-size: 600px;}
.item ul li span.ico02{background-position: -224px -62px; width: 36px;background-size: 600px;}
.item ul li span.ico03{background-position: -447px -65px; width: 36px;background-size: 600px;}
.item ul li span.ico04{background-position: -563px -65px; width: 36px;background-size: 600px;}
.item ul li span.ico05{background-position: -112px -62px; width: 36px;background-size: 600px;}
.item ul li span.ico06{background-position: -337px -63px; width: 36px;background-size: 600px;}
.item ul li:hover a{ color: #fdf3b2; }
.item ul li:hover span.ico01{background-position: 0 0; width: 36px;}
.item ul li:hover span.ico02{background-position: -224px -1px; width: 36px;}
.item ul li:hover span.ico03{background-position:-447px -2.5px;; width: 36px;}
.item ul li:hover span.ico04{background-position: -563px 0px;; width: 36px;}
.item ul li:hover span.ico05{background-position: -112px 0px; width: 36px;}
.item ul li:hover span.ico06{background-position:  -337px 0;; width: 36px;}


.about{background: url("../images/aboutbg.png") center 50px no-repeat; height: 372px; overflow: hidden;}
.about .aboutcon{
	float: left;
	width: 310px;
	height: 100px;
	line-height: 24px;
	color: #FFFFFF;
	margin-top: 160px;
	margin-left: 23px;
}
.about .pinpaicon{
	float: right;
	margin-right: 0px;
	width: 326px;
	line-height: 33px;
	color: #FFFFFF;
	margin-top: 160px;
}
.about .pinpaicon span{margin-left:5px; color: #fff100; font-size: 18px; font-family: Arial; position:relative; top:2px;}

.footer{height: 72px; padding-top: 20px; text-align: center; line-height: 24px; background: #1e1e1e;}
.footer a{color: #686868; font-size: 14px; margin: 0 26px; transition: all 0.4s;}
.footer span{color: #686868;}
.footer a:hover{color: #fff100;}
.footer .copyright{text-align: center;color: #ffffff;font-size: 14px;}
.contant{
	width: 150px;
	height: auto;
	float: right;
	position: fixed;
	bottom: 100px;
	right: inherit; 
}
.pc-kf{ width:57px; height:57px; margin:auto; background:url("../images/pc-kf.png") center no-repeat; display:block;}
.pc-wx{
	width: 220px;
	height: 650px;
	margin: auto;
	background: url("../images/pc-wx.png") center no-repeat;
	display: block;
	
}