* { padding: 0; margin: 0; -moz-box-sizing: border-box; /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }
@font-face {
    font-family: 'PingFang Heavy';
    src: url('../fonts/PingFang Heavy.ttf') format('truetype');
}
@font-face {
    font-family: 'PingFang Medium';
    src: url('../fonts/PingFang Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir LT 45 Book';
    src: url('../fonts/Avenir LT 45 Book.ttf') format('truetype');
}
@font-face {
    font-family: 'Avenir LT 95 Black';
    src: url('../fonts/Avenir LT 95 Black.ttf') format('truetype');
}
html { font-size: 16px; width: 100%; }
body {
    font-family: 'PingFang Medium','Microsoft YaHei';
    margin: auto;
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.overflowHid { position: absolute; height: 100%; overflow: hidden; }
.engTitle{font-family: 'Avenir LT 45 Book' !important;}

h1, h2, h3, h4, h5 { font-weight: normal; }
/*.specialFont{font-family:'PingFang-Regular';}*/
input, button, select, textarea { outline: none; }
p { line-height: 150%;font-size:1.125rem }
img { border: none; }
a { color: #fff; text-decoration: none; font-weight: normal; }

ul, li { list-style: none; padding: 0; margin: 0; }
.li { list-style-type: none; }
.clear { clear: both; width: 0; height: 0; }
.clearfix { display: inline-table; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.img-responsive { max-width: 100%; height: auto; display: block; }

input::-webkit-input-placeholder { color: #5c5c5c; }
　input:-moz-placeholder { color: #5c5c5c; }
　input::-moz-placeholder { color: #5c5c5c; }
　　input:-ms-input-placeholder { color: #5c5c5c; }

.show-from-left, .show-delay-from-left { opacity: 0; -o-transform: translateX(-500px); -webkit-transform: translateX(-500px); transform: translateX(-500px); }
.show-from-right, .show-delay-from-right { opacity: 0; -o-transform: translateX(500px); -webkit-transform: translateX(500px); transform: translateX(500px); }
.show-from-bottom, .show-delay-from-bottom { opacity: 0; -o-transform: translateY(500px); -webkit-transform: translateY(500px); transform: translateY(500px); }
.show-from-top, .show-delay-from-top, .show-delay-fade-in { opacity: 0; }
.mask { width: 100%; height: 100%; background: #000; position: fixed; z-index: 100; }

@keyframes line-link {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-webkit-keyframes line-link /*Safari and Chrome*/
{
    0% { width: 0%; }
    100% { width: 100%; }
}


/*不同浏览器分辨率*/

@media screen and (max-width:1920px) {
    html { font-size:90%; }
}

@media screen and (max-width:1680px) {
    html { font-size:80%; }
}

@media screen and (max-width:1366px) {
    html { font-size: 75.375%; }
}

@media screen and (max-width:1280px) {
    html { font-size: 62.5%; }
  .men-menu { display: none; }
}

@media screen and (max-width:1024px) {
    html { font-size: 62.5%; }
}