@charset "gb2312";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body{
	width: 100%;
	height: 100%;
}
a{
	text-decoration: none;
	color: #000;
}
ul,li{
	list-style: none;
}
img{
	display: block;
}

/*banner*/
.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.banner img{
	width: 100%;
	height: auto;
}

/*导航*/
.nav{
	width: 100%;
	height: 415px;
	overflow: hidden;
	background: url(navBg.jpg) no-repeat center top;
	background-size: cover;
}
.nav_lists{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 125px;
}
.nav_list{
	width: 220px;
	height: 220px;
	border-radius: 30px;
	float: left;
	margin-right: 20px;
	cursor: pointer;
	transition: all 1s; 
	display: block;
}
.nav_list:last-of-type{
	margin-right: 0;
}
.nav_list img{
	width: 130px;
	height: 130px;
	margin: 0 auto;
	margin-top: 24px;
	transition: all 1s;
}
.nav_list p{
	font-size: 20px;
	color: #9a4725;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.nav_list:hover{
	border: 5px solid #dfe1df;
}
.nav_list:hover img{
	margin-top: 17px;
}

/*安全公开课*/
.gongkaike{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(gongkaike_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 80px;
}
.kongkaike_main{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.gongkaike_tit{
	width: 596px;
	height: 128px;
	margin: 0 auto;
	background: url(tit01.png) no-repeat;
}
.gongkaike_videoShow{
	width: 1200px;
	height: 674px;
	overflow: hidden;
	border-radius: 30px;
	margin-top: 30px;
	background: #000;
}
.gongkaike_videoShow video{
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: fill;
}
.gongkaike_video_nav{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.gongkaike_video_nav_list{
	width: 380px;
	height: 208px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.gongkaike_video_nav_list:last-of-type{
	margin-right: 0;
}
.gongkaike_video_nav_list img{
	width: 100%;
	height: 100%;
}
.gongkaike_video_nav_list span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgb(0,0,0,0.5);
	opacity: 0;
	transition: all 1s;
}
.gongkaike_video_nav_list:hover span{
	opacity: 1;
}
.gongkaike_video_nav_list i{
	width: 60px;
	height: 60px;
	background: url(play.png) no-repeat center center;
	background-size: cover;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px;
	opacity: 0;
	transition: all 1s;
}
.gongkaike_video_nav_list:hover i{
	opacity: 1;
}

/*活动进行时*/
.huodongjinxingshi{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(huodongjinxignshi_bg.jpg) center top no-repeat;
	background-size: cover;
	padding-bottom: 100px;
}
.huodongjingxingshi_tit{
	width: 596px;
	height: 128px;
	margin: 0 auto;
	background:url(tit02.png) no-repeat;
}
/*要闻*/
.m_frontPage03_box{
	width: 1200px;
	height: 354px;
	margin: 0 auto;
	margin-top: 50px;
}
.m_frontPage03_left{
	width: 570px;
	height: 100%;
	float: left;
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.m_frontPage03_left ul{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.m_frontPage03_left_top{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.m_frontPage03_left_top li{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.m_frontPage03_left_top li:nth-of-type(2){
	margin-top: 20px;
}
.m_frontPage03_left_top li>a{
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	color: #333;
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.m_frontPage03_left_top li>a:hover{
	color: #358d50;
}
.m_frontPage03_left_top li p{
	font-size: 16px;
	color: #767676;
	line-height: 24px;
	margin-top: 6px;
}
.m_frontPage03_left_top li p a{
	font-size: 16px;
	color: #358d50;
}
.m_frontPage03_left_top li p a:hover{
	color: #C40207;
}

.m_frontPage03_left_bot{
	margin-top: 20px;
}
.m_frontPage03_left_bot li{
	margin-bottom: 6px;
}
.m_frontPage03_left_bot li:last-of-type{
	margin-bottom: 0;
}
.m_frontPage03_left_bot li a{
	display: block;
	width: 100%;
	line-height: 32px;
	font-size: 20px;
	color: #333;
	text-align: left;
}
.m_frontPage03_left_bot li:hover a{
	color: #358d50;
}
.mfrontPage03_more{
	font-size: 14px;
	color: #999;
	position: absolute;
	right: 0;
	bottom: 0;
}
.mfrontPage03_more:hover{
	color:#358d50;
}
.mfrontPage03_dynImg_lr01{
	width: 590px;
	height: 100%;
	overflow: hidden;
	position: relative;
	float: right;
}
.dynImg_lr01_imgBox{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.dynImg_lr01_imgBox a{
	height: 100%;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
}
.dynImg_lr01_imgBox a img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 1s;
}
.dynImg_lr01_imgBox a:hover img{
	transform: scale(1.02);
}
.dynImg_lr01_imgBox a p{
	display: none;
}
.dynImg_lr01_textBox{
	width: 100%;
	height: 36px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(11,53,24,0.5);
}
.dynImg_lr01_iconBox{
	width: 100%;
	height: 10px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 46px;
	font-size: 0;
}
.dynImg_lr01_iconBox span{
	width: 20px;
	height: 6px;
	display: inline-block;
	background: rgba(11,53,24,0.5);
	margin:5px;
	border-radius: 50%;
	box-sizing: border-box;
	border-radius: 6px;
}
.dynImg_lr01_iconBox .mfrontPage03_iconCur{
	background: #fff;
}
.dynImg_lr01_nextPre{
	width: 100%;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	box-sizing: border-box;
	font-size: 0;
	transition: all 1s;
	opacity: 0;
}
.dynImg_lr01_nextPre span{
	width: 60px;
	height: 100%;
	display: block;
	cursor: pointer;
	transition: all 1s;
	background-size: contain;
	border-radius: 50%;
}
.dynImg_lr01_pre{
	float: left;
	margin-left: 10px;
	background: url(../images/prev.png);
}
.dynImg_lr01_next{
	float: right;
	margin-right: 10px;
	background: url(../images/next.png);
}

/*大咖说*/
.huodongjingxingshi_bot{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden;
}
.dakashuo{
	width: 588px;
	height: auto;
	overflow: hidden;
	float: left;
}
.dakashuotit{
	width: 559px;
	height: 67px;
	background: url(dakashuo_tit.png) no-repeat;
}
.dakashuo_main{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.dakashuo_main a{
	float: left;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
}
.dakashuo_main a img{
	width: 100%;
	height: 100%;
	object-fit: fill;
	transition: all 2s;
}
.dakashuo_main a:hover img{
	transform: scale(1.1);
}
.dakashuo_main a p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	font-size: 18px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dakashuo_main a:nth-child(1){
	width: 100%;
	height: 330px;
}
.dakashuo_main a:nth-child(2){
	width: 290px;
	height: 163px;
	margin-right: 8px;
	margin-top: 10px;
}
.dakashuo_main a:nth-child(3){
	width: 290px;
	height: 163px;
	margin-top: 10px;
}
.jiangzuowen{
	float: right;
}
.jiagnzuowen_tit{
	width: 578px;
	height: 67px;
	background: url(jiangzouwen_tit.png) no-repeat;
}

/*活动流程*/
.imgitem{
	width: 100%;
	background-size: cover;
	overflow: hidden;
}
.imgitem_main{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.imgitem1{
	height: 690px;
	background: url(huodongliucheng_bg.jpg) center top no-repeat;
}
.imgitem2{
	height: 907px;
	background: url(zuopinyaoqiu_bg.jpg) center top no-repeat;
}
.imgitem3{
	height: 467px;
	background: url(jiangxiangshezhi_bg.jpg) center top no-repeat;
}
.imgitem4{
	height: 721px;
	background: url(lianxiwomen_bg.jpg) center top no-repeat;
}
.imgitem_main1{
	background: url(huodongliucheng.png) no-repeat center top;
}
.imgitem_main2{
	background: url(zuopingyaoqiu.png) no-repeat;
}
.imgitem_main3{
	background: url(jiangxiangshezhi.png) no-repeat;
}
.imgitem_main4{
	background: url(lianxiwomen.png) no-repeat;
}
.foot{
	width: 100%;
	height: 230px;
	text-align: center;
	line-height: 230px;
	background: url(foot_bg.jpg) center top no-repeat;
	background-size: cover;
	font-size: 26px;
	color: #131414;
}

/*侧边栏*/
.tabbar{
	width: auto;
	height: auto;
	overflow: hidden;
	position: fixed;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.tabbar a{
	width: auto;
	display: block;
	height: 58px;
	margin: 5px 0;
	overflow: hidden;
}
.tabbar a img{
	width: 58px;
	height: 58px;
	float: right;
}
.tabbar a span{
	width: auto;
	height: 18px;
	margin-top: 20px;
	margin-right: 10px;
	float: left;
	text-align: right;
	display: none;
}
.tabbar a span img{
	height: 100%;
	width: auto;
	display: inline;
}
.tabbar a:hover span{
	display: block;
}

/*底部*/
.foot1{
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 60px;
	font-size: 0;
	margin-top: 40px;
}
.foot_top{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}
.foot_top li{
	margin: 0 5px;
	display: inline-block;
}
.foot_top li a{
	font-size: 14px;
	color: #333;
}
.foot_top li a:hover{
	text-decoration: underline;
}
.foot_top li:after{
	content: "|";
	color: #333;
	font-size: 14px;
	display: inline-block;
	margin-left: 5px;
}
.foot_top li:last-of-type:after{
	content: "";
}
.foot_bot{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
}
.foot_bot li{
	display: inline-block;
	margin: 10px;
}
.foot_bot li img{
	display: block;
	width: 132px;
	height: auto;
	border: 1px solid #D7D7D7;
}
.foot1 p{
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

@media screen and (orientation:portrait){
	#content>div{
		width: 1200px;
	}
	.tabbar{
		display: none;
	}
}