@charset "utf-8";
/*全局样式*/
* {
	margin: 0;
	padding: 0;	 
}
 
body {
	margin:0;
	padding:0;
	font-family: Microsoft YaHei;
	font-size:14px;
	/* background: #e3f2ff; */
}
 
div, dl, dt, td, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote {
	list-style: none;
	 
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color:#333;
}
i {
	font-style: normal;
}
Form, Select {
	margin: 0;
	padding: 0;
}
input, textarea {
	padding: 0px;
	resize: none;
	outline: none;
	border: 0;
}
div, h1, h2, p, Table, Tr, Td {
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font-style: normal;
}
ul li {
	vertical-align: top;
}
/*链接样式*/
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	outline: 0;
}
a:link, a:visited {
	text-decoration: none;
	vertical-align: baseline;
	word-break: break-all;
	outline: none;
}
a:hover, a:active {
	text-decoration: none;
	vertical-align: baseline;
	word-break: break-all;
	color: #005fd4;
	cursor: pointer;
}
a:hover span {
	cursor: pointer;
	text-decoration: none;
}
/* 清浮动 */
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* 浮动 */
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.rxt_l {
	text-align: left;
}
.rxt_r {
	text-align: right;
}
.rxt_c {
	text-align: center;
}
/* 要注意表单元素并不继承父级 font 的问题 */
 
/* 去除 IE6 input/button 多余的空白 */
button, input {
 *width:auto;
 *overflow:visible;
	/* 让 input 和 button 一样高 */
	line-height: normal;
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* 解决 IE6-7 图片缩放锯齿问题 */
img {
	-ms-interpolation-mode: bicubic;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 一致化 horizontal rule */
hr {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 10px;
 *color:pink;
 *filter:chroma(color=pink);
	height: 10px;
 *margin:-7px 0 2px;
}

.t-mid{
	text-align: center !important;
}

 
 
 /* 公共组件样式 */
 .tophead {
 	color: #fff;
 }
 
 .width1200,.width1170 {
 	width: 1440px;
 	margin: 0 auto;
 }
 
 .banner {
 	height: 602px;
 	text-align: left;
 }
 .banner .ban-tit{
	 position: absolute;
	 left: 0;
	 top: 212px;
 }

 
 .banner .width1200,
 .banner .width1170 {
 	position: relative;
 }
 
 .banner .logo {
 	position: absolute;
 	left: 0px;
 	top: 30px;
 }
 
 .banner .logo_sm {
 	display: none;
 }
 .banImg2{
 	margin-left: 240px;
 }
 
 .videoPop {
     position: fixed;
     z-index: 99;
     width: 920px;
     padding: 30px;
     background: #FFFFFF;
     box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .25);
     border-radius: 10px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     display: none;
 }
 
 .videoPop h4{font-size: 22px; margin: 0 0 20px 0;}
 
 .videoPop-close {
     font-size: 40px;
     color: #999;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     width: 30px;
     height: 30px;
     position: absolute;
     display: inline-block;
     right: 10px;
     top: 0px;
     cursor: pointer;
 }
 
 
 /* 响应式 */ 
 @media screen and (max-width:1510px) {
 	.width1200{
 		width: 1200px;
 	}
 	.banImg2{
	 	margin-left: 130px;
	}
 }
 
 @media screen and (max-width:1376px) {
 	.width1200{
 		width: 1000px;
 	}
 	.banner .logo{top: 50px;}
 	.banner .logo_sm{ margin-top: 200px;}
 	.banner{ height: 580px; }
	.banner .ban-tit.ban-long{
		 top: 240px;
	}
	.banner .ban-tit.ban-long img{
		width: 88%;
	}
	.banImg2{
	 	margin-left: 20px;
	}
 }
 
 
 @media screen and (min-width:300px) and (max-width:1024px) {
 	.tophead {
 		color: #fff;
 	}
 	.width1200,
 	.width1170 {
 		width: 100%;
 		margin: 0 auto;
 		padding: 0 15px;
 		box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-webkit-box-sizing: border-box;
 	}
 	.banner .logo{
 		position: relative;
 		left: auto;
 		top: auto;
 		margin: 15px 0;
 		width: 100%;
 	}
 	.banner .logo img{
 		width: 50%;
 		margin-left: 5%;
 	}
 	.banner{
 		height: auto;
 		text-align: left;
 	}
 	.banner .width1200{
 		padding: 0;
 	}
 	.banner .logo_sm,
  	.banner .textBox{
  		width: auto;
  		display: block;
  		margin: 0px;
 		overflow: hidden;
  	}
 	.banner .logo_sm img{
 		width: 100%;
 		height: auto;
 	}
	.banner .ban-tit{		 
		left: 5%;	
		top: 60%;
		transform: translateY(-50%);
	}
	.banner .ban-tit img{
		width: 70%;		
	}
	
	.banner .ban-tit.ban-long{
		 left: 5%;
		 top: 60%;
		 transform: translateY(-50%);
	}
	.banner .ban-tit.ban-long img{
		width: 70%;		
	}
 	.banImg2{
	 	margin-left: 0px;
	}
 	.icon-play{
 		width: 56px;
 		height: 56px;
 		margin: -28px 0 0 -28px;
 	} 	
 	.footbox {
 		background: #005fd4;
 		color: #fff;
 		padding: 30px 0;
 	}
 	.footlogo1 {
 		display: block;
 		text-align: center;
 		width: 100%;
 		padding-top: 20px;
 	}
 	.footboxl {
 		display: inline-block;
 		line-height: 24px;
 		width: 100%;
 	}
 	.footlogo2 {
 		display: none;
 		padding-right: 50px;
 		padding-left: 20px;
 		padding-top: 20px;
 	}
 	.footlogo3 {
 		display: none;
 		width: 150px;
 		text-align: center;
 	}
 	.footlogo3 i {
 		display: block;
 	}
 	
 	.videoPop{
 		width: 86%;
 		padding: 10px;
 	}
 }