/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
table{border-collapse:collapse;border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:''}
abbr,acronym{border:0;}
a{ text-decoration:none;}
body{ font-size:12px; font-family: 'STHeiti','Heiti-SC',Microsoft yahei;background-color: #fff;  color:#4C3C38; line-height:1.8; min-width: 1000px;overflow-x: auto;*overflow-x: hidden;}
body a{color:#666666;outline:none;blr:expression(this.onFocus=this.blur()); cursor:pointer;}
body input,body select{outline:none;blr:expression(this.onFocus=this.blur());}
* {margin: 0;padding: 0;}
/* 文字排版 */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:16px;}
/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:inline;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
.clearfix{display:block;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1}
.none{display:none;}
/*字体颜色*/
.font_red{
	color:#e60012;
}
.font_orange{
	color:#eb781f;
}
.font_purple{
	color:#db147f;
}
body { 
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; 
} 

/*导航栏*/
#header{background-color: #fff}
#headline{
	position: absolute;
	bottom: 0;
	width: 0%;
	height: 1px;
	left: 0;
	right: 0;
	background-color: #e60012;
	margin: 0 auto;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s;
}
.line #headline{
	width:100%;
}
#header li{
	cursor: pointer;
}
#head_search{
	width:19px;
	height:17px;
	position: relative;
}
#head_search input{
	height: 28px;
	line-height: 28px;
	width:0px;
	padding-left: 5px;
	padding-right: 25px;
	position: absolute;
	background-color: #fff;
	right:-5px;
	top: -3px;
	border:#ec404d solid 0px;
	font-size: 18px;
	visibility: hidden;
}
#head_search .head_search_hover{
	width:300px;
	border:#ec404d solid 1px;
	visibility: visible;
	transition: all 0.8s;
	-moz-transition: all 0.8s; /* Firefox 4 */
	-webkit-transition: all 0.8s; /* Safari 和 Chrome */
	-o-transition: all 0.8s;
}
#head_search img,#head_search span{
	position: absolute;	
	right:0px;
	top:4px;
	height: 16px;
}
#head_lan{
	font-size: 18px;
	color: #e60012;
}
#head_nav img{
	float:right;
	height: 16px;
	margin-top: 4px;
	display: none;
}
#head_nav div{
	float:left;
	margin-right:0px;
	margin-top: -5px;
	*margin-top: -23px;
	width:0px;
	opacity: 0;
	overflow:hidden;
}
#head_nav{
	*width:530px;
}
#head_nav .head_nav_hover, #head_nav div{
	width:700px;
	opacity: 1;
	text-align:right;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s;
}
#head_nav div a{
	display: inline-block;
	padding: 8px 14px;
	font-size: 14px;
}
#head_nav div a:hover{
	color:#e60012;
	border-radius: 10px;
}
.video_cover{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.video_box{
	width: 100%;
	height:100%;
}
.video_box_top video{
	margin-top: -60px;
}
.video_box_bottom video{
	margin-top: -40px;
}
@media screen and (max-width: 1600px){
	.video_box_top video{
		margin-top: -40px;
	}
	.video_box_bottom video{
		margin-top: -30px;
	}
}
@media screen and (max-width: 1279px){
	.video_box_top video{
		margin-top: -35px;
	}
	.video_box_bottom video{
		margin-top: -15px;
	}
}
.video_box #vedio{
	width: 100%;
	height:100%;
}


/* 重构样式 */
.row_3_1{
	width: 33.329%
}
.row_3_2{
	width: 66.66%
}
/* cooperate */
#cooperate_container{
	width: 100%;
}
#cooperate_container .list_item{
	float: left;
	background: #000;
	position: relative;
	overflow: hidden;
}
#cooperate_container .list_item .bg{
	width: 100%;
	height: 100%;
}
#cooperate_container .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	opacity: 1;
	-webkit-transition:opacity .5s;
}
#cooperate_container .logo{
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 43%;
	width: 94%;
}
#cooperate_container .row_3_2 .logo{
	width: 47%;
}
#cooperate_container span{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 1.8;
	top: 81%;
	display: none;
}
#cooperate_container .phone{
	top: 75%;
}
#cooperate_container .SD_cover{
	background-color: #ffb400;
	background-color: rgba(255,180,0,.8);
}
#cooperate_container .IF_cover{
	background-color: #ff008e;
	background-color: rgba(255,0,142,.8);
}
#cooperate_container .ER_cover{
	background-color: #bb01a7;
	background-color: rgba(187,1,167,.8);
}
#cooperate_container .OP_cover{
	background-color: #ff6000;
	background-color: rgba(255,96,0,.8);
}
#cooperate_container .OD_cover{
	background-color: #ffd200;
	background-color: rgba(255,210,0,.8);
}
#cooperate_container .NA_cover{
	background-color: #ff0000;
	background-color: rgba(255,0,0,.75);
}
#cooperate_container .AV_cover{
	background-color: #007bbb;
	background-color: rgba(0,123,187,.8);
}
#cooperate_container .EM_cover{
	background-color: #004ba5;
	background-color: rgba(0,75,165,.8);
}
@media screen and (max-width: 1440px){
	#cooperate_container span{
		font-size: 16px;
	}
}

@media screen and (max-width: 640px){
	.row_3_1{
		width: 100%;
	}
	.row_3_2{
		width: 100%;
	}
	#cooperate_container .cover{
		display: block;
	}
	#cooperate_container .row_3_2 img.bg{
		width: 200%;
		margin-left: -50%;
	}
	#cooperate_container .row_3_2.last{
		width: 100%;
	}
	#cooperate_container .row_3_2.last img.bg{
		width: 100%;
		margin-left: 0;
	}
	#cooperate_container span{
		top: 80%;
	}
	#cooperate_container .phone{
		top: 72%;
	}
	#cooperate_container span{
		font-size: 12px;
	}
	#cooperate_container .row_3_2 img.logo{
		width: 100%;
	}
	#cooperate_container .row_3_2.last img.logo{
		width: 50%;
	}
	#head_nav img{
		display: block;
	}
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}