@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin:0;	padding:0;	border:0;}

@media(min-width:899px) {
body,html{margin:0px; background:#000;font-size: 14px;color:#414042; overflow:hidden; line-height: 24px; width:100%; height:100%;font-family: "微软雅黑";}
a {text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}

#home{ width:100%; overflow:hidden; height:100%;}
#home ul li{ width:25%; height:100vh;float:left; overflow:hidden;transition:all 0.5s;}
#home ul li .con{ position:absolute; z-index:1; color:#fff; text-align:left; width:25%; border-right:solid 1px #fff; height:100vh;transition:all 0.5s;}
#home ul li .con h2{ margin-top:5vh; margin-left:3vw; font-size:32px; font-weight:500;}

#home ul li .con p{ padding:0 8vw; font-size:16px; line-height:24px; margin-top:4vh; display:none;}
#home ul li .con p a{ width:120px; line-height:36px; background:#be8b54; color:#fff; display:block; margin:0 auto; border-radius:30px; font-size:14px;}
#home ul li .con p a:hover{ background:#fff; color:#be8b54;}


#home ul li .di{ overflow:hidden; height:100vh; opacity:1;}
#home ul li .di img{ height:100%;}

}
@media(max-width:899px) {
body,html{margin:0px; background:#000;font-size: 14px;color:#414042; overflow:inherit; line-height: 24px; width:100%; height:auto;font-family: "微软雅黑";}
a {text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}

#home{ width:100%; overflow:hidden; height:auto;}
#home ul li{ width:100%; height:auto;float:left; overflow:hidden;transition:all 0.5s; border-bottom:solid 1px #fff;}

#home ul li .con{ position:absolute; z-index:1; color:#fff; text-align:left; width:100%; border-right:solid 0px #fff; height:auto;transition:all 0.5s;}
#home ul li .con h2{ margin-top:5vh; margin-left:5vw; font-size:32px; font-weight:500;}
#home ul li .con img{ width:2rem;}
#home ul li:nth-child(3) .con img{ width:4rem;}

#home ul li .con p{ padding:0 8vw; font-size:16px; line-height:24px; margin-top:4vh; display:none;}
#home ul li .con p a{ width:120px; line-height:36px; background:#be8b54; color:#fff; display:block; margin:0 auto; border-radius:30px; font-size:14px;}
#home ul li .con p a:hover{ background:#fff; color:#be8b54;}

#home ul li .di{ overflow:hidden; height:auto; width:100%; opacity:1;}
#home ul li .di img{ height:auto; width:100%;}

}