@charset "utf-8";
*{padding:0;margin:0;border:0;}
ul,ol,li{list-style:none;}
input:focus,button:focus{outline:0;}
img{border:0;vertical-align:top;}
var,em{font-weight:normal;font-style:normal;}
html,body{font-family:'Microsoft YaHei',Arial,sans-serif;font-size:14px;color:#333;}
a{color:#333;text-decoration:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'';overflow:hidden;width:100%;height:0px;font-size:0px;display:block;clear:both;}
.m_mob{display: none;}
.m_l_main{float: left;}
.m_r_main{float: right;}
.m_banner{width: 1200px; margin-top: 5%; margin-bottom: 3%; text-align: center; margin-left: auto; margin-right: auto; text-align: left; position: relative;}
.m_banner a{position: absolute; right: 0; top: 33px;}
.g_bdw,.g_page1,.g_page2,.g_page3,.g_page4,.g_page5,.g_page6{width: 100%; height: 100%;}
.m_header{position: relative; width: 1200px; margin-left: auto; margin-right: auto; margin-top: 10%;}
.m_h_img{position: absolute; top: 166px; left: 77px; height: 0;}
.m_h_img img{opacity: 0;}
.m_webBan{display: none;}
.m_1200{width: 1200px; margin-left: auto; margin-right: auto; position: relative;}
html, body {
	position: relative;
	height: 100%;
	width: 100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: url(../images/page.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;
}


.m_slide1{background: url(../images/page1.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}

.m_tips{position: absolute; bottom: 2%; text-align: center; width: 300px; left: 50%; margin-left: -150px;}
.m_tips p{margin-top: 5%; color: #fff; font-size: 22px;}


/*新职业新故事*/
.g_page2{background: url(../images/page2.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}
.g_page2 ul li{float: left; margin-left: -211px; overflow: hidden;}
.g_page2 ul li .m_wrap{background: url(../images/blockBg.png) no-repeat; width: 458px; height: 658px; overflow: hidden; transition: transform 1s ease;}
.g_page2 ul li:first-child{margin-left: 0;}
.g_page2 .m_textWrap{width: 345px; margin-left: auto; margin-right: auto; margin-top: 35px;}
.g_page2 .m_textWrap img{width: 117px; height: 154px; float: left;}
.g_page2 .m_texts{float: left; margin-left: 20px; margin-top: 40px; font-weight: bold; color: #000;}
.g_page2 .m_texts .m_name{font-size: 30px;}
.g_page2 .m_texts .m_zw{font-size: 20px; margin-top: 15px;}

.g_page2 .m_peos,.g_page2 .m_works{margin-top: 25px; font-size: 20px; line-height: 38px;}
.g_page2 .m_peos .m_p1,.g_page2 .m_works .m_p1{border-bottom: 2px dotted #000; margin-bottom: 10px;}
.g_page2 ul li:hover .m_wrap{transform: scale(1.1);}


/* 专家谈 */
.g_page3{background: url(../images/page3.jpg) center no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}
.m_videoWrap{background:url(../images/videoBg.png) no-repeat; width: 1228px; height: 728px;}
.gmwvideo{width: 1060px; height: 596px; margin-right: auto; margin-left: auto;}
.m_1228{width: 1228px; margin-left: auto; margin-right: auto;}
.g_page3 .m_imgTitle{background: url(../images/titleBg.png) no-repeat; margin-left: -10px; width: 1088px; height: 123px; line-height: 123px; text-align: center; font-size: 26px;}
.gmwvideo img{display:block; width:1060px; height:596px; margin-right: auto; margin-left: auto;}