*{margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif,'Microsoft YaHei';font-size: 14px;color: #424242;}
a{text-decoration: none;}
img{vertical-align: middle;outline: none;border: none;user-select: none;}
ul,li{list-style: none;}

@font-face{font-family: 'GothamLight';src: url("./fonts/GothamLight.woff") format("woff");font-weight: normal;font-style: normal;}

@font-face{font-family: 'GothamMedium';src: url("./fonts/GothamMedium.woff") format("woff");font-weight: normal;font-style: normal;}

/* logo */
.logo{position: relative;}
.logo a{position: absolute;top: 80px;left: 100px;z-index: 100;}
.logo a img{position: absolute;}
.logo a .logo1{display: none;}
.logo a .logo2{display: inline-block;}

/* 导航  nav */
.nav{position: fixed;top: 0;right: 0;width: 100px;height: 100%;z-index: 30;}

.nav .iconNav{position: absolute;top: 80px;right: 32px;cursor: pointer;}
.iconNav span{display: block;width: 35px;height: 3px;background-color: #f2e324;}
.iconNav span:nth-child(1){margin-bottom: 10px;}
.iconNav span:nth-child(2){margin-bottom: 11px;}

.nav .nav-bgc{position: absolute;right: -255px;top: 0;width: 255px;height: 100%;background-color: #000;opacity: 0.8;filter: alpha(opacity=80);z-index: 40;}
.nav .navList{position: absolute;right: -255px;top: 0;width: 255px;height: 100%;z-index: 50;}
.navList .close-nav::before,.navList .close-nav::after{content: '';position: absolute;width: 35px;height: 3px;background-color: #f2e324;top: 94px;right: 32px;cursor: pointer;}
.navList .close-nav::before{transform: rotate(45deg);}
.navList .close-nav::after{transform: rotate(-45deg);}
.navList p{width: 73px;height: 73px;line-height: 73px;background-color: #f2e324;border-radius: 50%;margin: 80px 0 48px 112px;text-align: center;}
.navList p a{font-size: 14px;color: #231815;}
.navList ul{position: absolute;right: 70px;}
.navList ul li{margin-bottom: 23px;text-align: right;line-height: 20px;}
.navList ul li a{font-size: 18px;color: #727171;}
.navList ul .cur a{color: #f2e324;}

/* 底部  footer */
.footer{width: 100%;height: 255px;padding: 0 100px;background-color: #424242;box-sizing: border-box;}
.footer>a{display: inline-block;margin-top: 89px;}
.footer .footer-copy{margin-top: 28px;font-size: 0;}
.footer-copy p{width: 50%;font-size: 16px;color: #9fa0a0;line-height: 28px;display: inline-block;}
.footer-copy p a{font-size: 16px;color: #9fa0a0;}
.footer-copy p:last-child{padding-left: 79px;box-sizing: border-box;}

.back-top{position: fixed;right: 100px;bottom: 135px;width: 56px;height: 56px;background: url(../images/index/icon-top.png) no-repeat;z-index: 35;cursor: pointer;display: none;}