@charset "utf-8";
/* CSS Document */

/* 顶部导航
--------------------------------------------------*/
#topHeader {
	height: 45px;
	text-align: center;
	border-bottom: 1px solid #c9c9ca;
	background: #f9f7f4;
}
#topHeader .top {
	width: 1200px;
	margin: 0 auto;
	height: inherit;
}
#topHeader a {
	float: left;
	height: 45px;
	line-height: 45px;
	color: #000;
	margin: 0 12px;
	font-size: 14px;
	text-decoration: none;
}
#topHeader a:hover {
	color: #fca22c!important;
}

body{
    font: normal 14px/26px \5fae\8f6f\96c5\9ed1,\9ED1\4F53,Droid Sans,sans-serif;
	background:#fff;
	position: relative;
	margin:0;
}
.header{
    background:url(../img/bg_banner.jpg) no-repeat center top;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 1200px;
    margin: 0px auto;
}
.header .w1200{
    width: 1200px;
    height: 600px;
    position: relative;
	margin: 0 auto;
}
.header .xhwlogo { position: absolute; left:80px;  top:80px; z-index:110;}
.header .xhwlogo img{ display:block; width:120px;height:100px;}
.header .topic1{position: absolute; left:440px;  top:210px; z-index:100;}
.header .topic1 img{display:block; width:400px;height:80px;}
.header .topic2{position: absolute; right: -90px;;top: 410px; z-index:90; transform: scale(.5);}
.header .topic2 img{display:block;}
.header .topic3{position: absolute; left:645px;top: 315px; z-index:90;animation:opacity 1s 1.6s linear both;-webkit-animation:opacity 1s 1.6s linear both;}
.header .topic3 img{display:block; width:435px;height:50px;}
.header .hostTxt{position: absolute; left:120px; top:190px; width:650px; z-index:90;overflow:hidden;}
.header .hostTxt img{ display:block; width:650px;}
.header .dataTxt{position:relative; text-align:center; top:270px; left: 370px; width:750px; z-index:90;animation:opacity 1s 1.2s linear both;-webkit-animation:opacity 1s 1.2s linear both;}
.header .dataTxt img{ display:block; width:750px;}
.header .dataTxt span{ color:#fff; font-weight:500; font-size: 24px; background: #0e3692; padding: 5px 20px; border-radius: 25px; line-height: 1.8;}
.header .flower {position: absolute; left: 55px; top:150px;; width: 100%; height: 500px; z-index: 150;}

/* xhwlogo */
@-ms-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-moz-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-o-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@-webkit-keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

@keyframes xhwlogo{
	from{ filter:alpha(opacity=0); opacity:0; top:-200px; }
	to{ }
}

.header .xhwlogo{
	animation:'xhwlogo' 0.6s ease-in-out 0s normal;
	-ms-animation:'xhwlogo' 0.6s ease-in-out 0s normal;
	-moz-animation:'xhwlogo' 0.6s ease-in-out 0s normal;
	-o-animation:'xhwlogo' 0.6s ease-in-out 0s normal;
	-webkit-animation:'xhwlogo' 0.6s ease-in-out 0s normal;
}
/* xhwlogo */

@-ms-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	70%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-moz-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	70%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-o-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	70%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@-webkit-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	70%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}

@keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	70%{ filter:alpha(opacity=0); opacity:0; transform:rotateY(90deg);  }
	to{ }
}
.header .topic1{
	animation:'topic1' 1s ease-in-out 0s normal;
	-ms-animation:'topic1' 1s ease-in-out 0s normal;
	-moz-animation:'topic1' 1s ease-in-out 0s normal;
	-o-animation:'topic1' 1s ease-in-out 0s normal;
	-webkit-animation:'topic1' 1s ease-in-out 0s normal;
}



@-ms-keyframes topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-moz-keyframes topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-o-keyframes topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-webkit-keyframes topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@keyframes topic2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

.header .topic2{
	animation:'topic2' 3.2s cubic-bezier(1, 0.01, 0.49, 0.98) 0s normal;
	-ms-animation:'topic2' 3.2s cubic-bezier(1, 0.01, 0.49, 0.98) 0s normal;
	-moz-animation:'topic2' 3.2s cubic-bezier(1, 0.01, 0.49, 0.98) 0s normal;
	-o-animation:'topic2' 3.2s cubic-bezier(1, 0.01, 0.49, 0.98) 0s normal;
	-webkit-animation:'topic2' 3.2s cubic-bezier(1, 0.01, 0.49, 0.98) 0s normal;
}


/* topic3 */
@keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
/* topic3 */

/* hostTxt */
@-ms-keyframes hostTxt{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-moz-keyframes hostTxt{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-o-keyframes hostTxt{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	72%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@-webkit-keyframes hostTxt{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	100%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

@keyframes hostTxt{
	from{ filter:alpha(opacity=0); opacity:0; width:0px; }
	50%{ filter:alpha(opacity=0); opacity:0; width:0px; }
	to{ }
}

.header .hostTxt{
	animation:'hostTxt' 1.2s ease-in-out 0s normal;
	-ms-animation:'hostTxt' 1.2s ease-in-out 0s normal;
	-moz-animation:'hostTxt' 1.2s ease-in-out 0s normal;
	-o-animation:'hostTxt' 1.2s ease-in-out 0s normal;
	-webkit-animation:'hostTxt' 1.2s ease-out 0s normal;
}


@-ms-keyframes flower{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	70.5%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{  }
}

@-moz-keyframes flower{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	70.5%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{  }
}

@-o-keyframes flower{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	70.5%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{  }
}

@-webkit-keyframes flower{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	70.5%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{  }
}

@keyframes flower{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	70.5%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{  }
}

.header .flower{
	animation:'flower' 4s ease-in-out 0s normal;
	-ms-animation:'flower' 4s ease-in-out 0s normal;
	-moz-animation:'flower' 4s ease-in-out 0s normal;
	-o-animation:'flower' 4s ease-in-out 0s normal;
	-webkit-animation:'flower' 4s ease-in-out 0s normal;
}