*{margin: 0;padding: 0;font-family: '微软雅黑','Microsoft YaHei';}
img{vertical-align: middle;border: none;}
a{text-decoration: none;}
ul,li{list-style: none;}
body{width: 100%;overflow-x: hidden;}

.left{float: left;}
.right{float: right;}
.clearfix::after{content: '.';clear: both;display: block;height: 0;visibility: hidden;font-size: 0;line-height: 0;}

/* 字体引入 */
@font-face {
  font-family: 'FounderBigBlack';
  src: url('./fonts/FZDHTFW_0.TTF');
}
@font-face {
  font-family: 'FounderSuperThick';
  src: url('./fonts/FZCCHJW_0.TTF');
}
@font-face {
  font-family: 'jiugongge';
  src: url('./fonts/jiugongge.ttf');
}
@font-face {
  font-family: 'coolLooseStyle';
  src: url('./fonts/coolLooseStyle.ttf');
}
@font-face {
  font-family: 'KaufmannBT';
  src: url('./fonts/tt0726m_.ttf');
}
@font-face {
  font-family: 'HuaKangLi';
  src: url('./fonts/HuaKangLi.ttc');
}

/* 加载动画 */
#preloader{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;z-index: 99999;}
#status{position: absolute;width: 260px;height: 140px;top: 50%;left: 50%;margin: -70px 0 0 -130px;}

#status svg{width: 260px;}
#status path {stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: dash 2s linear 1s infinite;}

@keyframes dash {
  0% {stroke-width: 1pt;stroke-dashoffset: 1000;fill-opacity: 0;}
  50% {fill-opacity: 0;}
  100% {stroke-dashoffset: 0;fill-opacity: 1;stroke-width: 0pt;}
}

