/*头部*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

html {
	/*overflow-y: hidden;*/
}

.body {
	padding: 0;
	margin: 0;
}

.main {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.dh {
	height: 55px;
	line-height: 55px;
	padding: 3px 0;
}

.dh_ul {
	width: 1200px;
	margin: 0 auto;
}

.dh li {
	font-size: 14px;
	float: left;
	width: 171px;
	font-weight: 400;
	text-align: center;
	list-style: none;
}

.xiala_b li a {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	display：none;
}

.dh li:last-child {
	border-right: 1px solid #ffffff;
}

.dh li a:hover .xiala_b {
	color: #FFEBA1;
	display：block；
}

.sy {
	font-family: microsoft YaHei;
	color: black;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.sy:hover {
	color: #FBB172;
	border-bottom: 3px solid #FBB172;
}

.xiala a {
	font-family: microsoft YaHei;
	color: black;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.xiala {
	height: 30px;
	float: left;
	position: relative;
	display: block;
}

.xiala_b li:hover {
	background: #1a8ad5;
	color: #FFF;
	display：block；
}

.dh a:hover .xiala_b {
	background: #1a8ad5;
	color: #FFF;
	display：block；
}

.xiala:hover .xiala_b {
	display: block;
}

.dh li ul li {
	background-color: #F0F8FF;
	border: 1px solid #f1f1f1;
	z-index: 1;
	display：none;
}

.xiala_b {
	display: none;
	position: absolute;
}

.xiala_b li a {
	font-family: microsoft YaHei;
	color: black;
	font-size: 15 2px;
	/*padding: 10px 20px;*/
	display：none;
}

.xiala_b li:hover {
	background-color: #006DFD;
}

.xiala_b li a:hover {
	color: #FFFFFF;
}


/*底部*/

.footer {
	overflow-y: hidden;
	widows: 100%;
	background-color: #999999;
}

.db {
	margin: 30px 50px 20px 20px;
}

.foot_a {
	text-align: left;
	display: flex;
	margin: 0 auto;
	width: 1200px;
}

.er {
	width: 100px;
	height: 100px;
}

.ew {
	text-align: center;
	margin: 20px 0 10px 15px;
}

.oo {
	color: #FFFFFF;
	font-size: 16px;
	padding-bottom: 18px;
}


/*在线教育*/

.mq {
	width: 1200px;
	margin: 0 auto;
}

.mq h1 {
	margin-top: 50px;
	font-size: 28px;
	text-align: center;
}

.mqa {
	width: 920px;
	height: 320px;
	margin: 0 auto;
}

.wn {
	width: 1200px;
	margin: 0 auto;
}

.wna {
	display: flex;
}

.wnb {
	    width: 700px;
	font-size: 16px;
	line-height: 40px;
	text-indent: 2em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 120px 30px;
}

.wnc {
	width: 472px;
	height: 350px;
}

.bj {
	width: 1200px;
	margin: 0 auto;
}

.bja {
	display: flex;
	margin-bottom: 30px;
}

.bjb {
	width: 260px;
	height: auto;
	margin: 0 20px;
}

.bjbb {
	width: 260px;
	height: auto;
	margin: 0 20px;
}

.bjb:hover {
	box-shadow: 0px 10px 65px 15px #E5E5E5;
	border-radius: 10px;
}

.bjbb:hover {
	box-shadow: 0px 5px 10px 10px #FDD6B5;
	border-radius: 10px;
}

.bjc {
	margin: 30px 0 20px 0;
}

.bjd {
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}

.bje {
	text-align: left;
	font-size: 14px;
	margin: 0 15px;
	line-height: 30px;
	color: #747474;
}
.mj {
	text-align: center;
	font-size: 14px;
	margin: 0 15px;
	line-height: 30px;
	color: #747474;
}

.bjh {
	width: 360px;
	height: auto;
	margin: 0 20px;
}

.bjf {
	width: 360px;
	height: 225px;
}

.bjg {
	text-align: center;
	font-size: 18px;
	margin: 10px 0;
	font-weight: 550;
}


/*直播页面*/

.xiao {
	padding: 20px;
	font-size: 18px;
	color: #333333;
}

.wnd {
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	padding: 10px 30px;
	color: #333333;
	margin: 0 auto;
}
.wnd:hover{
	border-radius: 20px;
	/*box-shadow: 0px 5px 10px 10px #cccccc;*/
	box-shadow:10px 5px 10px #888888;
}
.bjj {
	width: 350px;
	height: auto;
	margin: 0 20px;
	background-color: #006DFD;
	color: #FFFFFF;
}

.bjk {
	text-align: left;
	font-size: 14px;
	margin: 0 10px;
	line-height: 30px;
}

.bjm {
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
}

.cj {
	margin: 0 auto;
	display: flex;
}

.cja {
	width: 100%;
	height: 100%;
	z-index: 100;
	border-radius: 5px;
}

.cjb {
	margin: 20px 15px;
	width: 260px;
	height: 200px;
	text-align: center;
}

.cjc {
	width: 260px;
	height: 200px;
	opacity: 0.5;
	display: none;
	border-radius: 5px;
	margin-top: -204px;
	position: absolute;
	background-color: #000000;
}

.cjb:hover .cja {
	z-index: 0;
	opacity: 0.8;
}

.cjb:hover .cjc {
	z-index: 100;
	display: block;
}

.cjb:hover .cjd {
	z-index: 101;
	display: block;
}

.cjd {
	z-index: 99;
	display: none;
	position: absolute;
	color: #FFFFFF;
	font-size: 20px;
	margin: -125px 60px 0 92px;
}

.wnz {
	width: 400px;
	height: 430px;
	margin: 30px;
}

.wns {
	width: 426px;
	height: 5px;
	padding: 10px 0 30px 0;
}

.bjz {
	width: 260px;
	height: auto;
	margin: 0 20px;
	background-color: #0F81EE;
}

.bjo {
	border-radius: 5px;
	width: 360px;
	height: auto;
	margin: 0 20px;
	background-color: #0F81EE;
	color: #FFFFFF;
}

.bjn {
	text-align: center;
	font-size: 22px;
	margin: 10px 0;
	color: #393939;
}


/*用电安全*/

.yd {
	width: 1200px;
	margin: 0 auto;
}

.yd h1 {
	margin-top: 50px;
	font-size: 28px;
	text-align: center;
}

.yda {
	display: flex;
	margin: 40px 0;
}

.yda img {
	width: 400px;
	height: 400px;
}

.ydb {
	width: 640px;
	font-size: 16px;
	line-height: 40px;
	text-indent: 2em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 120px 30px;
}

.ydd {
	width: 600px;
}

.yde {
	display: flex;
}

.yde img {
	width: 7px;
	height: 6px;
	margin: 40px 7px;
}

.ydf {
	font-weight: bold;
	font-size: 18px;
	margin: 30px 0;
}

.ydd p {
	font-size: 18px;
	margin-left: 20px;
	text-align: left;
}

.ydg {
	display: flex;
	text-align: center;
}

.ydh {
	width: 360px;
	margin: 20px;
}

.ydh img {
	width: 340px;
	height: 200px;
}

.ydh p {
	text-align: left;
	padding: 20px 20px;
	color: #808080;
}

.ydi {
	display: flex;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 130px 0 130px;
}

.ydm {
	margin: 30px auto;
	display: flex;
}


/*健身*/

.jsa {
	margin: 50px 0;
	text-align: left;
}

.jsb {
	display: flex;
	padding: 0 35px;
}

.jsc {
	margin: 0 20px;
	width: 145px;
}

.jse {
	width: 65px;
	font-size: 18px;
	color: #8D8E8E;
	margin: 80px 5px 49px 40px;
}

.jsm {
	width: 700px;
	padding: 0px 60px;
}

.jsn {
	margin: 30px 0;
	text-align: left;
	padding: 40px 50px;
	border-radius: 20px;
	box-shadow: 0px 10px 65px 15px #E5E5E5;
}

.jsd {
	width: 612px;
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 10px 10px 40px 10px;
}

.jsn p {
	padding-top: 30px;
	line-height: 30px;
}

.jsz {
	display: flex;
}

.jsv {
	color: #1978FD;
	font-size: 38px;
}


/*多级分销*/

.dja {
	margin: 0 auto;
	display: flex;
	padding-bottom: 40px;
}

.djb {
	padding-top: 63px;
	padding-right: 10px;
	text-align: center;
	margin: 0 0 0 auto;
	width: 45px;
	height: 15px;
}

.djc {
	padding-top: 63px;
	padding-left: 10px;
	margin: 0 auto 0 0;
	text-align: center;
	width: 45px;
	height: 15px;
}

.djm {
	padding: 40px 20px;
	width: 350px;
	height: auto;
	margin: 0 20px;
	border-radius: 10px;
	background-color: #0F81EE;
	color: #FFFFFF;
}

.djk {
	text-align: center;
	font-size: 14px;
	margin: 0 10px;
	line-height: 30px;
	color: #FFFFFF;
}


/*在线医疗*/

.zxa {
	display: flex;
}

.zxb {
	text-align: left;
	width: 510px;
	margin: 15px 25px;
	box-shadow: 2px 5px 10px 2px #BCBCBC;
	border-radius: 10px;
	padding: 20px;
}

.zxc {
	display: flex;
}

.zxd {
	width: 650px;
	margin: 20px 0;
}

.zxf {
	text-align: left;
	font-size: 25px;
	color: #333333;
	padding: 15px 10px;
}

.zxg {
	text-align: left;
	font-size: 17px;
	color: #767676;
	padding-left: 10px;
}

.zxm {
	width: 393px;
	height: 311px;
	border-radius: 10px;
}


/*火灾预警*/

.poa {
	text-align: center;
	color: #333333;
	font-size: 20px;
}


/*yg*/

.yg {
	margin: 0 auto;
	display: flex;
	padding: 20px 0 30px 0;
}

.ygb {
	width: 100%;
	height: 100%;
	z-index: 100;
	border-radius: 5px;
}

.yga {
	margin: 20px 15px;
	width: 260px;
	height: 200px;
	text-align: center;
}
.ygc {
	width: 260px;
	height: 200px;
	opacity: 0.5;
	display: none;
	border-radius: 5px;
	margin-top: -204px;
	position: absolute;
	background-color: #000000;
}

.yga:hover .ygb {
	z-index: 0;
	opacity: 0.8;
}

.yga:hover .ygc {
	z-index: 100;
	display: block;
}

.yga:hover .ygd {
	z-index: 101;
	display: block;
}

.ygd {
	z-index: 99;
	display: none;
	position: absolute;
	color: #FFFFFF;
	font-size: 20px;
	margin: -125px 60px 0 92px;
}

.zxbb {
	text-align: left;
	width: 335px;
	margin: 15px 25px;
	box-shadow: 2px 5px 10px 2px #BCBCBC;
	border-radius: 10px;
	padding: 20px;
}

.zxbc {
	text-align: left;
	width: 709px;
	margin: 15px 25px;
	box-shadow: 2px 5px 10px 2px #BCBCBC;
	border-radius: 10px;
	padding: 20px;
}

.bt {
	text-align: left;
	margin: 50px;
	    width: 500px;
}

.tr {
	font-size: 22px;
	margin: 50px 0;
	color: #333333;
}

.tra {
	font-size: 17px;
	line-height: 40px;
	text-indent: 2em;
	font-weight: normal;
	color: #333333;
}

.bjs {
	border-radius: 5px;
	width: 360px;
	height: auto;
	margin: 0 20px;
	color: #333333;
}

.bjs:hover {
	box-shadow: 0px 5px 10px 10px #FDD6B5;
	border-radius: 10px;
}

.zz {
	width: 650px;
	text-align: left;
	padding: 20px;
	margin: 10px 0;
}

.zz img {
	width: 7px;
	height: 6px;
	margin: 40px 7px;
}

.xx {
	font-size: 18px;
	margin: 10px 0;
}

.zz_p {
	font-size: 16px;
	margin-left: 20px;
	text-align: left;
}

.ydx {
	margin: 20px 50px;
}

.zz:hover {
	box-shadow: 0px 5px 5px 5px #E5E5E5;
	border-radius: 10px;
}

.zha {
	display: flex;
	margin: 30px 10px;
}

.zhb {
	display: flex;
	line-height: 50px;
	width: 235px;
}

.zhb img {
	width: 50px;
	height: 50px;
	margin: 0 20px 0 20px;
}

.zhc {
	margin: 0 230px;
}

.zhc p {
	margin: 20px;
	color: #333333;
	font-size: 18px;
	text-align: left;
}

.zhd {
	width: 500px;
	height: auto;
	margin: 0 52px;
}

.zhd:hover {
	box-shadow: 0px 5px 10px 10px #FDD6B5;
	border-radius: 10px;
}

.zhe {
	width: 703px;
	height: 411px;
	margin: 30px auto;
}

.zhf {
	display: flex;
}

.zhf img {
	width: 311px;
	height: 620px;
	margin: 10px 45px;
}

.mja {
	width: 486px;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 120px 30px;
}

.mjd {
	width: 380px;
	height: auto;
	margin: 0 52px;
}

.mjd:hover {
	box-shadow: 0px 5px 10px 10px #FDD6B5;
	border-radius: 10px;
}

.mjf {
	text-align: left;
	font-size: 20px;
	color: #1483EE;
	padding: 15px 10px;
}

.mjg {
	text-align: left;
	font-size: 16px;
	color: #333333;
	padding-left: 10px;
}

.mjd {
	width: 650px;
	margin: 50px 0;
}

.mjc {
	text-align: center;
	font-size: 19px;
}
.mjc img{
	margin: 3px 10px;
}

.zxb p {
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
}