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{ padding:0; margin:0;  font-family:"微软雅黑","黑体";}
ul,li,ol{list-style:none;}
body,html{ background:#fff;}
img{ border:none;}
a{text-decoration:none; }
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}
@font-face{ 
font-family:"Whitestone"; src:url(../font/Whitestone.otf);}
@font-face{font-family:"pirulen"; src:url(../font/pirulen.ttf);}
@font-face{font-family:"fangzhenglanting GBK"; src:url(../font/fangzhenglanting GBK.TTF);}
@font-face{font-family:"impact"; src:url(../font/impact.ttf);}
@font-face{}
@font-face{font-family:"HYTieXianHeiJ"; src:url(../font/HYTieXianHeiJ.ttf);}

.ye-logo{ position:fixed; z-index:9; top:30px; left:15px;}
.ye-con{ width:100%; height:100%; position: fixed; overflow: hidden; background-color: #000;}
.ye-con li{ float:left;}
.ye-con-a{ width:20%; height:100%; background:url(../images/ye-con-a-bg.jpg) no-repeat top left; position:relative;}

.ye-con-zi{ width:100%; height:100%; background:rgba(0,0,0,0.7); color:#FFF; text-align:center; text-transform:uppercase; position:absolute;}
hgroup{ position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-70px;}
p{ font-size:30px; font-family:"impact";}
i{ display:block; margin:10px auto 10px auto; height:1px; width:141px; background:#FFF;}
span{ float-size:12px; letter-spacing:6px; line-height:50px;}



.ye-con-b{ width:20%; height:100%; background:url(../images/ye-con-b-bg.jpg) no-repeat top left; position:relative;}








.ye-con-c{ width:20%; height:100%; background:url(../images/ye-con-c-bg.jpg) no-repeat top left; position:relative;}



.ye-con-d{ width:20%; height:100%; background:url(../images/ye-con-d-bg.jpg) no-repeat top left; position:relative;}



.ye-con-e{ width:20%; height:100%; background:url(../images/ye-con-e-bg.jpg) no-repeat top left; position:relative;}

.ye-con li:hover{ background-position:top center; transition:0.5s;}

.ye-con li:nth-child(1):hover .ye-con-zi{ top:100%;}
.ye-con li:nth-child(2):hover .ye-con-zi{ bottom:100%;}
.ye-con li:nth-child(3):hover .ye-con-zi{ top:100%;}
.ye-con li:nth-child(4):hover .ye-con-zi{ bottom:100%;}
.ye-con li:nth-child(5):hover .ye-con-zi{ top:100%;}


.ye-con li:nth-child(1) .ye-con-zi{ top:0; transition:0.5s;}
.ye-con li:nth-child(2) .ye-con-zi{ bottom:0; transition:1s;}
.ye-con li:nth-child(3) .ye-con-zi{ top:0; transition:0.5s;}
.ye-con li:nth-child(4) .ye-con-zi{ bottom:0; transition:0.5s;}
.ye-con li:nth-child(5) .ye-con-zi{ bottom:0; top:0; transition:0.5s;}