﻿.header { width: 100%; height: 90px; position: relative; z-index: 99; min-width: 1100px; }
.header .container { width:1100px;height:100%;display:flex;align-items:center; }

.header .container .logo { font-size:0; }
.container .logo img { width:224px;height:57px; }
.header .container .nav { flex:1;font-size:18px;  }
.header .container .nav ul { display:flex;align-items:center;justify-content:flex-end; }
.header .container .nav ul li { height:48px;line-height:48px; margin-left:56px;position:relative; }
.header .container .nav ul li a { text-decoration:none; }
.header .container .nav .active a { color:#FD7E26; }
.header .underline { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; margin-top: 2px; background-color: #FD7E26; -webkit-backface-visibility: visible; backface-visibility: visible; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(0, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transition: all 0.3s; }
.header .nav li:hover .underline { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.header .nav li a { color:#000; }
.header .nav li:hover a {
    color: #FD7E26;
}


.footer { width:100%; min-width:1100px;}
.footer .waves .desc { position: relative; width: 100%; height: 10vh; margin-bottom: -7px; min-height: 100px; max-height: 150px; }
.footer .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; }
.footer .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }
.footer .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }
.footer .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }
.footer .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }
.footer .menus { width:100%;padding:37px 0 32px; background:url(/res/pc/images/home6.png)no-repeat 0 0/100% 100%; }
.footer .menus .help { width:1100px;margin:0 auto; }
.footer .container { width:1100px; }
.footer .container .contact { margin-top:25px; }
.footer .container .contact>span { font-size:16px;font-weight:bold;margin-left:8px; }
.footer .container .qrcode { margin:32px 0 0 39px; }
.footer .container .qrcode img { max-width:176px;}
.footer .nav { font-size: 16px; line-height: 18px; }
.footer .nav>dl { float:left; margin-left:64px; }
.footer .nav dt { font-weight:bold; }
.footer .nav dd { margin-top:18px; }
.footer .nav dd a { display:inline-block; text-decoration:none;position:relative;height:32px;line-height:32px; }
.footer .nav .underline { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; margin-top: 2px; background-color: #FD7E26; -webkit-backface-visibility: visible; backface-visibility: visible; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(0, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transition: all 0.3s; }
.footer .nav dd:hover .underline { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.footer .nav dd:hover a { color: #F48334; }
.footer .copyright { margin-top:60px; }
.footer .copyright .fll a { display:inline-block;height:40px;line-height:40px; margin-left:16px; }
.footer .copyright .flr{ font-size:12px;color:#666; }
.footer .copyright .flr a  { display:block; margin-top:8px; color:#666; }

.backtop { position: fixed; width: 60px; height: 60px; bottom: 100px; right: 30px; opacity: 0;  }
.backtop.show { opacity: 1; }
.backtop .icon60:hover { cursor: pointer; opacity: 0.8; transition: all 0.3s; }


@keyframes float {
    0% { transform: scale(1); }
    25% { transform: scale(1.02); }
    50% { transform: scale(1.04) }
    75% { transform: scale(1.02) }
    100% { transform: scale(1) }
}

@keyframes slideIn {
    from { right: -100%; /* 初始位置 */ }
    to { right: 0; /* 最终位置 */ }
}

@keyframes move-forever {
    0% { transform: translate3d(-90px,0,0); }
    100% { transform: translate3d(85px,0,0); }
}

@keyframes floatCase {
    from { margin-left: -100px; }
    to { margin-left: 0px; }
}

@keyframes floatCase1 {
    from { margin-left: -200px; }
    to { margin-left: 0px; }
}

@keyframes floatTextLeft {
    from { margin-left: -300px; }
    to { margin-left: 0px; }
}

@keyframes floatTextRight {
    from { margin-right: -300px; }
    to { margin-right: 0px; }
}


@keyframes floatPainpoint {
    from { left: 300px; }
    to { left: 0px; }
}

@keyframes new_anim-out {
    0% { width: 0 }

    100% { width: 100% }
}

@keyframes new_anim-out-pseudo {
    0% { background: rgba(0,0,0,0.25) }

    100% { background: transparent }
}

@keyframes textOpacity {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes round {
    0% { width: 72px; height: 72px; }
    100% { width: 100px; height: 100px; }
}

@keyframes social {
    0% { transform:translateY(40px); }
    100% { transform:translateY(0px); }
}


.crisp-client .cc-tlyw .cc-kxkl .cc-nsge span { margin-right:24px!important;}