body{line-height:160%; font-size:28px; 
	
	background-color:#000;letter-spacing:1px;
	padding:0px;height: 100%;font-weight:350;-webkit-font-smoothing: antialiased;
	
	margin:0px;font-family:"myFont",Arial; }
	
	
		
::selection {
    background:blue; color:#fff;
  
}

::-moz-selection {
    background:blue; color:#fff;
    
}

::-webkit-selection {
    background:blue; color:#fff;
   
}

@font-face{
 font-family: "myFont";
  src: url('font/fzht.ttf');
}

@font-face {
  font-family: "myFont";
  src: url('font/fzht.eot');
  src: url('font/fzht.eot?#font-spider') format('embedded-opentype'),
       url("font/fzht.woff") format("woff"),
       url("font/fzht.ttf") format("truetype"),
       url("font/fzht.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px; margin:0;padding:0;border:0;outline:0;font-style:normal; font-weight:380;list-style-type:none;}
img{ border:0px;}
a{ color:#000; text-decoration:none; -webkit-transition: all 0.5s;}
a:hover{ color:blue; text-decoration: none; -webkit-transition: all 0.5s;}


.tu{width:100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.tu a{display: inline-block; width: 100%;opacity: 0.8;}
.tu img{ width:100%;height:100%;object-fit: cover;float:left;}
.tu span { color:#FFF; position:fixed;left:20px; top:20px; width:80%; font-family:Arial, Helvetica, sans-serif;}
.tu span h2{font-size:75px; line-height:90px;font-weight:500;}

.footer{ width:100%; overflow:hidden; color:#fff; position:fixed; left:0px; bottom:0px;}
.footer_l{ width:60%; padding:20px; text-align:left; float:left;}
.footer_l ul li{float: left;margin-right:20px;}
.footer_r{ text-align:right;  padding:20px;position: fixed;width: 16%;
    right: 10px;
    bottom: 10px;} 
.footer_r img{ width:100%;}

@media screen and (max-width:1950px) {
    .tu span h2{font-size:65px; line-height:80px;}

    body{font-size:24px;}
    
}


@media screen and (max-width:1680px) {
    
    body{font-size:21px;}
     .tu span h2{font-size:60px; line-height:75px;}
    
}
@media screen and (max-width:1480px) {
    
     .tu span h2{font-size:55px; line-height:70px;}
    
}

@media screen and (max-width:1200px) {
body{font-size:18px;}
    
     .tu span h2{font-size:45px; line-height:60px;}
       .footer_r {
    width: 20%;
}

.tu a{width:inherit;}
.tu img{ height:100%; width:inherit;}


}
@media screen and (max-width:1080px) {
  .footer_l ul li{ width:100%;text-align:left;}  
  body{font-size:16px;}
     .tu span h2{font-size:40px; line-height:55px;}
 
}
@media screen and (max-width:800px) {
    
       .tu span h2{font-size:35px; line-height:50px;}
body{ font-size:14px;}
html{height: 100%;}
.tu span {  font-size:12vw; line-height:13vw;left:10px; top:10px;}
.tu span h2{font-size:2rem; line-height:2.7rem;}
	.tu a{height:auto;width: auto;}
.footer_l{padding:10px;line-height:21px;}
.footer_r{ padding:10px; width: 50%;}

.footer_r img{ width:160px;}
	
	
}

@media screen and (max-width:500px) {
   
.footer_l{ width:40%;}
.tu span {  font-size:60px; line-height:70px;}
 

}