/* 导航 */
.nav{width: 100%;height: 118px;line-height: 118px;background-color: #7d0000;position: fixed;top: 0;left:0;z-index: 100;}
.nav .nav-container{width: 1240px;margin: 0 auto;height: 100%;position: relative;}
.nav-container .logo{height: 100%;display: table;}
.nav-container .logo a{display: table-cell;vertical-align: middle;}
.nav-container .nav-list{overflow: hidden;font-size: 24px;font-weight: lighter;}
.nav .nav-item{position: relative;}
.nav-item img{display: none;}
.nav-list .nav-item a{color: #b6b6b6;}
.nav-item.active::after{content: '';position: absolute;width: 0;height: 0;border: 7.5px solid #fff;border-top-width: 13px;border-bottom-width: 13px;border-color: transparent transparent #fff;bottom: 0;left: 16.5px;}
.nav-item.active a{font-weight: bold;color: #fff;}
.nav-item span{color: #b6b6b6;margin: 0 27px;}
.nav-item:last-child span{display: none;}
.nav-item a:hover{color: #fff;font-weight: bold;}
.nav-container .menu{position: absolute;width: 20px;height: 20px;right: 0;top: 50%;margin-top: -10px;display: none;cursor: pointer;}
.menu span{display: block;height: 1px;background-color: #fff;position: relative;top: 0;transition: transform .3s ease-in-out, top .3s ease-in-out .3s;}
.menu span:nth-child(2){margin: 8.5px 0;transition: opacity .3s ease-in-out .6s;}
.menu.active span:nth-child(1){top: 9.5px;transform: rotate(45deg);transition: top .3s ease-in-out, transform .3s ease-in-out .3s;}
.menu.active span:nth-child(2){opacity: 0;margin: 8.5px 0;transition: opacity .3s ease-in-out .3s;}
.menu.active span:nth-child(3){top: -9.5px;transform: rotate(-45deg);transition: top .3s ease-in-out, transform .3s ease-in-out .3s;}

/* 动态、态度、报价 */
.rest{width: 100%;position: relative;z-index: 2;background-color: #000;}
.rest .rest-container{width: 100%;}
.rest-container .rest-content{position: sticky;position: -webkit-sticky;width: 100%;height: 100vh;top: 0;overflow: hidden;}
.rest-content .rest-video{display: block;margin: 0 auto;width: 100%;}
  /* 动态 */
.rest .dynamic{width: 100%;padding: 130px 0 30px;text-align: center;background-color: #eee;position: relative;z-index: 5;}
.dynamic .dynamic-zh a{display: inline-block;font-size: 58px;font-weight: lighter;color: #000;line-height: 1.1724;}
.dynamic-zh .dynamic-en{font-size: 36px;}
.dynamic .dynamic-list{font-size: 0;margin-top: 70px;}
.dynamic-list .dynamic-item{display: inline-block;width: 352px;margin-right: 10px;transition: .5s;position: relative;}
.dynamic-item:last-child{margin-right: 0;}
.dynamic-item .dynamic-img{display: block;width: 100%;background-color: #eee;}
.dynamic-img img{width: 100%;mix-blend-mode: luminosity;transition: .5s;}
.dynamic-item:hover .dynamic-img img{mix-blend-mode: normal;}
.dynamic-item .dynamic-info{position: relative;width: 100%;height: 149px;background-color: #a0a0a0;padding: 13px 10px;box-sizing: border-box;text-align: right;transition: .5s;z-index: 3;}
.dynamic-info::before{content: '';position: absolute;width: 0;height: 100%;top: 0;left: 0;background-color: #626262;transition: .5s;z-index: 5;}
.dynamic-info .dynamic-title{display: block;font-size: 18px;font-weight: bold;line-height: 30px;text-align: left;color: #fff;margin-bottom: 10px;position: relative;z-index: 5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dynamic-info .dynamic-tex{display: block;font-size: 16px;font-weight: lighter;line-height: 30px;text-align: left;color: #fff;height: 60px;overflow: hidden;position: relative;z-index: 5;}
.dynamic-info .dynamic-time{font-size: 16px;font-weight: lighter;line-height: 30px;color: #fff;position: relative;z-index: 5;}
.dynamic-item:hover .dynamic-info::before{width: 100%;}
.dynamic-item:hover{transform: translate(0,-17px);}
.dynamic-item .dynamic-shadow{position: absolute;width: 100%;top: calc(100% - 35px);left: 0;opacity: 0;transition: .5s;z-index: 2;}
.dynamic-item:hover .dynamic-shadow{opacity: 1;}
.dynamic .more{display: inline-block;font-size: 36px;font-weight: lighter;color: #000;margin-top: 21px;}

  /* 态度 */
.rest .attitude{margin-top: 358px;text-align: center;position: relative;z-index: 5;}
.attitude .attitude-img{margin-bottom: 50px;}
.attitude .attitude-tex{width: 980px;margin: 0 auto;font-size: 18px;line-height: 30px;font-weight: lighter;color: #fff;text-align: left;text-indent: 2em;}
.attitude .attitude-tex:nth-of-type(2){padding-bottom: 245px;}
  /* 报价 */
.rest .quote{width: 100%;background-color: #745627;position: relative;z-index: 5;}
.quote .quote-container{width: 980px;margin: 0 auto;padding: 80px 0 50px;position: relative;overflow: hidden;}
.quote-container .quote-container-left{width: 72.3%;}
.quote-container-left p{font-size: 18px;color: #fff;line-height: 30px;font-weight: lighter;}
.quote-container-left p .text-right{display: inline-block;width: 270px;text-align: right;}
.quote-container-left p .color{color: #f00;}
.quote-container-left p input{background: none;outline: none;margin-right: 3px;border: none;}
.quote-container-left p input[type="text"]{width: 310px;height: 24px;border: 1px solid #beb09a;color: #fff;padding-left: 6px;}
.quote-container-left p label{margin-right: 26px;}
.quote-container-left p .submit{width: 124px;height: 26px;line-height: 26px;margin: 18px 0 0 220px;background-color: #7d0000;text-align: center;border-radius: 5px;font-size: 20px;color: #fff;font-weight: lighter;cursor: pointer;}
.quote-container .quote-container-right{width: 27.7%;position: relative;}
.quote-container-right::before{content: '';width: 1px;height: 24px;background-color: #7d0000;position: absolute;bottom: -24px;left: 113px;}
.quote-container-right::after{content: '';width: 1px;height: 24px;background-color: #7d0000;position: absolute;transform: rotate(50deg);transform-origin: left top;bottom: -48px;left: 113px;}
.quote-container-right .right-content{width: 100%;height: 170px;background-color: #7b1108;border: 2px solid #7d0000;border-radius: 10px;box-sizing: border-box;padding-left: 12px;padding-top: 6px;position: relative;margin-top: 45px;}
.right-content p{font-size: 20px;color: #fff;font-weight: lighter;text-align: right;padding-right: 12px;}
.right-content .service-name{font-weight: bold;text-align: left;}
.right-content img{margin-top: 8px;}
.right-content::after{content: '';width: 13px;height: 13px;border: 1px solid #7d0000;border-radius: 50%;position: absolute;bottom: -54px;left: 80px;z-index: 5;}
.quote-container .quote-img{position: absolute;top: 260px;right: 0;z-index: 2;}

/* 底部 */
.footer{width: 100%;padding: 40px 0 27px;background-color: #262626;text-align: center;}
.footer .footer-link{margin-bottom: 57px;font-size: 0;}
.footer-link .link-item{display: inline-block;margin-right: 81px;}
.footer-link .link-item:last-child{margin-right: 0;}
.link-item img{width: 46px;height: 46px;transition: .3s;cursor: pointer;}
.link-item:hover img{mix-blend-mode: color-burn;}
.link-item p{font-size: 18px;font-weight: lighter;color: #fff;margin-top: 8px;position: relative;}
.link-item p a{color: #fff;}
.link-item p::after{content: '|';position: absolute;right: -38px;top: 0;}
.link-item:last-child p:after{display: none;}
.footer .footer-content{width: 980px;margin: 0 auto 30px;overflow: hidden;}
.footer-content .left{margin-right: 97px;}
.footer-content .QR-code p{font-size: 18px;color: #fff;margin-top: 28px;}
.footer-content .contact-information p{font-size: 20px;line-height: 30px;font-weight: lighter;text-align: right;color: #fff !important;}
.contact-information p span{padding-left: 60px;}
.footer .copy{font-size: 16px;line-height: 24px;color: #999;margin-bottom: 20px;position: relative;}
.copy::before{content: '';position: absolute;top: 12px;left: 0;width: 100%;height: 1px;background-color: #626262;z-index: 2;}
.copy span{padding: 0 10px;background-color: #262626;position: relative;z-index: 5;}
.copy span a{color: #999;}
.footer .logo{display: inline-block;}

.contact-info{background-color: rgba(0,0,0,0.3);width: 100%;font-size: 0;text-align: center;display: none;padding: 10px;box-sizing: border-box;}
.contact-info a{display: inline-block;}
.contact-info a:nth-child(1){margin-right: 20px;}
.contact-info a img{width: 45px;height: 45px;}

.map-app{position: fixed;width: 100%;top: 36%;left: 0;text-align: center;font-size: 0;z-index: 1000;display: none;}
.map-app::before{content: '';position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.9);z-index: -1;}
.map-app a{display: inline-block;margin-right: 20px;}
.map-app a:last-child{margin-right: 0;}
.map-app a img{width: 60px;height: 60px;}
.map-app a p{font-size: 12px;color: #fff;margin-top: 8px;}