@import url(design.css);
@import url(animate.css);

html, body { margin: 0;padding: 0; height: 100%; }
html { font-size: 62.5%; }
body { font-size: 1.6rem; -moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background-color: hsla(0,0%,100%,1); color: hsla(0,0%,0%,1); }

img { border: none; vertical-align: bottom }
a { color: hsla(0,0%,0%,1.00); text-decoration: none }
a { word-break: break-all; }

.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

.phj img { width: 100% ; padding: 0; height: auto }
.txl { text-align: left; }
.txr { text-align: right; }
.txc { text-align: center; }
.txj { text-align: justify; }

.eng { } 
.rela { position: relative}
.abso { position: absolute; z-index: 1 }
.haimen { z-index: -1 }

.wrap{ position: relative; height: 100%; width: 100%; }
hr { height: 1px; border: 0; background-color: #ccc; margin: 0 0; }

footer { text-align: center; }
footer .footer-box { padding: 50px 0 }
footer .eng { display: none; }
body#home footer { padding: 20px 0 20px; }
.tng { display: inline-block; width: 250px; background-color: hsla(0,0%,100%,.15); margin: 0 5px 5px 0 ; text-align: center; padding: 2px 0; }

.linebox { height: 1px;  }
.bgtxtbox { text-align:justify; }

a.bt1 { display: block; top: 10px; right: 10px; width: 50px; height: 50px; padding: 0; background-color: hsla(0,0%,0%,.2) }
a:hover.bt1 { background-color: hsla(0,0%,0%,0,.5);  }

.arrow1 {
display: block;
margin: 15px 0 0 12px;
width: 15px;
height: 15px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a{
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}