body,html{scroll-behavior: smooth;}
.new-header{height:104px;}
.fiex-header{position: fixed;left: 0;right: 0;top: 0; z-index: 99;width: 100%;height:86px; padding:18px 0 0; background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.new-header .logo{float: left; width:226px; padding-top: 0;}
.new-header .logo img{width: 100%; display: block;}
.new-header .testBtn{float: right; position: relative; width: 172px; height:67px;}
.new-header .testBtn img{position: absolute; top:0; left: 0; width: 172px; height:67px;}
.new-header .menu{float: left; width: 720px; margin-top: 10px;margin-left: 160px;}
.new-header .menu li{position: relative; z-index: 9; float: left; width: 120px;}
.new-header .menu li .tit{display: block; color:#737373; font-size: 18px; line-height: 48px; text-align: center;}
.new-header .menu li .tit i{width: 15px; height: 8px; margin-left: 6px; display: inline-block; background:url(../images/menu_arrow.png) no-repeat; background-size: 100% 100%;}
.new-header .header-mao{float: right;position: relative;display: block; width: 140px; height: 36px;margin-top: 13px; background-color: #cc9b73;background-image: linear-gradient(110deg, #b78d80, #e0b7a2);background-image: -webkit-linear-gradient(110deg, #b78d80, #e0b7a2);border-radius: 18px;color: #fff; font-size: 20px; font-weight: bolder; line-height: 36px; text-align: center; overflow: hidden;}
.header-mao::before{position: absolute;top: 0px; left: -500px;content: ""; width: 120px;height: 500px;background: rgba(255, 255, 255, 0.6);transform: skew(-50deg); animation: 3s ease 0s infinite normal none running shine;}

@keyframes shine {
    0% {
        left: -500px;
    }

    100% {
        left: 655px;
    }
}
.subMenu{position: absolute; left: 50%; top:85px; z-index: 10; margin-left: -100px; width:160px; display: none;}
.subMenu .link{position: relative; height: 40px; padding: 0 10px; margin-bottom: 8px; display: block; background-color: #fff; border-radius: 20px; color: #737373; font-size: 16px; line-height: 40px; text-align: center; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.subMenu .link:hover{background-color:#b88a7a; color: #fff;}
.cd-menu-trigger,.new-nav,.liaison{display: none;}

.liaisonPC{height: 568px; background:#7695c9 url(../images/liaison2.jpg) no-repeat center top;}
.liaisonPC ul{width:490px; height:458px; padding:110px 0 0 790px; margin:0 auto; }
.liaisonPC li{float:left;background: #936858; width: 200px;border-radius: 32px;margin-top: 200px;margin-left: 122px;}
.liaisonPC li a{width:100%; height:64px; display:block; color:#fff; font-size:20px; text-align:center; line-height:64px; font-weight:600;}
.liaisonPC li a i{width:30px; height:30px; margin-right:10px; display:inline-block; background:url(../images/icon_chatsapp.png) no-repeat; background-size:100% 100%; vertical-align:top; margin-top:12px;}

.footerInfo{padding:20px 0; background-color: #f2f2f2; text-align: center;}
.footer-div{max-width: 1280px;margin: auto;display: flex;flex-wrap: wrap; justify-content: center;gap: 10px;}
.footerInfo p{line-height:1.5;font-size:16px;color:#a3a4a4;}
.footerInfo p a.yszc{font-size:16px;}

.index-zixun{position: fixed;right: 0;top: 50%;width: 200px;z-index: 2;}
.index-zixun img{width: 100%;object-fit: cover;}


.fixed-whatsApp{position: fixed;right: 0;bottom: 10%;z-index: 99;width: 200px; height:64px; background-color:#bf9586; border-radius:32px;box-shadow: 0 4px 10px rgba(0,0,0,.2);}
.fixed-whatsApp a{width:100%; height:64px; display:block; color:#fff; font-size:20px; text-align:center; line-height:64px; font-weight:600;}
.fixed-whatsApp a i{width:30px; height:30px; margin-right:10px; display:inline-block; background:url(../images/icon_chatsapp.png) no-repeat; background-size:100% 100%; vertical-align:top; margin-top:12px; animation: pulse 1s .2s ease infinite;-webkit-animation: pulse 1s .2s ease infinite;}
.fixed-menu-listData{display:none;}


@media only screen and (max-width: 750px){
    .liaisonPC{display:none;}
    .new-header{position: relative;padding:0;height: 1.2rem;}
    .fiex-header{height: 1.2rem;padding: 0.24rem 0.2rem; box-sizing: border-box;}
    .new-header .item{position: relative;}
    .new-header .logo{float: none; width: 2.26rem; padding-left:0; margin: 0 0 0 2rem;}
    .new-header .logo img{width: 100%; display: block;}
    .new-header .testBtn{float: none; width: 1.72rem; height: .67rem;}
    .new-header .testBtn img{width: 1.72rem; height: .67rem;}
    .new-header .menu{display:none;}
    .new-header .header-mao{position: absolute;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 2rem;height: 0.62rem;margin: 0;font-size: .32rem;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
    .cd-menu-trigger{position: absolute; left: 0; top:.1rem; display: block; width: 0.66rem;height: 0.54rem; background: url(../images/icon_menu.png) no-repeat center center;background-size: 0.46rem 0.34rem;}
    .cd-menu-trigger.on{ background: url(../images/close.png) no-repeat center center;background-size: 0.46rem 0.46rem;}

    .mask{width:100%;height:100%;background-color:rgba(51,51,51,0.4);position:fixed;left:0;top:0;display:none;z-index:98;}
    .new-nav{width:100%;position:absolute;left:0;top:1.2rem;z-index:99; display: block; height:0;-webkit-transition: height .6s ease;transition: height .6s ease;overflow: hidden;}
    .new-nav.active{height: calc(100vh - 1.2rem);}
    .new-nav ul{padding:0 .2rem; background-color: #fff;}
    .new-nav li{min-height:1rem;text-align: center;}
    .new-nav li .tag{position: relative; height: 1rem;display: block;border-bottom: #e0d8cc solid 1px;color:#b88a7a;font-size:.32rem;line-height:1rem;}
    .new-nav li .tag .icon_add{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:.4rem;height:.4rem;}
    .new-nav li .tag .icon_add i{position:absolute; background-color:#b88a7a;}
    .new-nav li .tag .icon_add i:nth-child(1){left:0; top:50%; margin-top: -1px;  width:100%; height:2px;}
    .new-nav li .tag .icon_add i:nth-child(2){top:0; left:50%; margin-left: -1px;  width:2px; height:100%;}
    .new-nav li.on .tag{background-color:#b88a7a; color:#fff;}
    .new-nav li.on .tag .icon_add i{background-color:#fff;}
    .new-nav li.on .tag .icon_add i:nth-child(2){display:none;}
    .subMenu-wap{height: 0; overflow: hidden;-webkit-transition: height .5s ease;transition: height .5s ease;}
    .subMenu-wap a{position: relative; height: .8rem; display: block; color: #b88a7a; font-size: .3rem; line-height: .8rem; text-align:center;}

    .liaison{display: block;}
    .liaison img{width: 100%; display: block;}
    
    .footerInfo{padding: .32rem 0; text-align: center;}
    .footer-div{gap: 0;}
    .footer-div div{width: 100%;}
    .footerInfo p{font-size:.26rem;}
    .footerInfo p a.yszc{font-size:.26rem;}
    
    
    .index-zixun{width: 100px;}
    .fixed-whatsApp{display:none;}
    /*chatsApp*/
	.fixed-menu-listData{position:fixed;right:0;bottom:10%;width:80px;border-radius:100px;background-color:white;z-index:999;box-shadow:10px 0 20px #e5e5e5; display:block;}
    .fixed-menu-listData ul{padding:0 0;}
    .fixed-menu-listData li{margin:.1rem 0;}
    .fixed-menu-listData li .icon{margin:0 auto;width:63px;height:63px;}
    .fixed-menu-listData li .icon img{width:100%;height:100%;}
    .fixed-menu-listData li .name{display:block; margin-top:6px;font-size:14px;text-align: center;color: #666;padding-bottom: 10px;}
    .fixed-menu-listData .wechat:hover .wxcode{display:flex;}
    .fixed-menu-listData .nums{position:absolute;right:0px;top:-5px;width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%;color:white;font-size:14px;font-weight:bold;background-color:#ff0000;animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}

}

@keyframes pulse{
    0%{transform:scale(0.9)}
    50%{transform:scale(1)}
    100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(0.9)}
    50%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(0.9)}
}