/* base */
html, body, a, address, b, big, blockquote, body, center, cite, code, dd,
	del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6,
	html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span,
	strong, u, ul, var {
	margin: 0;
	padding: 0;
}

input:focus, select:focus {
	outline: 0;
}

textarea {
	padding: 0 10px;
	outline: none;
	resize: none;
}

.hide {
	display: none
}

.fl {
	float: left
}

.fr {
	float: right
}

em, b, strong, i, label {
	font-style: normal;
	/*font-weight: 100;*/
}

ul, li, ol {
	list-style: none;
}

a, a:link {
	text-decoration: none;
	font-size: 14px;
}

a:active, a:hover {
	text-decoration: none;
	color: #333;
}

a:focus {
	outline: none;
}

html {
	height: 100%;
	overflow-x:hidden;
}

body {
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	background-color: #f7f7f7;
}

/*瓒呭嚭鍑虹幇鐪佺暐鍙�*/
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*閫氱敤娓呴櫎娴姩*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

img {
	border: none;
}

body, html {
	height: 100%;
}

.container {
	padding:0;
	width: 1200px;
	margin: 0 auto;
}

.s_container {
	width: 1200px;
	margin: 0 auto;
	*zoom: 1;
	font-family: "微软雅黑", "宋体";
	/*IE/7/6*/
}

.s_container:before, .s_container:after {
	content: "";
	display: table;
	clear: both;
}

.s_container:after {
	clear: both;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.middle{
	width: 1010px;
	margin: 0 auto;
}

/* 开始 */
.big_bg{
	width: 100%;
	height: 2400px;
	background: url(../img/big_bg.png) no-repeat top;
	background-size: 100% 100%;
}
.logo_img{
	padding: 27px 0;
}
.title_box{
	text-align: center;
	padding: 2px 0;
}
.title_t{
	padding-bottom: 20px;
}
.title_box p{
	color: #fff;
	line-height: 35px;
	font-size: 20px;
	padding: 6px 0;
}
.title_box_middle{
	width: 994px;
	margin: 0 auto;
}
.title_box p.indent{
	text-indent:2em;
	text-align: left;
}
.project{
	width: 1010px;
	height: 420px;
	margin: 15px auto 60px;
	position: relative;
}
.lc{
	/* background: url(../img/lc_bg.png) no-repeat; */
}
.videoDiv{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.videoDiv video{
	/* min-width: 100%;
	min-height: 100%; */
	width: 1010px;
	height: 420px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
}
.project_box{
	width: 1010px;
	height: 420px;
	background: rgba(0,0,0,.65);
	position: absolute;
	top: 0;
	left: 0;
}
.project_con{
	width: 845px;
	margin: 0 auto;
}
.project_left{
	/* margin: 0px 0 0 124px; */
	padding-top: 40px;
	float: left;
}
.project_right{
	float: right;
	padding-top: 42px;
}
.project_logo{
	
}
.project_icon{
	padding: 24px 0 26px;
}
.project_icon li{
	text-align: center;
	display: inline-block;
	margin-right: 37px;
}
.project_icon li:last-child{
	margin-right: 0;
}
.project_icon p{
	color: #fff;
	font-size: 16px;
}
.project_btn a{
	color: #fff;
	font-size: 18px;
	line-height: 43px;
	margin-right: 40px;
	display: inline-block;
}
.project_btn_enter{
	height: 43px;
	width: 133px;
	text-align: center;
	background: #19b6fd;
	border-radius: 3px;
}
.icon_sp{
	background: url(../img/icon_sp.png) no-repeat left 11px;
	padding-left: 38px;
}
.project_icon_yy ul li{
	margin-right: 18px;
}
.project_in{
	height: 363px;
	margin-bottom: 0;
}
.project_in .videoDiv video{
	height: 363px;
}
.project_in .project_box{
	height: 363px;
}
.project_in .project_right{
	margin-right: -30px;
}
.foot_box{
	background: #292b33;
	text-align: center;
	padding: 23px 0 40px;
}
.foot_box p{
	line-height: 30px;
	color: #afb3c0;
}
.foot_box p img{
	padding-right: 4px;
	position: relative;
	top: 4px;
}