@charset 'utf-8';
@property --houdini-bg-colorA
{
    syntax: '<color>';
    inherits: false;
    initial-value: #000;
}
@property --houdini-bg-colorB
{
    syntax: '<color>';
    inherits: false;
    initial-value: #000;
}
@property --houdini-bgWhite-colorA
{
    syntax: '<color>';
    inherits: false;
    initial-value: #fff;
}
@property --houdini-bgWhite-colorB
{
    syntax: '<color>';
    inherits: false;
    initial-value: #fff;
}
@property --houdini-txt-colorA
{
    syntax: '<color>';
    inherits: false;
    initial-value: #232323;
}
@property --houdini-txt-colorB
{
    syntax: '<color>';
    inherits: false;
    initial-value: #232323;
}
@property --houdini-colorA
{
    syntax: '<color>';
    inherits: false;
    initial-value: #000;
}
@property --houdini-colorB
{
    syntax: '<color>';
    inherits: false;
    initial-value: #000;
}
@property --houdini-follow-bg-colorA
{
    syntax: '<color>';
    inherits: false;
    initial-value: #e50012;
}
@property --houdini-follow-bg-colorB
{
    syntax: '<color>';
    inherits: false;
    initial-value: #ffa8af;
}
.fz15
{
    font-size: 15px;
}
@media (max-width: 767.98px)
{
    .fz15
    {
        font-size: 14px;
    }
}
.fz16
{
    font-size: 16px;
}
@media (max-width: 991.98px)
{
    .fz16
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .fz16
    {
        font-size: 14px;
    }
}
.fz17
{
    font-size: 17px;
}
@media (max-width: 1199.98px)
{
    .fz17
    {
        font-size: 16px;
    }
}
@media (max-width: 991.98px)
{
    .fz17
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .fz17
    {
        font-size: 14px;
    }
}
.fz18
{
    font-size: 18px;
}
@media (max-width: 1199.98px)
{
    .fz18
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .fz18
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .fz18
    {
        font-size: 15px;
    }
}
.fz19
{
    font-size: 19px;
}
@media (max-width: 1469.98px)
{
    .fz19
    {
        font-size: 18px;
    }
}
@media (max-width: 1199.98px)
{
    .fz19
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .fz19
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .fz19
    {
        font-size: 15px;
    }
}
.fz20
{
    font-size: 20px;
}
@media (max-width: 1199.98px)
{
    .fz20
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .fz20
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .fz20
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .fz20
    {
        font-size: 16px;
    }
}
.fz22
{
    font-size: 22px;
}
@media (max-width: 1469.98px)
{
    .fz22
    {
        font-size: 21px;
    }
}
@media (max-width: 1199.98px)
{
    .fz22
    {
        font-size: 20px;
    }
}
@media (max-width: 991.98px)
{
    .fz22
    {
        font-size: 19px;
    }
}
@media (max-width: 767.98px)
{
    .fz22
    {
        font-size: 18px;
    }
}
@media (max-width: 575.98px)
{
    .fz22
    {
        font-size: 17px;
    }
}
.fz24
{
    font-size: 24px;
}
@media (max-width: 1469.98px)
{
    .fz24
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .fz24
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .fz24
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .fz24
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .fz24
    {
        font-size: 18px;
    }
}
.fz26
{
    font-size: 26px;
}
@media (max-width: 1469.98px)
{
    .fz26
    {
        font-size: 24px;
    }
}
@media (max-width: 1199.98px)
{
    .fz26
    {
        font-size: 23px;
    }
}
@media (max-width: 991.98px)
{
    .fz26
    {
        font-size: 22px;
    }
}
@media (max-width: 767.98px)
{
    .fz26
    {
        font-size: 20px;
    }
}
@media (max-width: 575.98px)
{
    .fz26
    {
        font-size: 19px;
    }
}
.fz28
{
    font-size: 28px;
}
@media (max-width: 1469.98px)
{
    .fz28
    {
        font-size: 26px;
    }
}
@media (max-width: 1199.98px)
{
    .fz28
    {
        font-size: 25px;
    }
}
@media (max-width: 991.98px)
{
    .fz28
    {
        font-size: 24px;
    }
}
@media (max-width: 767.98px)
{
    .fz28
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .fz28
    {
        font-size: 20px;
    }
}
.fz30
{
    font-size: 30px;
}
@media (max-width: 1199.98px)
{
    .fz30
    {
        font-size: 28px;
    }
}
@media (max-width: 991.98px)
{
    .fz30
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .fz30
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .fz30
    {
        font-size: 22px;
    }
}
.fz32
{
    font-size: 32px;
}
@media (max-width: 1469.98px)
{
    .fz32
    {
        font-size: 30px;
    }
}
@media (max-width: 1399.98px)
{
    .fz32
    {
        font-size: 28px;
    }
}
@media (max-width: 1199.98px)
{
    .fz32
    {
        font-size: 26px;
    }
}
@media (max-width: 991.98px)
{
    .fz32
    {
        font-size: 24px;
    }
}
@media (max-width: 767.98px)
{
    .fz32
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .fz32
    {
        font-size: 20px;
    }
}
.fz34
{
    font-size: 34px;
}
@media (max-width: 1199.98px)
{
    .fz34
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .fz34
    {
        font-size: 30px;
    }
}
@media (max-width: 767.98px)
{
    .fz34
    {
        font-size: 26px;
    }
}
@media (max-width: 575.98px)
{
    .fz34
    {
        font-size: 24px;
    }
}
.fz36
{
    font-size: 36px;
}
@media (max-width: 1199.98px)
{
    .fz36
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .fz36
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .fz36
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .fz36
    {
        font-size: 22px;
    }
}
.fz38
{
    font-size: 38px;
}
@media (max-width: 1199.98px)
{
    .fz38
    {
        font-size: 34px;
    }
}
@media (max-width: 991.98px)
{
    .fz38
    {
        font-size: 30px;
    }
}
@media (max-width: 767.98px)
{
    .fz38
    {
        font-size: 27px;
    }
}
@media (max-width: 575.98px)
{
    .fz38
    {
        font-size: 24px;
    }
}
.fz40
{
    font-size: 40px;
}
@media (max-width: 1469.98px)
{
    .fz40
    {
        font-size: 36px;
    }
}
@media (max-width: 1199.98px)
{
    .fz40
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .fz40
    {
        font-size: 30px;
    }
}
@media (max-width: 767.98px)
{
    .fz40
    {
        font-size: 28px;
    }
}
@media (max-width: 575.98px)
{
    .fz40
    {
        font-size: 26px;
    }
}
.fz42
{
    font-size: 42px;
}
@media (max-width: 1469.98px)
{
    .fz42
    {
        font-size: 38px;
    }
}
@media (max-width: 1199.98px)
{
    .fz42
    {
        font-size: 34px;
    }
}
@media (max-width: 991.98px)
{
    .fz42
    {
        font-size: 32px;
    }
}
@media (max-width: 767.98px)
{
    .fz42
    {
        font-size: 30px;
    }
}
@media (max-width: 575.98px)
{
    .fz42
    {
        font-size: 28px;
    }
}
.fz45
{
    font-size: 45px;
}
@media (max-width: 1469.98px)
{
    .fz45
    {
        font-size: 40px;
    }
}
@media (max-width: 1199.98px)
{
    .fz45
    {
        font-size: 36px;
    }
}
@media (max-width: 991.98px)
{
    .fz45
    {
        font-size: 32px;
    }
}
@media (max-width: 767.98px)
{
    .fz45
    {
        font-size: 28px;
    }
}
@media (max-width: 575.98px)
{
    .fz45
    {
        font-size: 26px;
    }
}
.fz48
{
    font-size: 48px;
}
@media (max-width: 1469.98px)
{
    .fz48
    {
        font-size: 44px;
    }
}
@media (max-width: 1399.98px)
{
    .fz48
    {
        font-size: 40px;
    }
}
@media (max-width: 1199.98px)
{
    .fz48
    {
        font-size: 34px;
    }
}
@media (max-width: 991.98px)
{
    .fz48
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .fz48
    {
        font-size: 26px;
    }
}
@media (max-width: 575.98px)
{
    .fz48
    {
        font-size: 24px;
    }
}
.fz50
{
    font-size: 50px;
}
@media (max-width: 1469.98px)
{
    .fz50
    {
        font-size: 46px;
    }
}
@media (max-width: 1199.98px)
{
    .fz50
    {
        font-size: 40px;
    }
}
@media (max-width: 991.98px)
{
    .fz50
    {
        font-size: 34px;
    }
}
@media (max-width: 767.98px)
{
    .fz50
    {
        font-size: 28px;
    }
}
@media (max-width: 575.98px)
{
    .fz50
    {
        font-size: 26px;
    }
}
.fz52
{
    font-size: 52px;
}
@media (max-width: 1469.98px)
{
    .fz52
    {
        font-size: 44px;
    }
}
@media (max-width: 1199.98px)
{
    .fz52
    {
        font-size: 38px;
    }
}
@media (max-width: 991.98px)
{
    .fz52
    {
        font-size: 32px;
    }
}
@media (max-width: 767.98px)
{
    .fz52
    {
        font-size: 26px;
    }
}
.fz54
{
    font-size: 54px;
}
@media (max-width: 1469.98px)
{
    .fz54
    {
        font-size: 50px;
    }
}
@media (max-width: 1399.98px)
{
    .fz54
    {
        font-size: 46px;
    }
}
@media (max-width: 1199.98px)
{
    .fz54
    {
        font-size: 42px;
    }
}
@media (max-width: 991.98px)
{
    .fz54
    {
        font-size: 35px;
    }
}
@media (max-width: 767.98px)
{
    .fz54
    {
        font-size: 30px;
    }
}
.fz56
{
    font-size: 56px;
}
@media (max-width: 1469.98px)
{
    .fz56
    {
        font-size: 52px;
    }
}
@media (max-width: 1199.98px)
{
    .fz56
    {
        font-size: 44px;
    }
}
@media (max-width: 991.98px)
{
    .fz56
    {
        font-size: 36px;
    }
}
@media (max-width: 767.98px)
{
    .fz56
    {
        font-size: 30px;
    }
}
.fz58
{
    font-size: 58px;
}
@media (max-width: 1469.98px)
{
    .fz58
    {
        font-size: 52px;
    }
}
@media (max-width: 1199.98px)
{
    .fz58
    {
        font-size: 46px;
    }
}
@media (max-width: 991.98px)
{
    .fz58
    {
        font-size: 40px;
    }
}
@media (max-width: 767.98px)
{
    .fz58
    {
        font-size: 34px;
    }
}
@media (max-width: 575.98px)
{
    .fz58
    {
        font-size: 28px;
    }
}
.fz60
{
    font-size: 60px;
}
@media (max-width: 1469.98px)
{
    .fz60
    {
        font-size: 54px;
    }
}
@media (max-width: 1199.98px)
{
    .fz60
    {
        font-size: 48px;
    }
}
@media (max-width: 991.98px)
{
    .fz60
    {
        font-size: 42px;
    }
}
@media (max-width: 767.98px)
{
    .fz60
    {
        font-size: 36px;
    }
}
@media (max-width: 575.98px)
{
    .fz60
    {
        font-size: 30px;
    }
}
.fz66
{
    font-size: 66px;
}
@media (max-width: 1469.98px)
{
    .fz66
    {
        font-size: 58px;
    }
}
@media (max-width: 1399.98px)
{
    .fz66
    {
        font-size: 54px;
    }
}
@media (max-width: 1199.98px)
{
    .fz66
    {
        font-size: 51px;
    }
}
@media (max-width: 991.98px)
{
    .fz66
    {
        font-size: 44px;
    }
}
@media (max-width: 767.98px)
{
    .fz66
    {
        font-size: 37px;
    }
}
@media (max-width: 575.98px)
{
    .fz66
    {
        font-size: 30px;
    }
}
.fz70
{
    font-size: 70px;
}
@media (max-width: 1469.98px)
{
    .fz70
    {
        font-size: 60px;
    }
}
@media (max-width: 1399.98px)
{
    .fz70
    {
        font-size: 50px;
    }
}
@media (max-width: 1199.98px)
{
    .fz70
    {
        font-size: 40px;
    }
}
@media (max-width: 991.98px)
{
    .fz70
    {
        font-size: 35px;
    }
}
@media (max-width: 767.98px)
{
    .fz70
    {
        font-size: 30px;
    }
}
@media (max-width: 575.98px)
{
    .fz70
    {
        font-size: 25px;
    }
}
.fz76
{
    font-size: 76px;
}
@media (max-width: 1469.98px)
{
    .fz76
    {
        font-size: 68px;
    }
}
@media (max-width: 1199.98px)
{
    .fz76
    {
        font-size: 61px;
    }
}
@media (max-width: 991.98px)
{
    .fz76
    {
        font-size: 54px;
    }
}
@media (max-width: 767.98px)
{
    .fz76
    {
        font-size: 47px;
    }
}
@media (max-width: 575.98px)
{
    .fz76
    {
        font-size: 40px;
    }
}
.fz80
{
    font-size: 80px;
}
@media (max-width: 1469.98px)
{
    .fz80
    {
        font-size: 70px;
    }
}
@media (max-width: 1199.98px)
{
    .fz80
    {
        font-size: 60px;
    }
}
@media (max-width: 991.98px)
{
    .fz80
    {
        font-size: 50px;
    }
}
@media (max-width: 767.98px)
{
    .fz80
    {
        font-size: 35px;
    }
}
.tit-16
{
    font-size: 16px;
    line-height: 1.7;
}
@media (max-width: 991.98px)
{
    .tit-16
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .tit-16
    {
        font-size: 14px;
    }
}
.tit-18
{
    font-size: 18px;
    line-height: 1.22222222;
}
@media (max-width: 1199.98px)
{
    .tit-18
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .tit-18
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .tit-18
    {
        font-size: 15px;
    }
}
.tit-20
{
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 1199.98px)
{
    .tit-20
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .tit-20
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .tit-20
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .tit-20
    {
        font-size: 16px;
    }
}
.tit-30
{
    font-size: 30px;
    line-height: 1.3;
}
@media (max-width: 1199.98px)
{
    .tit-30
    {
        font-size: 28px;
    }
}
@media (max-width: 991.98px)
{
    .tit-30
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .tit-30
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .tit-30
    {
        font-size: 22px;
    }
}
.tit-32
{
    font-size: 32px;
    line-height: 1.3;
}
@media (max-width: 1469.98px)
{
    .tit-32
    {
        font-size: 30px;
    }
}
@media (max-width: 1399.98px)
{
    .tit-32
    {
        font-size: 28px;
    }
}
@media (max-width: 1199.98px)
{
    .tit-32
    {
        font-size: 26px;
    }
}
@media (max-width: 991.98px)
{
    .tit-32
    {
        font-size: 24px;
    }
}
@media (max-width: 767.98px)
{
    .tit-32
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .tit-32
    {
        font-size: 20px;
    }
}
.tit-48
{
    font-size: 48px;
    line-height: 1.3;
}
@media (max-width: 1469.98px)
{
    .tit-48
    {
        font-size: 44px;
    }
}
@media (max-width: 1399.98px)
{
    .tit-48
    {
        font-size: 40px;
    }
}
@media (max-width: 1199.98px)
{
    .tit-48
    {
        font-size: 34px;
    }
}
@media (max-width: 991.98px)
{
    .tit-48
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .tit-48
    {
        font-size: 26px;
    }
}
@media (max-width: 575.98px)
{
    .tit-48
    {
        font-size: 24px;
    }
}
.fs-14-20
{
    line-height: 1.42857143;
}
.fs-14-22
{
    line-height: 1.57142857;
}
.fs-16-20
{
    font-size: 16px;
    line-height: 1.25;
}
@media (max-width: 991.98px)
{
    .fs-16-20
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .fs-16-20
    {
        font-size: 14px;
    }
}
.fs-16-24
{
    font-size: 16px;
    line-height: 1.5;
}
@media (max-width: 991.98px)
{
    .fs-16-24
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .fs-16-24
    {
        font-size: 14px;
    }
}
.fs-16-26
{
    font-size: 16px;
    line-height: 1.625;
}
@media (max-width: 991.98px)
{
    .fs-16-26
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .fs-16-26
    {
        font-size: 14px;
    }
}
.fs-18-28
{
    font-size: 18px;
    line-height: 1.55555556;
}
@media (max-width: 1199.98px)
{
    .fs-18-28
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .fs-18-28
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .fs-18-28
    {
        font-size: 15px;
    }
}
.fs-18-26-b
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44444444;
}
@media (max-width: 1199.98px)
{
    .fs-18-26-b
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .fs-18-26-b
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .fs-18-26-b
    {
        font-size: 15px;
    }
}
.fs-20-30
{
    font-size: 20px;
    line-height: 1.5;
}
@media (max-width: 1199.98px)
{
    .fs-20-30
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .fs-20-30
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .fs-20-30
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .fs-20-30
    {
        font-size: 16px;
    }
}
.fs-20-24-m
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 1199.98px)
{
    .fs-20-24-m
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .fs-20-24-m
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .fs-20-24-m
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .fs-20-24-m
    {
        font-size: 16px;
    }
}
.fs-20-24-b
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
@media (max-width: 1199.98px)
{
    .fs-20-24-b
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .fs-20-24-b
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .fs-20-24-b
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .fs-20-24-b
    {
        font-size: 16px;
    }
}
.fs-24-30-m
{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}
@media (max-width: 1469.98px)
{
    .fs-24-30-m
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-24-30-m
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .fs-24-30-m
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .fs-24-30-m
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .fs-24-30-m
    {
        font-size: 18px;
    }
}
.fs-24-36-b
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
@media (max-width: 1469.98px)
{
    .fs-24-36-b
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-24-36-b
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .fs-24-36-b
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .fs-24-36-b
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .fs-24-36-b
    {
        font-size: 18px;
    }
}
.fs-26-34-b
{
    font-size: 26px;
    font-weight: bold;
    line-height: 1.30769231;
}
@media (max-width: 1469.98px)
{
    .fs-26-34-b
    {
        font-size: 24px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-26-34-b
    {
        font-size: 23px;
    }
}
@media (max-width: 991.98px)
{
    .fs-26-34-b
    {
        font-size: 22px;
    }
}
@media (max-width: 767.98px)
{
    .fs-26-34-b
    {
        font-size: 20px;
    }
}
@media (max-width: 575.98px)
{
    .fs-26-34-b
    {
        font-size: 19px;
    }
}
.fs-30-46-b
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.53333333;
}
@media (max-width: 1199.98px)
{
    .fs-30-46-b
    {
        font-size: 28px;
    }
}
@media (max-width: 991.98px)
{
    .fs-30-46-b
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .fs-30-46-b
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .fs-30-46-b
    {
        font-size: 22px;
    }
}
.fs-32-38-b
{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.1875;
}
@media (max-width: 1469.98px)
{
    .fs-32-38-b
    {
        font-size: 30px;
    }
}
@media (max-width: 1399.98px)
{
    .fs-32-38-b
    {
        font-size: 28px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-32-38-b
    {
        font-size: 26px;
    }
}
@media (max-width: 991.98px)
{
    .fs-32-38-b
    {
        font-size: 24px;
    }
}
@media (max-width: 767.98px)
{
    .fs-32-38-b
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .fs-32-38-b
    {
        font-size: 20px;
    }
}
.fs-36-40-b
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.11111111;
}
@media (max-width: 1199.98px)
{
    .fs-36-40-b
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .fs-36-40-b
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .fs-36-40-b
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .fs-36-40-b
    {
        font-size: 22px;
    }
}
.fs-36-48-b
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.33333333;
}
@media (max-width: 1199.98px)
{
    .fs-36-48-b
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .fs-36-48-b
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .fs-36-48-b
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .fs-36-48-b
    {
        font-size: 22px;
    }
}
.fs-48-64
{
    font-size: 48px;
    line-height: 1.33333333;
}
@media (max-width: 1469.98px)
{
    .fs-48-64
    {
        font-size: 44px;
    }
}
@media (max-width: 1399.98px)
{
    .fs-48-64
    {
        font-size: 40px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-48-64
    {
        font-size: 34px;
    }
}
@media (max-width: 991.98px)
{
    .fs-48-64
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .fs-48-64
    {
        font-size: 26px;
    }
}
@media (max-width: 575.98px)
{
    .fs-48-64
    {
        font-size: 24px;
    }
}
.fs-54-80-b
{
    font-size: 54px;
    font-weight: bold;
    line-height: 1.48148148;
}
@media (max-width: 1469.98px)
{
    .fs-54-80-b
    {
        font-size: 50px;
    }
}
@media (max-width: 1399.98px)
{
    .fs-54-80-b
    {
        font-size: 46px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-54-80-b
    {
        font-size: 42px;
    }
}
@media (max-width: 991.98px)
{
    .fs-54-80-b
    {
        font-size: 35px;
    }
}
@media (max-width: 767.98px)
{
    .fs-54-80-b
    {
        font-size: 30px;
    }
}
.fs-66-80
{
    font-size: 66px;
    line-height: 1.21212121;
}
@media (max-width: 1469.98px)
{
    .fs-66-80
    {
        font-size: 58px;
    }
}
@media (max-width: 1399.98px)
{
    .fs-66-80
    {
        font-size: 54px;
    }
}
@media (max-width: 1199.98px)
{
    .fs-66-80
    {
        font-size: 51px;
    }
}
@media (max-width: 991.98px)
{
    .fs-66-80
    {
        font-size: 44px;
    }
}
@media (max-width: 767.98px)
{
    .fs-66-80
    {
        font-size: 37px;
    }
}
@media (max-width: 575.98px)
{
    .fs-66-80
    {
        font-size: 30px;
    }
}
.mt-90
{
    margin-top: 90px;
}
@media (max-width: 1469.98px)
{
    .mt-90
    {
        margin-top: 70px;
    }
}
@media (max-width: 1199.98px)
{
    .mt-90
    {
        margin-top: 60px;
    }
}
@media (max-width: 991.98px)
{
    .mt-90
    {
        margin-top: 50px;
    }
}
@media (max-width: 767.98px)
{
    .mt-90
    {
        margin-top: 40px;
    }
}
.mt-76
{
    margin-top: var(--ngy-margin-76);
}
.mt-56
{
    margin-top: var(--ngy-margin-56);
}
.mt-36
{
    margin-top: var(--ngy-margin-36);
}
.elem-sticky
{
    position: -webkit-sticky;
    position:         sticky;
    z-index: 10;
    top: -1px;
    left: 0;
}
@media (max-width: 1199.98px)
{
    .elem-sticky
    {
        top: 5px !important;
    }
}
@media (min-width: 1200px)
{
    .elem-sticky-xl
    {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 10;
        top: -1px;
        left: 0;
    }
}
@media (min-width: 992px)
{
    .elem-sticky-lg
    {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 10;
        top: -1px;
        left: 0;
    }
}
@media (min-width: 768px)
{
    .elem-sticky-md
    {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 10;
        top: -1px;
        left: 0;
    }
}
@media (min-width: 576px)
{
    .elem-sticky-sm
    {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 10;
        top: -1px;
        left: 0;
    }
}
@-webkit-keyframes l20-1
{
    0%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5%
    {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75%
    {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100%
    {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}
@keyframes l20-1
{
    0%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50%
    {
        -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5%
    {
        -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75%
    {
        -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100%
    {
        -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
                clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}
@-webkit-keyframes l20-2
{
    0%
    {
        -webkit-transform: scaleY(1) rotate(0deg);
                transform: scaleY(1) rotate(0deg);
    }
    49.99%
    {
        -webkit-transform: scaleY(1) rotate(135deg);
                transform: scaleY(1) rotate(135deg);
    }
    50%
    {
        -webkit-transform: scaleY(-1) rotate(0deg);
                transform: scaleY(-1) rotate(0deg);
    }
    100%
    {
        -webkit-transform: scaleY(-1) rotate(-135deg);
                transform: scaleY(-1) rotate(-135deg);
    }
}
@keyframes l20-2
{
    0%
    {
        -webkit-transform: scaleY(1) rotate(0deg);
                transform: scaleY(1) rotate(0deg);
    }
    49.99%
    {
        -webkit-transform: scaleY(1) rotate(135deg);
                transform: scaleY(1) rotate(135deg);
    }
    50%
    {
        -webkit-transform: scaleY(-1) rotate(0deg);
                transform: scaleY(-1) rotate(0deg);
    }
    100%
    {
        -webkit-transform: scaleY(-1) rotate(-135deg);
                transform: scaleY(-1) rotate(-135deg);
    }
}
@-webkit-keyframes rotateZ
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}
@keyframes rotateZ
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}
@-webkit-keyframes scaleShadow
{
    0%
    {
        opacity: .8;
        box-shadow: 0 0 0 0 #fff;
    }
    100%
    {
        opacity: 0;
        box-shadow: 0 0 0 20px #fff;
    }
}
@keyframes scaleShadow
{
    0%
    {
        opacity: .8;
        box-shadow: 0 0 0 0 #fff;
    }
    100%
    {
        opacity: 0;
        box-shadow: 0 0 0 20px #fff;
    }
}
@media (max-width: 767.98px)
{
    @-webkit-keyframes scaleShadow
    {
        0%
        {
            opacity: .8;
            box-shadow: 0 0 0 0 #fff;
        }
        100%
        {
            opacity: 0;
            box-shadow: 0 0 0 10px #fff;
        }
    }
    @keyframes scaleShadow
    {
        0%
        {
            opacity: .8;
            box-shadow: 0 0 0 0 #fff;
        }
        100%
        {
            opacity: 0;
            box-shadow: 0 0 0 10px #fff;
        }
    }
}
@-webkit-keyframes scaleShadowSm
{
    0%
    {
        opacity: .7;
        box-shadow: 0 0 0 0 #d80000;
    }
    100%
    {
        opacity: 0;
        box-shadow: 0 0 0 15px #d80000;
    }
}
@keyframes scaleShadowSm
{
    0%
    {
        opacity: .7;
        box-shadow: 0 0 0 0 #d80000;
    }
    100%
    {
        opacity: 0;
        box-shadow: 0 0 0 15px #d80000;
    }
}
@-webkit-keyframes scaleShadowBorder
{
    0%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
                transform: translateX(-50%) translateY(-50%) scale(.9);

        opacity: .7;
    }
    100%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(2.2);
                transform: translateX(-50%) translateY(-50%) scale(2.2);

        opacity: 0;
    }
}
@keyframes scaleShadowBorder
{
    0%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
                transform: translateX(-50%) translateY(-50%) scale(.9);

        opacity: .7;
    }
    100%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(2.2);
                transform: translateX(-50%) translateY(-50%) scale(2.2);

        opacity: 0;
    }
}
@-webkit-keyframes jump
{
    0%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    25%
    {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    75%
    {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
}
@keyframes jump
{
    0%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    25%
    {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    75%
    {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    100%
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
}
@-webkit-keyframes enlarge
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(3);
                transform: scale(3);

        opacity: 0;
    }
}
@keyframes enlarge
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(3);
                transform: scale(3);

        opacity: 0;
    }
}
@-webkit-keyframes turn
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
@keyframes turn
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}
@-webkit-keyframes turn2
{
    0%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-360deg);
                transform: translateX(-50%) translateY(-50%) rotate(-360deg);
    }
}
@keyframes turn2
{
    0%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100%
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-360deg);
                transform: translateX(-50%) translateY(-50%) rotate(-360deg);
    }
}
@-webkit-keyframes pointScale
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes pointScale
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes bounceIng
{
    0%,
    20%,
    40%,
    60%,
    80%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);

        opacity: 1;
    }
}
@keyframes bounceIng
{
    0%,
    20%,
    40%,
    60%,
    80%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to
    {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);

        opacity: 1;
    }
}
.bounceIng
{
    -webkit-animation-name: bounceIng;
            animation-name: bounceIng;
}
.color-normal
{
    color: #d80000;
}
.ff
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.obj-cover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.scrollbar::-webkit-scrollbar
{
    width: 5px;
    height: 5px;

    border-radius: 5px;
    background-color: #e7e7e7;
}
.scrollbar::-webkit-scrollbar-track
{
    border-radius: 5px;
    background-color: #e7e7e7;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #a0a0a0;
}
.scrollbar::-webkit-scrollbar-thumb:hover
{
    border-radius: 5px;
    background-color: #a0a0a0;
}
.radius-lg
{
    border-radius: 10px;
}
@media (max-width: 991.98px)
{
    .radius-lg
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .radius-lg
    {
        border-radius: 5px;
    }
}
.radius-20
{
    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .radius-20
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .radius-20
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .radius-20
    {
        border-radius: 8px;
    }
}
.radius-15
{
    border-radius: 15px;
}
@media (max-width: 991.98px)
{
    .radius-15
    {
        border-radius: 10px;
    }
}
@media (max-width: 767.98px)
{
    .radius-15
    {
        border-radius: 5px;
    }
}
.radius
{
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .radius
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .radius
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .radius
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .radius
    {
        border-radius: 6px;
    }
}
.radius-10
{
    border-radius: 10px;
}
@media (max-width: 1199.98px)
{
    .radius-10
    {
        border-radius: 8px;
    }
}
@media (max-width: 991.98px)
{
    .radius-10
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .radius-10
    {
        border-radius: 4px;
    }
}
.radius-xs
{
    border-radius: 6px;
}
@media (max-width: 767.98px)
{
    .radius-xs
    {
        border-radius: 3px;
    }
}
.clamp
{
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
}
.t1
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.ts
{
    -webkit-transition: .6s;
            transition: .6s;
}
.jb
{
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#d80000));
    background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #d80000 100%);
    background-image:         linear-gradient(90deg, #000 50%, #000 50%, #d80000 100%);
}
.jb-white
{
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #fff), to(#d80000));
    background-image: -webkit-linear-gradient(left, #fff 50%, #fff 50%, #d80000 100%);
    background-image:         linear-gradient(90deg, #fff 50%, #fff 50%, #d80000 100%);
}
.wzjb
{
    background: #d80000;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#d80000));
    background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #d80000 100%);
    background-image:         linear-gradient(90deg, #000 50%, #000 50%, #d80000 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@font-face
{
    font-family: 'Bebas Neue';
    font-weight: normal;
    font-style: normal;

    src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url('../fonts/bebas-neue/BebasNeue-Regular.woff2') format('woff2'), url('../fonts/bebas-neue/BebasNeue-Regular.woff') format('woff'), url('../fonts/bebas-neue/BebasNeue-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;

    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'), url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;

    src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Medium.woff') format('woff'), url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;

    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff'), url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face
{
    font-family: 'Montserrat';
    font-weight: bold;
    font-style: normal;

    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'), url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-display: swap;
}
.font-b
{
    font-family: 'Bebas Neue';
}
:root
{
    --bs-body-bg: #fff;
    --bs-body-color: #000;
    --bs-body-font-size: 14px;
    --Gray-2: #3b3b3b;
    --Gray-3: #4c4c4c;
    --Gray-4: #d9d9d9;
    --Gray-5: #f0f0f0;
    --ngy-margin-100: 100px;
    --ngy-margin-80: 80px;
    --ngy-margin-70: 70px;
    --ngy-margin-56: 56px;
    --ngy-margin-60: 60px;
    --ngy-margin-50: 50px;
    --ngy-margin-40: 40px;
    --ngy-margin-36: 36px;
    --ngy-header-color: #000;
    --ngy-slide-nav-radius: 12px;
}
@media (max-width: 767.98px)
{
    :root[class*='translated'] body.fixed .google-translate
    {
        top: 60px;
    }
}
:root[lang='zh-CN'] .map,
:root[lang='zh-Hans'] .map
{
    display: block;
}
@media (max-width: 1469.98px)
{
    :root
    {
        --ngy-margin-100: 85px;
        --ngy-margin-80: 70px;
        --ngy-margin-70: 60px;
        --ngy-margin-56: 48px;
    }
}
@media (max-width: 1199.98px)
{
    :root
    {
        --ngy-margin-100: 70px;
        --ngy-margin-80: 60px;
        --ngy-margin-70: 54px;
        --ngy-margin-60: 50px;
        --ngy-margin-56: 45px;
        --ngy-margin-50: 40px;
        --ngy-margin-40: 35px;
    }
}
@media (max-width: 991.98px)
{
    :root
    {
        --ngy-margin-100: 60px;
        --ngy-margin-80: 56px;
        --ngy-margin-70: 50px;
        --ngy-margin-60: 45px;
        --ngy-margin-56: 40px;
        --ngy-margin-50: 35px;
        --ngy-margin-40: 30px;
        --ngy-margin-36: 26px;
    }
}
@media (max-width: 767.98px)
{
    :root
    {
        --ngy-margin-100: 45px;
        --ngy-margin-80: 40px;
        --ngy-margin-70: 35px;
        --ngy-margin-60: 30px;
        --ngy-margin-56: 25px;
        --ngy-margin-50: 22px;
        --ngy-margin-40: 20px;
        --ngy-margin-36: 18px;
    }
}
@media (max-width: 575.98px)
{
    :root
    {
        --ngy-margin-100: 40px;
        --ngy-margin-80: 35px;
        --ngy-margin-70: 30px;
        --ngy-margin-60: 25px;
        --ngy-margin-56: 22px;
        --ngy-margin-50: 20px;
        --ngy-margin-40: 18px;
        --ngy-margin-36: 15px;
    }
}
body,
html
{
    font-size: var(--bs-body-font-size);

    scroll-behavior: smooth;
    scroll-padding-top: 180px;
}
@media (max-width: 1199.98px)
{
    body,
    html
    {
        scroll-padding-top: 90px;
    }
}
html
{
    overflow-x: hidden;
}
body
{
    font-family: 'Montserrat', Arial, Helvetica, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
}
body.fixed
{
    overflow: hidden;
}
@media (max-width: 767.98px)
{
    body.fixed .google-translate
    {
        -webkit-transition: .6s;
                transition: .6s;
        -webkit-transition-delay: .3s;
                transition-delay: .3s;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        pointer-events: auto;

        opacity: 1;
    }
}
@media (min-width: 1200px)
{
    body.loaded .header .nav .nav-list1 .nav-list2,
    body.loaded .header .list .list2,
    body.loaded .nav-xl-pro,
    body.loaded .nav-xl-list2
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
@media (max-width: 1199.98px)
{
    body.loaded .header .nav
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
body.loaded .language-box .lang-select
{
    display: block;
}
@media (min-width: 1470px)
{
    .container
    {
        max-width: 1440px;
    }
}
@media (min-width: 1710px)
{
    .container
    {
        max-width: 1680px;
    }
}
@media (min-width: 1840px)
{
    .container-lg
    {
        max-width: 1810px;
    }
}
@media (min-width: 1200px)
{
    .arrow-cont
    {
        padding: 0 90px;
    }
}
@media (min-width: 1860px)
{
    .arrow-cont
    {
        max-width: 1830px;
    }
}
@media (min-width: 1200px)
{
    .arrow-cont .slick-prev
    {
        left: 15px;
    }
    .arrow-cont .slick-next
    {
        right: 15px;
    }
}
.skiptranslate[style=''] ~ .header .fade-out
{
    top: 40px;
}
@media (min-width: 1200px)
{
    .skiptranslate[style=''] ~ .header.always-fixed .header-box
    {
        top: 40px;
    }
}
.skiptranslate[style=''] ~ .header.fixed:not(.always-fixed) .header-box
{
    -webkit-transform: translateY(-webkit-calc(100% + 40px));
        -ms-transform: translateY(calc(100% + 40px));
            transform: translateY(calc(100% + 40px));
}
.skiptranslate[style=''] ~ .mobie-fixed .header-box
{
    margin-top: 110px;
}
.ajax-icon-loader
{
    display: inline-block;

    width: 40px;

    -webkit-animation: l20-1 .8s infinite linear alternate, l20-2 1.6s infinite linear;
            animation: l20-1 .8s infinite linear alternate, l20-2 1.6s infinite linear;

    border: 5px solid #d80000;
    border-radius: 50%;

    aspect-ratio: 1;
}
@media (min-width: 1200px)
{
    .video-box img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .video-box:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
.video-box > div,
.video-box .img-box
{
    position: relative;
    z-index: 2;

    display: block;
}
.video-box > div[data-src]:not([data-src='']),
.video-box .img-box[data-src]:not([data-src=''])
{
    cursor: pointer;
}
.video-box > div[data-src]:not([data-src='']) .v-btn-box,
.video-box .img-box[data-src]:not([data-src='']) .v-btn-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.video-box > div[data-src]:not([data-src='']) .mask-diffusion,
.video-box .img-box[data-src]:not([data-src='']) .mask-diffusion
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: 1.2s;
            transition: 1.2s;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

    background-color: #fff;
}
.video-box > div[data-src]:not([data-src='']) .mask-diffusion:nth-child(2),
.video-box .img-box[data-src]:not([data-src='']) .mask-diffusion:nth-child(2)
{
    -webkit-animation-delay: 1.5s !important;
            animation-delay: 1.5s !important;
}
.video-box > div[data-src]:not([data-src='']) .mask-diffusion:nth-child(3),
.video-box .img-box[data-src]:not([data-src='']) .mask-diffusion:nth-child(3)
{
    -webkit-animation-delay: 3s !important;
            animation-delay: 3s !important;
}
.video-box > div[data-src]:not([data-src='']) .auto-animation,
.video-box .img-box[data-src]:not([data-src='']) .auto-animation
{
    -webkit-animation: scaleShadow 3000ms linear infinite;
            animation: scaleShadow 3000ms linear infinite;
}
@media (min-width: 1200px)
{
    .video-box > div[data-src]:not([data-src='']):hover:before,
    .video-box .img-box[data-src]:not([data-src='']):hover:before
    {
        background-color: rgba(0, 0, 0, .1);
    }
    .video-box > div[data-src]:not([data-src='']):hover .v-btn-txt,
    .video-box .img-box[data-src]:not([data-src='']):hover .v-btn-txt
    {
        animation: turn 8000ms linear infinite reverse;
    }
    .video-box > div[data-src]:not([data-src='']):hover .mask-btn .mask-diffusion:not(.auto-animation),
    .video-box .img-box[data-src]:not([data-src='']):hover .mask-btn .mask-diffusion:not(.auto-animation)
    {
        -webkit-animation: scaleShadow 3000ms linear infinite;
                animation: scaleShadow 3000ms linear infinite;
    }
    .video-box > div[data-src]:not([data-src='']):hover .v-btn > img,
    .video-box .img-box[data-src]:not([data-src='']):hover .v-btn > img
    {
        animation: turn 8000ms linear infinite reverse;
    }
    .video-box > div[data-src]:not([data-src='']):hover .v-btn-box .v-btn:after,
    .video-box .img-box[data-src]:not([data-src='']):hover .v-btn-box .v-btn:after
    {
        -webkit-animation: rotateZ 8000ms linear infinite;
                animation: rotateZ 8000ms linear infinite;
    }
}
.video-box .v-btn-box
{
    font-size: 18px;

    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;

    display: none;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #d80000;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1199.98px)
{
    .video-box .v-btn-box
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .video-box .v-btn-box
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .video-box .v-btn-box
    {
        font-size: 15px;
    }
}
.video-box .v-btn-box > span
{
    font-weight: bold;

    margin-top: 15px;

    color: #fff;
}
@media (max-width: 767.98px)
{
    .video-box .v-btn-box > span
    {
        margin-top: 10px;
    }
}
.video-box .v-btn-txt
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-size: contain;
}
.video-box .v-btn
{
    font-style: normal;
    line-height: 1;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.video-box .v-btn,
.video-box .v-btn:before
{
    border-radius: 50%;
}
.video-box .v-btn:before
{
    font-size: 22px;

    position: relative;
    z-index: 10;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 56px;
    height: 56px;

    -webkit-transition: .6s;
            transition: .6s;

    color: #d80000;
    background-color: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 575.98px)
{
    .video-box .v-btn:before
    {
        font-size: 18px;

        width: 48px;
        height: 48px;
    }
}
.video-box .v-btn.mask-btn .mask-diffusion
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 95%;
    height: 95%;

    content: '';
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

    border-radius: 50%;
    background: none;
}
.video-box .v-btn > img
{
    display: block;
}
@media (max-width: 1199.98px)
{
    .video-box .v-btn > img
    {
        animation: turn 8000ms linear infinite reverse;
    }
}
.video-box .v-tit
{
    font-size: 32px;
    font-weight: 500;

    margin-left: 42px;

    text-transform: capitalize;

    color: #fff;
}
@media (max-width: 1469.98px)
{
    .video-box .v-tit
    {
        font-size: 30px;
    }
}
@media (max-width: 1399.98px)
{
    .video-box .v-tit
    {
        font-size: 28px;
    }
}
@media (max-width: 1199.98px)
{
    .video-box .v-tit
    {
        font-size: 26px;
    }
}
@media (max-width: 991.98px)
{
    .video-box .v-tit
    {
        font-size: 24px;
    }
}
@media (max-width: 767.98px)
{
    .video-box .v-tit
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .video-box .v-tit
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .video-box .v-tit
    {
        margin-left: 30px;
    }
}
.video-box > div:not(.img-box)
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.alone-video-btn
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.alone-video-btn:before,
.alone-video-btn span
{
    -webkit-transition: .6s;
            transition: .6s;
}
.alone-video-btn:before
{
    font-family: 'iconfont' !important;
    font-size: 28px;
    font-style: normal;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 80px;
    height: 80px;
    margin-right: 15px;

    content: '\e67c';

    color: #d80000;
    border: 1px solid #d80000;
    border-radius: 50%;
    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .alone-video-btn:before
    {
        font-size: 22px;

        width: 60px;
        height: 60px;
    }
}
@media (max-width: 1199.98px)
{
    .alone-video-btn:before
    {
        font-size: 20px;

        width: 50px;
        height: 50px;
    }
}
@media (max-width: 767.98px)
{
    .alone-video-btn:before
    {
        font-size: 16px;

        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
}
.alone-video-btn span
{
    font-size: 24px;
    font-weight: 500;
}
@media (max-width: 1469.98px)
{
    .alone-video-btn span
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .alone-video-btn span
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .alone-video-btn span
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .alone-video-btn span
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .alone-video-btn span
    {
        font-size: 18px;
    }
}
.alone-video-btn .mask-diffusion
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80%;
    height: 80%;

    content: '';
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    -webkit-animation: scaleShadowBorder 3000ms linear infinite;
            animation: scaleShadowBorder 3000ms linear infinite;

    border: 1px solid #d80000;
    border-radius: 50%;
    background: none;
}
.alone-video-btn .mask-diffusion:nth-child(2)
{
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
}
.alone-video-btn:active
{
    -webkit-transform: scale(.98);
        -ms-transform: scale(.98);
            transform: scale(.98);
}
@media (min-width: 1200px)
{
    .alone-video-btn:hover:before
    {
        color: #fff;
        background-color: #d80000;
    }
    .alone-video-btn:hover span
    {
        color: #d80000;
    }
}
.table-box
{
    overflow: auto;

    width: 100%;
    max-width: 100%;
}
.table-box table
{
    font-size: 16px;

    width: 100% !important;
    max-width: 100%;
    height: auto !important;

    border-spacing: 0;
    border-collapse: collapse;

    text-align: center;

    color: #333;
}
@media (max-width: 991.98px)
{
    .table-box table
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .table-box table
    {
        font-size: 14px;
    }
}
.table-box table.all
{
    position: initial;

    height: auto;
}
.table-box table tr,
.table-box table td,
.table-box table th,
.table-box table p,
.table-box table span
{
    line-height: 1.2;
}
.table-box table p,
.table-box table span
{
    font-size: 1em !important;

    color: inherit !important;
}
@media (max-width: 575.98px)
{
    .table-box table
    {
        font-size: 12px;
    }
}
.table-box table colgroup
{
    display: none !important;
}
.table-box table tr,
.table-box table td,
.table-box table th
{
    width: auto !important;
    height: auto !important;

    vertical-align: middle;
    word-break: normal !important;
}
.table-box table td,
.table-box table th
{
    padding: 12px !important;

    border: 1px solid #d9d9d9 !important;
    background: none !important;
}
@media (max-width: 767.98px)
{
    .table-box table td,
    .table-box table th
    {
        padding: 8px !important;
    }
}
.table-box table tr p,
.table-box table tr span
{
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
}
.table-box table img
{
    max-width: 100%;
    height: auto !important;
}
.table-box table .highlight
{
    font-weight: bold;

    color: #fff;
    background-color: #d80000;
}
h1,
h2,
h3,
h4,
h5
{
    font-family: 'Bebas Neue';
    font-weight: normal;
}
.tit
{
    font-weight: 600;
}
.bg-gray
{
    background-color: #f5f5f5;
}
.bg-blue
{
    background-color: #f7fafc;
}
.auto-adjust-img.is-mobile img
{
    max-width: 100% !important;
    height: auto !important;
    padding: 2px;
}
.auto-adjust-img p.contains-pictures
{
    font-size: 0;

    overflow-x: hidden;

    margin: 0;
    padding: 0;
}
.auto-adjust-img p.contains-pictures > img
{
    display: inline-block;

    margin: 4px;
}
.txt.txt-lg li,
.txt.txt-lg p
{
    font-size: 18px;
}
@media (max-width: 1199.98px)
{
    .txt.txt-lg li,
    .txt.txt-lg p
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .txt.txt-lg li,
    .txt.txt-lg p
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .txt.txt-lg li,
    .txt.txt-lg p
    {
        font-size: 15px;
    }
}
.txt.txt-xs li,
.txt.txt-xs p
{
    font-size: 14px;
}
@media (max-width: 767.98px)
{
    .txt.txt-xs li,
    .txt.txt-xs p
    {
        font-size: 13px;
    }
}
.txt.lh-lg li,
.txt.lh-lg p
{
    line-height: 1.88888889;
}
.txt img
{
    max-width: 100%;
    height: auto !important;
}
.txt embed
{
    max-width: 100%;
}
@media (max-width: 575.98px)
{
    .txt embed
    {
        max-height: 40vh;
    }
}
.txt li,
.txt p
{
    font-size: 16px;

    margin: 0;

    color: #6a6f6d;
}
@media (max-width: 991.98px)
{
    .txt li,
    .txt p
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .txt li,
    .txt p
    {
        font-size: 14px;
    }
}
.auto-adjust-img li a,
.auto-adjust-img p a
{
    text-decoration: underline;

    color: #000;
}
.fancybox-slide--html .fancybox-close-small
{
    line-height: 1;

    top: 12px;
    right: 12px;

    width: auto;
    height: auto;
    padding: 12px;
}
.fancybox-slide--html .fancybox-close-small svg
{
    display: none;
}
.fancybox-slide--html .fancybox-close-small:after
{
    font-family: 'iconfont' !important;
    font-size: 24px;
    font-style: normal;

    content: '\e668';

    color: #c70404;
    background: none !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-track
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.slick-track:before,
.slick-track:after
{
    display: none;
}
.slick-track .slick-slide
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.slick-track .slick-slide .item-box,
.slick-track .slick-slide > div,
.slick-track .slick-slide > div > article
{
    height: 100%;
}
.slick-vertical .slick-track
{
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.slick-list
{
    margin: 0 -15px;
}
.slick-slide
{
    padding: 0 15px;
}
@media (max-width: 991.98px)
{
    .slick-list
    {
        margin: 0 -12px;
    }
    .slick-slide
    {
        padding: 0 12px;
    }
}
@media (max-width: 767.98px)
{
    .slick-list
    {
        margin: 0 -8px;
    }
    .slick-slide
    {
        padding: 0 8px;
    }
}
.slick-dots
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 15px;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    --dots-bg: rgba(0, 0, 0, .05);
}
@media (max-width: 767.98px)
{
    .slick-dots
    {
        margin-top: 10px;
    }
}
.slick-dots > span,
.slick-dots > li
{
    position: relative;

    width: 8px;
    height: 8px;
    margin: 5px 2px 0;

    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;

    opacity: 1;
    border-radius: 8px;
    background-color: var(--dots-bg);
}
@media (min-width: 1200px)
{
    .slick-dots > span:hover,
    .slick-dots > li:hover
    {
        background-color: #d80000;
    }
}
.slick-dots > span.swiper-pagination-bullet-active,
.slick-dots > li.swiper-pagination-bullet-active,
.slick-dots > span.slick-active,
.slick-dots > li.slick-active
{
    opacity: 1;
    background-color: #d80000;
}
.slick-dots > span.swiper-pagination-bullet-active:before,
.slick-dots > li.swiper-pagination-bullet-active:before,
.slick-dots > span.slick-active:before,
.slick-dots > li.slick-active:before
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.slick-dots > span button,
.slick-dots > li button
{
    display: none;
}
.slick-arrow
{
    font-size: 24px;

    position: absolute;
    z-index: 5;
    top: 50%;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 50px;
    height: 50px;
    padding: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    border-radius: 50%;
    background: var(--arrowBg);

    --arrowBg: #f5f5f5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-style: normal;
    line-height: 1;

    display: block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px)
{
    .slick-arrow
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .slick-arrow:hover
    {
        color: #fff;
        background: #d80000;
    }
}
.slick-arrow:active
{
    -webkit-transition: 0s;
            transition: 0s;
    -webkit-transform: translateY(-50%) scale(.95);
        -ms-transform: translateY(-50%) scale(.95);
            transform: translateY(-50%) scale(.95);

    color: #fff;
    background: #d80000;
}
@media (max-width: 767.98px)
{
    .slick-arrow
    {
        font-size: 20px;

        width: 34px;
        height: 34px;
    }
}
.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    content: '\e633';
}
.slick-next
{
    right: 0;
}
.slick-next:before
{
    content: '\e64c';
}
.inline-arrow
{
    position: relative;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767.98px)
{
    .inline-arrow
    {
        margin-top: 12px;
    }
}
.inline-arrow.has-bg-white .slick-arrow
{
    background: #fff;
}
@media (min-width: 1200px)
{
    .inline-arrow.has-bg-white .slick-arrow:hover
    {
        background-color: #d80000;
    }
}
.inline-arrow .slick-dots
{
    margin: 0;
}
.inline-arrow .slick-dots li
{
    margin-top: 0;
}
@media (min-width: 1200px)
{
    .inline-arrow .inline-dots
    {
        padding: 0 15px;
    }
}
.inline-arrow .inline-dots ~ .slick-next
{
    margin-left: 0;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
            order: 2;
}
.title-box,
.title
{
    margin-bottom: var(--ngy-margin-50);
}
.title-box.d-flex .title,
.title-box.d-sm-flex .title,
.title-box.d-md-flex .title,
.title-box.d-lg-flex .title,
.title-box.d-xl-flex .title
{
    margin-bottom: 0 !important;
}
@media (min-width: 1200px)
{
    .title-box.d-flex .title ~ div,
    .title-box.d-sm-flex .title ~ div,
    .title-box.d-md-flex .title ~ div,
    .title-box.d-lg-flex .title ~ div,
    .title-box.d-xl-flex .title ~ div
    {
        margin-left: 15px;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}
@media (max-width: 1199.98px)
{
    .title-box.d-flex .title ~ .txt,
    .title-box.d-sm-flex .title ~ .txt,
    .title-box.d-md-flex .title ~ .txt,
    .title-box.d-lg-flex .title ~ .txt,
    .title-box.d-xl-flex .title ~ .txt
    {
        margin-top: 15px;
    }
}
@media (max-width: 767.98px)
{
    .title-box.d-flex .title ~ .txt,
    .title-box.d-sm-flex .title ~ .txt,
    .title-box.d-md-flex .title ~ .txt,
    .title-box.d-lg-flex .title ~ .txt,
    .title-box.d-xl-flex .title ~ .txt
    {
        margin-top: 10px;
    }
}
.title-box ~ .link-box
{
    margin-top: 25px;
}
.title-type span
{
    font-size: 16px;

    display: inline-block;

    padding: 2px 10px;

    letter-spacing: -.05em;

    color: #fff;
    border-radius: 3px;
    background-color: #000;
}
@media (max-width: 991.98px)
{
    .title-type span
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .title-type span
    {
        font-size: 14px;
    }
}
.second-tit
{
    font-size: 15px;
    font-weight: 500;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: var(--second-tit-margin);

    --second-tit-margin: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767.98px)
{
    .second-tit
    {
        font-size: 14px;
    }
}
@media (max-width: 1199.98px)
{
    .second-tit
    {
        --second-tit-margin: 15px;
    }
}
@media (max-width: 991.98px)
{
    .second-tit
    {
        --second-tit-margin: 10px;
    }
}
@media (max-width: 767.98px)
{
    .second-tit
    {
        --second-tit-margin: 5px;
    }
}
.second-tit:before
{
    width: 12px;
    height: 12px;
    margin-right: var(--second-tit-margin);

    content: '';

    border-radius: 50%;
    background-color: #1dadb5;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 1199.98px)
{
    .second-tit:before
    {
        width: 10px;
        height: 10px;
    }
}
@media (max-width: 991.98px)
{
    .second-tit:before
    {
        width: 8px;
        height: 8px;
    }
}
@media (max-width: 767.98px)
{
    .second-tit:before
    {
        width: 6px;
        height: 6px;
    }
}
.title:not(.container),
.title > *:not(.container)
{
    max-width: 100%;
}
.title.text-center,
.title.text-center > *
{
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.title.text-center > *
{
    width: 1280px;
}
.title.text-center .second-tit
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.title.has-color h2
{
    color: #d80000;
}
.title.color-white
{
    color: #fff;
}
.title.color-white .second-tit,
.title.color-white h1,
.title.color-white h2,
.title.color-white p
{
    color: inherit;
}
.title.color-white .title-type span
{
    color: #000;
    background-color: #fff;
}
.title.color-white .line-icon-box
{
    --border-color: #fff;
}
.title.d-flex h2
{
    margin-bottom: 0;
}
.title.has-border
{
    padding-bottom: var(--ngy-margin-50);

    border-bottom: 1px solid #ebecee;
}
.title .title-type
{
    margin-bottom: 14px;
}
.title .point-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 20px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.title .point-box:before,
.title .point-box:after
{
    width: 20px;
    height: 20px;
    margin-right: 5px;

    content: '';
    -webkit-animation: pointScale 2s infinite;
            animation: pointScale 2s infinite;

    border-radius: 50%;
    background-color: #d80000;
}
.title .point-box:after
{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
@media (max-width: 767.98px)
{
    .title .point-box
    {
        margin-bottom: 10px;
    }
    .title .point-box:before,
    .title .point-box:after
    {
        width: 14px;
        height: 14px;
    }
}
.title h1,
.title h2
{
    font-size: 80px;
    line-height: 1.125;

    margin: 0;
}
.title h1 .has-color,
.title h2 .has-color
{
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(52.88%, #ee4703), to(#f8d81d));
    background: -webkit-linear-gradient(left, #000 0%, #ee4703 52.88%, #f8d81d 100%);
    background:         linear-gradient(90deg, #000 0%, #ee4703 52.88%, #f8d81d 100%);
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media (max-width: 1709.98px)
{
    .title h1,
    .title h2
    {
        font-size: 70px;
    }
}
@media (max-width: 1469.98px)
{
    .title h1,
    .title h2
    {
        font-size: 60px;
    }
}
@media (max-width: 1399.98px)
{
    .title h1,
    .title h2
    {
        font-size: 50px;
    }
}
@media (max-width: 1199.98px)
{
    .title h1,
    .title h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991.98px)
{
    .title h1,
    .title h2
    {
        font-size: 35px;
    }
}
@media (max-width: 767.98px)
{
    .title h1,
    .title h2
    {
        font-size: 30px;
    }
}
@media (max-width: 575.98px)
{
    .title h1,
    .title h2
    {
        font-size: 28px;
    }
}
.title-lg h1,
.title-lg h2
{
    font-size: 70px;
    line-height: 1.14285714;
}
@media (max-width: 1469.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 60px;
    }
}
@media (max-width: 1399.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 50px;
    }
}
@media (max-width: 1199.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 35px;
    }
}
@media (max-width: 767.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 30px;
    }
}
@media (max-width: 575.98px)
{
    .title-lg h1,
    .title-lg h2
    {
        font-size: 25px;
    }
}
.title-xs h1,
.title-xs h2
{
    font-size: 56px;
}
@media (max-width: 1469.98px)
{
    .title-xs h1,
    .title-xs h2
    {
        font-size: 52px;
    }
}
@media (max-width: 1199.98px)
{
    .title-xs h1,
    .title-xs h2
    {
        font-size: 44px;
    }
}
@media (max-width: 991.98px)
{
    .title-xs h1,
    .title-xs h2
    {
        font-size: 36px;
    }
}
@media (max-width: 767.98px)
{
    .title-xs h1,
    .title-xs h2
    {
        font-size: 30px;
    }
}
.title h3
{
    font-size: 36px;
    line-height: 1.16;
}
@media (max-width: 1199.98px)
{
    .title h3
    {
        font-size: 32px;
    }
}
@media (max-width: 991.98px)
{
    .title h3
    {
        font-size: 28px;
    }
}
@media (max-width: 767.98px)
{
    .title h3
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .title h3
    {
        font-size: 22px;
    }
}
.title .txt
{
    margin-top: 20px;
}
@media (max-width: 991.98px)
{
    .title .txt
    {
        margin-top: 15px;
    }
}
@media (max-width: 767.98px)
{
    .title .txt
    {
        margin-top: 10px;
    }
}
.google-translate
{
    line-height: 1.3 !important;

    min-width: 80px;
}
@media (min-width: 1200px)
{
    .google-translate a:hover
    {
        color: inherit !important;
    }
}
.public-padding
{
    padding-top: 130px;
    padding-bottom: 130px;
}
@media (max-width: 1709.98px)
{
    .public-padding
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (max-width: 1469.98px)
{
    .public-padding
    {
        padding-top: 85px;
        padding-bottom: 85px;
    }
}
@media (max-width: 1199.98px)
{
    .public-padding
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media (max-width: 991.98px)
{
    .public-padding
    {
        padding-top: 55px;
        padding-bottom: 55px;
    }
}
@media (max-width: 767.98px)
{
    .public-padding
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.fancybox-slide--html .fancybox-close-small
{
    font-size: 30px;
    line-height: 1;

    top: 0;
    right: 0;

    width: auto;
    height: auto;
    padding: 8px;
}
.fancybox-slide--html .fancybox-close-small svg
{
    display: none;
}
.fancybox-slide--html .fancybox-close-small:after
{
    font-family: 'iconfont' !important;
    font-size: 1em;
    font-style: normal;

    content: '\e676';

    color: #d80000;
    background: none !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767.98px)
{
    .fancybox-slide--html .fancybox-close-small
    {
        font-size: 26px;

        padding: 5px;
    }
}
.list-l .title
{
    margin-bottom: 8.57142857%;
}
@media (min-width: 1200px)
{
    .list-l
    {
        width: 350px;
        max-width: 23.03030303%;
    }
}
@media (min-width: 1200px)
{
    .content-r
    {
        width: 74.54545455%;
    }
}
.menu-wrap .menu-tit
{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;

    margin-bottom: 20px;
}
@media (max-width: 1469.98px)
{
    .menu-wrap .menu-tit
    {
        font-size: 32px;
    }
}
.menu-wrap .menu
{
    position: relative;
    z-index: 10;
}
.menu-wrap .menu a
{
    display: block;
}
.menu-wrap .menu1
{
    font-size: 20px;
    font-weight: 500;

    padding-bottom: 1px;

    color: #fff;
}
@media (max-width: 1469.98px)
{
    .menu-wrap .menu1
    {
        font-size: 18px;
    }
}
@media (max-width: 1399.98px)
{
    .menu-wrap .menu1
    {
        font-size: 16px;
    }
}
.menu-wrap .menu1 li .menu-more:after,
.menu-wrap .menu1 > li > a:after
{
    font-family: 'iconfont' !important;
    font-size: 1em;
    font-style: normal;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    content: '\e728';
    -webkit-transition: -webkit-transform .4s;
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .4s;
            transition:         transform .4s;
            transition:         transform .4s, -webkit-transform .4s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.menu-wrap .menu1 button.menu-more
{
    padding: 0;
}
.menu-wrap .menu1 li .menu-more,
.menu-wrap .menu1 > li > a:after
{
    padding: 0 5.71428571%;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.menu-wrap .menu1.reverse-icon li .more-wrap,
.menu-wrap .menu1.reverse-icon > li > a
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.menu-wrap .menu1.reverse-icon li .menu-more,
.menu-wrap .menu1.reverse-icon > li > a:after
{
    padding: 0 10px 0 0;
}
.menu-wrap .menu1 li.more
{
    position: relative;
}
.menu-wrap .menu1 li .more-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.menu-wrap .menu1 li .more-wrap > a
{
    padding-right: 0 !important;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
}
.menu-wrap .menu1 li .menu-more
{
    z-index: 2;

    color: inherit;
    background: none;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.menu-wrap .menu1 li.active > .more-wrap > .menu-more:after
{
    content: '\e65d';
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.menu-wrap .menu1 > li
{
    position: relative;
    z-index: 2;

    margin-bottom: 10px;

    border-radius: 10px;
    background-color: #f5f5f5;
}
@media (max-width: 1199.98px)
{
    .menu-wrap .menu1 > li
    {
        border-radius: 8px;
    }
}
@media (max-width: 991.98px)
{
    .menu-wrap .menu1 > li
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .menu-wrap .menu1 > li
    {
        border-radius: 4px;
    }
}
.menu-wrap .menu1 > li.active > a,
.menu-wrap .menu1 > li.active > .more-wrap
{
    color: #fff;
    background-color: #d80000;
}
.menu-wrap .menu1 > li.active > a span,
.menu-wrap .menu1 > li.active > .more-wrap span
{
    color: inherit;
}
.menu-wrap .menu1 > li > .more-wrap,
.menu-wrap .menu1 > li > a
{
    line-height: 1.1;

    position: relative;

    -webkit-transition: .3s;
            transition: .3s;

    border-radius: 10px;
    background-color: #000;
}
@media (max-width: 1199.98px)
{
    .menu-wrap .menu1 > li > .more-wrap,
    .menu-wrap .menu1 > li > a
    {
        border-radius: 8px;
    }
}
@media (max-width: 991.98px)
{
    .menu-wrap .menu1 > li > .more-wrap,
    .menu-wrap .menu1 > li > a
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .menu-wrap .menu1 > li > .more-wrap,
    .menu-wrap .menu1 > li > a
    {
        border-radius: 4px;
    }
}
@media (min-width: 1200px)
{
    .menu-wrap .menu1 > li > .more-wrap:hover,
    .menu-wrap .menu1 > li > a:hover
    {
        color: #fff;
        background-color: #d80000;
    }
}
.menu-wrap .menu1 > li > a
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.menu-wrap .menu1 > li > a,
.menu-wrap .menu1 > li > .more-wrap > a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.menu-wrap .menu1 > li > a > span,
.menu-wrap .menu1 > li > .more-wrap > a > span
{
    font-weight: 600;
    line-height: 1.3;

    padding: 5.14285714% 5.71428571%;
}
.menu-wrap .menu1 ul
{
    display: none;
}
.menu-wrap .menu2
{
    font-size: .8em;

    padding: 6.85714286% 5.71428571%;

    color: #666;
}
.menu-wrap .menu2.has-multiple > li > a:before,
.menu-wrap .menu2.has-multiple > li > .more-wrap:before
{
    line-height: 1;

    width: 14px;
    height: 14px;
    margin-top: 6px;
    margin-right: 10px;

    content: '';

    border: 1px solid #000;
    border-radius: 2px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.menu-wrap .menu2.has-multiple > li.active > a:before,
.menu-wrap .menu2.has-multiple > li.active > .more-wrap:before
{
    font-family: 'iconfont' !important;
    font-size: 15px;
    font-style: normal;

    width: auto;
    height: auto;

    content: '\e65d';

    border: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-wrap .menu2 > li
{
    position: relative;
}
.menu-wrap .menu2 > li:not(:first-child)
{
    margin-top: 4.83870968%;
}
.menu-wrap .menu2 > li.active > a > span,
.menu-wrap .menu2 > li.active > .more-wrap > span
{
    text-decoration: underline;

    color: #d80000;
}
@media (min-width: 1200px)
{
    .menu-wrap .menu2 > li > a:hover,
    .menu-wrap .menu2 > li > .more-wrap:hover
    {
        border-bottom-color: #d80000;
    }
}
.menu-wrap .menu2 > li > a,
.menu-wrap .menu2 > li > .more-wrap > a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.menu-wrap .menu2 > li > a > span,
.menu-wrap .menu2 > li > .more-wrap > a > span
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.menu-wrap .menu2 > li > a
{
    position: relative;
}
@media (min-width: 1200px)
{
    .menu-wrap .menu2 > li > a
    {
        -webkit-transition: .2s;
                transition: .2s;
    }
    .menu-wrap .menu2 > li > a:hover
    {
        color: #d80000;
    }
}
.menu-wrap .menu3
{
    font-size: 13px;
}
.menu-wrap .menu3 > li
{
    line-height: 1.8;

    padding-left: 20px;

    color: #666;
}
.menu-wrap .menu3 > li.active > a
{
    color: #d80000;
}
@media (min-width: 1200px)
{
    .menu-wrap .menu3 > li > a:hover
    {
        color: #d80000;
    }
}
.menu-wrap .slide-news li:not(:first-child)
{
    margin-top: 12px;
    padding-top: 12px;

    border-top: 1px solid #f1f6ee;
}
.menu-wrap .slide-news .date
{
    color: #d80000;
}
.menu-wrap .slide-news .tit
{
    display: -webkit-box;
    overflow: hidden;

    height: auto;
    margin-top: 4px;

    color: #3b3b3b;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (min-width: 1200px)
{
    .menu-wrap .slide-news a:hover
    {
        text-decoration: underline;

        color: #d80000;
    }
}
.breadcrumb-box
{
    position: relative;
    z-index: 2;

    color: #999;
    background: #f5f5f5;
}
.breadcrumb
{
    font-size: 14px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 60px;
    margin: 0;
    padding: 5px 0;

    color: inherit;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199.98px)
{
    .breadcrumb
    {
        min-height: 50px;
    }
}
@media (max-width: 991.98px)
{
    .breadcrumb
    {
        min-height: 40px;
    }
}
@media (max-width: 767.98px)
{
    .breadcrumb
    {
        font-size: 13px;

        padding: 8px 0;
    }
}
@media (max-width: 575.98px)
{
    .breadcrumb
    {
        font-size: 2.8vw;
    }
}
.breadcrumb li
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.breadcrumb li:first-child:before
{
    font-family: 'iconfont' !important;
    font-size: 1.3em;
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    margin-right: 15px;

    content: '\e6c8';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1199.98px)
{
    .breadcrumb li:first-child:before
    {
        margin-right: 10px;
    }
}
@media (max-width: 767.98px)
{
    .breadcrumb li:first-child:before
    {
        margin-right: 5px;
    }
}
.breadcrumb li a,
.breadcrumb li span
{
    display: inline-block;

    vertical-align: middle;

    color: inherit;
}
@media (min-width: 1200px)
{
    .breadcrumb li a:hover
    {
        text-decoration: underline;
    }
}
@media (max-width: 1199.98px)
{
    .breadcrumb li a:active
    {
        text-decoration: underline;
    }
}
.breadcrumb > li + li:before
{
    display: inline-block;

    padding: 0 8px;

    content: '>';
    vertical-align: middle;

    color: inherit;
}
@media (max-width: 767.98px)
{
    .breadcrumb > li + li:before
    {
        padding: 0 5px;
    }
}
button.link-box
{
    padding: 0;

    background: none;
}
.link-box
{
    text-transform: capitalize;
}
.link-box.more-icon-external
{
    padding-right: 43px !important;
}
.link-box.more-icon-external > a,
.link-box.more-icon-external > span
{
    position: relative;
}
@media (min-width: 1200px)
{
    .link-box.more-icon-external > a:hover:after,
    .link-box.more-icon-external > span:hover:after
    {
        background-color: #333;
    }
}
.link-box.more-icon-external > a:after,
.link-box.more-icon-external > span:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 40px;
    height: 40px;
    margin-right: -3px;

    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: translateX(100%) !important;
        -ms-transform: translateX(100%) !important;
            transform: translateX(100%) !important;

    color: #fff;
    border-radius: 14px;
    background-color: #d80000;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .link-box.more-icon-external > a:after,
    .link-box.more-icon-external > span:after
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .link-box.more-icon-external > a:after,
    .link-box.more-icon-external > span:after
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .link-box.more-icon-external > a:after,
    .link-box.more-icon-external > span:after
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.more-icon-external > a:after,
    .link-box.more-icon-external > span:after
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.more-icon-external > a:after,
    .link-box.more-icon-external > span:after
    {
        width: 35px;
        height: 35px;
    }
}
.link-box > a,
.link-box > span
{
    font-size: 16px;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 991.98px)
{
    .link-box > a,
    .link-box > span
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .link-box > a,
    .link-box > span
    {
        font-size: 14px;
    }
}
.link-box > a > span,
.link-box > span > span
{
    font-weight: 500;
}
@media (min-width: 1200px)
{
    .link-box > a,
    .link-box > span
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
}
.link-box > a:active,
.link-box > span:active
{
    -webkit-transition: 0s;
            transition: 0s;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);
}
.link-box.submit
{
    display: block;

    padding: 0;

    background: none;
}
@media (min-width: 1200px)
{
    .link-box.has-normal > a,
    .link-box.has-normal > span
    {
        -webkit-transition: color .3s;
                transition: color .3s;
    }
    .link-box.has-normal > a:hover,
    .link-box.has-normal > span:hover
    {
        color: #d80000;
    }
    .link-box.has-normal > a:hover span,
    .link-box.has-normal > span:hover span
    {
        text-decoration: underline;
    }
}
.link-box.has-normal > a:active,
.link-box.has-normal > span:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #d80000;
}
.link-box.has-normal > a:active span,
.link-box.has-normal > span:active span
{
    text-decoration: underline;
}
.link-box.has-normal.has-icon > a:after,
.link-box.has-normal.has-icon > span:after
{
    content: '\e647' !important;
}
.link-box.has-padding > a,
.link-box.has-padding > span
{
    position: relative;

    margin: 6px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
}
.link-box.has-padding > a:before,
.link-box.has-padding > span:before
{
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;

    content: '';

    border: 1px solid #d9d9d9;
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .link-box.has-padding > a:before,
    .link-box.has-padding > span:before
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .link-box.has-padding > a:before,
    .link-box.has-padding > span:before
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .link-box.has-padding > a:before,
    .link-box.has-padding > span:before
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.has-padding > a:before,
    .link-box.has-padding > span:before
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.has-padding > a,
    .link-box.has-padding > span
    {
        margin: 4px;
    }
    .link-box.has-padding > a:before,
    .link-box.has-padding > span:before
    {
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px;
    }
}
.link-box.has-width > a,
.link-box.has-width > span
{
    font-size: 16px;

    min-width: 126px;
    min-height: 38px;
    padding: 5px 24px;
}
@media (max-width: 991.98px)
{
    .link-box.has-width > a,
    .link-box.has-width > span
    {
        font-size: 14px;

        min-width: 110px;
        min-height: 34px;
        padding: 5px 20px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.has-width > a,
    .link-box.has-width > span
    {
        font-size: 12px;

        min-width: 100px;
        min-height: 32px;
        padding: 5px 15px;
    }
}
.link-box.has-radius > a,
.link-box.has-radius > span
{
    border-radius: 50px;
}
@media (min-width: 1200px)
{
    .link-box.has-icon:not(.has-width) > a:hover,
    .link-box.has-icon:not(.has-width) > span:hover
    {
        color: #d80000;
    }
}
.link-box.has-icon > a,
.link-box.has-icon > span
{
    cursor: pointer;
}
.link-box.has-icon > a:after,
.link-box.has-icon > span:after
{
    font-family: 'iconfont' !important;
    font-style: normal;
    line-height: 1;

    margin: 0 0 0 10px;

    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767.98px)
{
    .link-box.has-icon > a:after,
    .link-box.has-icon > span:after
    {
        margin-left: 8px;
    }
}
.link-box.has-icon > a:empty,
.link-box.has-icon > span:empty
{
    padding: 0;
}
.link-box.has-icon > a:empty:after,
.link-box.has-icon > span:empty:after
{
    margin-left: 0;
}
@media (min-width: 1200px)
{
    .link-box.has-icon > a:empty:hover:after,
    .link-box.has-icon > span:empty:hover:after
    {
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
    }
}
@media (min-width: 1200px)
{
    .link-box.has-icon > a:after,
    .link-box.has-icon > span:after
    {
        -webkit-transition: -webkit-transform .3s;
                transition: -webkit-transform .3s;
                transition:         transform .3s;
                transition:         transform .3s, -webkit-transform .3s;
    }
    .link-box.has-icon > a:hover:after,
    .link-box.has-icon > span:hover:after
    {
        -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
                transform: translateX(5px);
    }
}
.link-box.has-icon.more-box[type='submit']
{
    text-align: left;
}
.link-box.has-icon.more-box > a:after,
.link-box.has-icon.more-box > span:after
{
    content: '\eb63';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 1200px)
{
    .link-box.has-icon.more-box > a:hover:after,
    .link-box.has-icon.more-box > span:hover:after
    {
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    .link-box.has-icon.more-box > a:hover .icon-more:after,
    .link-box.has-icon.more-box > span:hover .icon-more:after
    {
        color: #d80000;
    }
}
.link-box.has-icon.more-box > a:active:after,
.link-box.has-icon.more-box > span:active:after
{
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.link-box.has-icon.more-box > a:active .icon-more:after,
.link-box.has-icon.more-box > span:active .icon-more:after
{
    -webkit-transition: 0s;
            transition: 0s;
}
.link-box.has-icon.more-box .icon-more
{
    line-height: 1;

    position: absolute;
    top: 8px;
    right: 8px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    width: 30px;
    height: 30px;

    color: #000;
    border-radius: 4px;
    background-color: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.link-box.has-icon.more-box .icon-more:after
{
    font-family: 'iconfont' !important;
    font-style: normal;

    display: block;

    content: '\eb63';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1199.98px)
{
    .link-box.has-icon.more-box .icon-more
    {
        width: 26px;
        height: 26px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.has-icon.more-box .icon-more
    {
        font-size: 12px;

        top: 6px;
        right: 6px;

        width: 22px;
        height: 22px;
    }
}
.link-box.has-icon.inquiry-btn > a:after,
.link-box.has-icon.inquiry-btn > span:after
{
    font-size: 1.2em;

    content: '\e636';
}
.link-box.has-icon.add-btn > a,
.link-box.has-icon.add-btn > span
{
    position: relative;
}
.link-box.has-icon.add-btn > a:after,
.link-box.has-icon.add-btn > span:after
{
    font-size: 1.2em;

    content: '\e767';
}
.link-box.has-icon.contact-btn > a:after,
.link-box.has-icon.contact-btn > span:after
{
    font-size: 1.2em;

    content: '\e64a';
}
@media (min-width: 1200px)
{
    .link-box.has-icon.find-btn > *:hover:after,
    .link-box.has-icon.cart-btn > *:hover:after
    {
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
    }
}
.link-box.has-icon.find-btn > a:after,
.link-box.has-icon.find-btn > span:after
{
    content: '\e660';
}
.link-box.has-icon.cart-btn > a:after,
.link-box.has-icon.cart-btn > span:after
{
    content: '\e64d';
}
.link-box.has-icon.about-btn > a:after,
.link-box.has-icon.about-btn > span:after
{
    content: '\e66d';
}
.link-box.has-icon.video-btn > a:after,
.link-box.has-icon.video-btn > span:after
{
    font-size: 1.2em;

    content: '\e726';
}
.link-box.has-icon.test-btn > a:after,
.link-box.has-icon.test-btn > span:after
{
    content: '\e813';
}
.link-box.has-icon.iso-btn > a:after,
.link-box.has-icon.iso-btn > span:after
{
    content: '\e696';
}
.link-box.has-icon.write-btn > a:after,
.link-box.has-icon.write-btn > span:after
{
    content: '\e64c';
}
.link-box.has-icon.submit
{
    display: block;

    padding: 0;

    background: none;
}
.link-box.has-icon.submit > a:after,
.link-box.has-icon.submit > span:after
{
    font-size: 1em;

    content: '\e64e';
}
@media (min-width: 1200px)
{
    .link-box.has-icon.uploading-btn > a:hover:after,
    .link-box.has-icon.download-btn > a:hover:after,
    .link-box.has-icon.uploading-btn > span:hover:after,
    .link-box.has-icon.download-btn > span:hover:after
    {
        -webkit-animation: jump 1s infinite;
                animation: jump 1s infinite;
    }
}
.link-box.has-icon.uploading-btn > a:after,
.link-box.has-icon.uploading-btn > span:after
{
    font-size: 1.2em;
    line-height: 1;

    content: '\eb2c';
}
.link-box.has-icon.upload-btn.active > a:after,
.link-box.has-icon.upload-btn.active > span:after
{
    -webkit-transform: rotate(135deg) !important;
        -ms-transform: rotate(135deg) !important;
            transform: rotate(135deg) !important;
}
.link-box.has-icon.upload-btn > a:after,
.link-box.has-icon.upload-btn > span:after
{
    font-size: 1.3em !important;
    line-height: 1;

    content: '\e641';
}
.link-box.has-icon.download-btn > a > b,
.link-box.has-icon.download-btn > span > b
{
    text-decoration: underline;
}
.link-box.has-icon.download-btn > a:after,
.link-box.has-icon.download-btn > span:after
{
    font-size: 1.2em;

    content: '\e66a';
}
.link-box.reverse-icon > a,
.link-box.reverse-icon > span
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.link-box.reverse-icon > a:after,
.link-box.reverse-icon > span:after
{
    margin: 0 12px 0 0;
}
@media (min-width: 1200px)
{
    .link-box.reverse-icon > a:hover:after,
    .link-box.reverse-icon > span:hover:after
    {
        -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
                transform: translateX(5px);
    }
}
@media (max-width: 767.98px)
{
    .link-box.reverse-icon > a:after,
    .link-box.reverse-icon > span:after
    {
        margin-right: 5px;
    }
}
.link-box.icon-has-wh > a:after,
.link-box.icon-has-wh > span:after
{
    font-size: 20px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 44px;
    height: 44px;
    margin: 0;

    color: #fff;
    border-radius: 50%;
    background-color: #d80000;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.link-box.icon-has-wh > a > span,
.link-box.icon-has-wh > span > span
{
    padding: 0 24px;
}
@media (min-width: 1200px)
{
    .link-box.icon-has-wh > a:hover:after,
    .link-box.icon-has-wh > span:hover:after
    {
        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
    }
}
@media (max-width: 1469.98px)
{
    .link-box.icon-has-wh > a:after,
    .link-box.icon-has-wh > span:after
    {
        font-size: 18px;

        width: 36px;
        height: 36px;
    }
    .link-box.icon-has-wh > a > span,
    .link-box.icon-has-wh > span > span
    {
        padding: 0 15px;
    }
}
@media (max-width: 1199.98px)
{
    .link-box.icon-has-wh > a:after,
    .link-box.icon-has-wh > span:after
    {
        font-size: 16px;

        width: 32px;
        height: 32px;
    }
    .link-box.icon-has-wh > a > span,
    .link-box.icon-has-wh > span > span
    {
        padding: 0 15px;
    }
}
@media (max-width: 767.98px)
{
    .link-box.icon-has-wh > a:after,
    .link-box.icon-has-wh > span:after
    {
        font-size: 14px;

        width: 28px;
        height: 28px;
    }
    .link-box.icon-has-wh > a > span,
    .link-box.icon-has-wh > span > span
    {
        padding: 0 8px;
    }
}
.link-box.icon-has-wh.has-width > a,
.link-box.icon-has-wh.has-width > span
{
    height: auto;
    padding: 8px;
}
@media (max-width: 767.98px)
{
    .link-box.icon-has-wh.has-width > a,
    .link-box.icon-has-wh.has-width > span
    {
        padding: 6px;
    }
}
.link-box.icon-has-wh.has-bg-normal > a:after,
.link-box.icon-has-wh.has-bg-normal > span:after
{
    color: #d80000;
    background-color: #fff;
}
@media (min-width: 1200px)
{
    .link-box.has-border.icon-has-wh > a:hover:after,
    .link-box.has-border.icon-has-wh > span:hover:after
    {
        -webkit-transition: .3s;
                transition: .3s;

        color: #d80000;
        background-color: #fff;
    }
}
.link-box.has-border.icon-has-wh > a:active:after,
.link-box.has-border.icon-has-wh > span:active:after
{
    color: #d80000;
    background-color: #fff;
}
.link-box.has-border > a,
.link-box.has-border > span
{
    color: #000;
    border: 1px solid #000;
}
@media (min-width: 1200px)
{
    .link-box.has-border > a,
    .link-box.has-border > span
    {
        -webkit-transition: .6s;
                transition: .6s;
    }
    .link-box.has-border > a:hover,
    .link-box.has-border > span:hover
    {
        color: #fff;
        border-color: #d80000;
        background-color: #d80000;
    }
    .link-box.has-border > a:hover:after,
    .link-box.has-border > span:hover:after
    {
        color: inherit;
    }
}
.link-box.has-border > a:active,
.link-box.has-border > span:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #fff;
    border-color: #d80000;
    background-color: #d80000;
}
.link-box.has-border > a:active:after,
.link-box.has-border > span:active:after
{
    color: inherit;
}
.link-box.has-bg > a,
.link-box.has-bg-gray > a,
.link-box.has-bg-black > a,
.link-box.has-bg > span,
.link-box.has-bg-gray > span,
.link-box.has-bg-black > span
{
    color: #fff;
}
@media (min-width: 1200px)
{
    .link-box.has-bg > a,
    .link-box.has-bg-gray > a,
    .link-box.has-bg-black > a,
    .link-box.has-bg > span,
    .link-box.has-bg-gray > span,
    .link-box.has-bg-black > span
    {
        -webkit-transition: .5s;
                transition: .5s;
    }
}
.link-box.has-bg > a:active,
.link-box.has-bg-gray > a:active,
.link-box.has-bg-black > a:active,
.link-box.has-bg > span:active,
.link-box.has-bg-gray > span:active,
.link-box.has-bg-black > span:active
{
    -webkit-transition: 0s;
            transition: 0s;
}
.link-box.has-bg > a,
.link-box.has-bg > span
{
    background: rgba(255, 255, 255, .3);
}
@media (min-width: 1200px)
{
    .link-box.has-bg > a:hover,
    .link-box.has-bg > span:hover
    {
        color: #000;
        background-color: #fff;
    }
}
.link-box.has-bg > a:active,
.link-box.has-bg > span:active
{
    color: #000;
    background-color: #fff;
}
.link-box.has-bg-normal > a,
.link-box.has-bg-normal > span
{
    color: #fff;
    background-color: #d80000;
}
.link-box.has-bg-normal > a:after,
.link-box.has-bg-normal > span:after
{
    color: inherit;
}
.link-box.has-bg-normal > a .icon-more:after,
.link-box.has-bg-normal > span .icon-more:after
{
    color: #d80000;
}
@media (min-width: 1200px)
{
    .link-box.has-bg-normal > a:hover,
    .link-box.has-bg-normal > span:hover
    {
        color: #fff;
        background-color: #c70404;
    }
}
.link-box.has-bg-normal > a:active,
.link-box.has-bg-normal > span:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #fff;
    background-color: #c70404;
}
.link-box.has-bg-gray > a,
.link-box.has-bg-gray > span
{
    color: #fff;
    background-color: #b0b0b0;
}
.link-box.has-bg-black > a,
.link-box.has-bg-black > span
{
    color: #fff;
    background-color: #000;
}
@media (min-width: 1200px)
{
    .link-box.has-bg-black > a:hover,
    .link-box.has-bg-black > span:hover
    {
        background-color: #d80000;
    }
}
.link-box.has-bg-black > a:active,
.link-box.has-bg-black > span:active
{
    background-color: #d80000;
}
.link-box.has-bg-white > a,
.link-box.has-bg-white > span
{
    color: #d80000;
    background-color: #fff;
}
@media (min-width: 1200px)
{
    .link-box.has-bg-white > a,
    .link-box.has-bg-white > span
    {
        -webkit-transition: .5s;
                transition: .5s;
    }
    .link-box.has-bg-white > a:hover,
    .link-box.has-bg-white > span:hover
    {
        color: #fff;
        background-color: #d80000;
    }
}
.link-box.has-bg-white > a:active,
.link-box.has-bg-white > span:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #fff;
    background-color: #d80000;
}
.link-box.has-bg-filter > a,
.link-box.has-bg-filter > span
{
    background: rgba(255, 255, 255, .15);

    -webkit-backdrop-filter: blur(23px);
            backdrop-filter: blur(23px);
}
.link-box.has-bg-filter > a,
.link-box.has-bg-filter > span,
.link-box.has-bg-filter > a:before,
.link-box.has-bg-filter > span:before
{
    -webkit-transition: .3s;
            transition: .3s;
}
.link-box.has-bg-filter > a:before,
.link-box.has-bg-filter > span:before
{
    border-color: rgba(255, 255, 255, .25);
}
@media (min-width: 1200px)
{
    .link-box.has-bg-filter > a:hover,
    .link-box.has-bg-filter > span:hover
    {
        background: rgba(255, 255, 255, .1);
    }
    .link-box.has-bg-filter > a:hover:before,
    .link-box.has-bg-filter > span:hover:before
    {
        border-color: rgba(255, 255, 255, .55);
    }
}
.link-box.has-line > a,
.link-box.has-line > span
{
    position: relative;
}
.link-box.has-line > a:after,
.link-box.has-line > span:after
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 1200px)
{
    .link-box.has-line > a:hover,
    .link-box.has-line > span:hover
    {
        color: inherit;
    }
    .link-box.has-line > a:hover:after,
    .link-box.has-line > span:hover:after
    {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
    }
}
.link-box.has-line > a > span:before,
.link-box.has-line > span > span:before,
.link-box.has-line > a > span:after,
.link-box.has-line > span > span:after
{
    position: absolute;
    top: 0;

    width: 4px;
    height: 100%;

    content: '';

    border: 1px solid #666;
}
.link-box.has-line > a > span:before,
.link-box.has-line > span > span:before
{
    left: 0;

    border-right: none;
}
.link-box.has-line > a > span:after,
.link-box.has-line > span > span:after
{
    right: 0;

    border-left: none;
}
.share-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: var(--ngy-margin-40);

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.share-box > span
{
    font-size: 14px;

    margin-right: 15px;

    text-transform: capitalize;
}
@media (max-width: 767.98px)
{
    .share-box > span
    {
        margin-right: 10px;
    }
}
.pagination-box
{
    display: block;

    margin-top: var(--ngy-margin-80);

    --pagination-color: #000;
    --pagination-bg: #f5f5f5;
    --pagination-bg-hover: #d80000;
}
.pagination-box a,
.pagination-box span:not(.ellipsis)
{
    font-size: 16px;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    overflow: hidden;

    min-width: 48px;
    height: 48px;
    margin: 0;
    margin: 0 8px;
    padding: 0 5px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    color: var(--pagination-color);
    border-radius: 4px;
    background-color: var(--pagination-bg);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 991.98px)
{
    .pagination-box a,
    .pagination-box span:not(.ellipsis)
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .pagination-box a,
    .pagination-box span:not(.ellipsis)
    {
        font-size: 14px;
    }
}
@media (min-width: 1200px)
{
    .pagination-box a,
    .pagination-box span:not(.ellipsis)
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .pagination-box a:hover,
    .pagination-box span:not(.ellipsis):hover
    {
        color: #fff;
        background-color: var(--pagination-bg-hover);
    }
}
@media (max-width: 1199.98px)
{
    .pagination-box a,
    .pagination-box span:not(.ellipsis)
    {
        font-size: 16px;

        min-width: 34px;
        height: 34px;
        margin: 0 5px;
    }
    .pagination-box a:active,
    .pagination-box span:not(.ellipsis):active
    {
        -webkit-transition: 0s;
                transition: 0s;

        color: #fff;
        border-color: transparent;
        background-color: var(--pagination-bg-hover);
    }
}
@media (max-width: 575.98px)
{
    .pagination-box a,
    .pagination-box span:not(.ellipsis)
    {
        font-size: 14px;

        min-width: 28px;
        min-width: max(28px, 7vw);
        height: 28px;
        height: max(28px, 7vw);
        margin: 0 3px;
    }
}
.pagination-box .ellipsis
{
    margin: 0 5px;
}
@media (max-width: 767.98px)
{
    .pagination-box .ellipsis
    {
        margin: 0 3px;
    }
}
.pagination-box span.current
{
    color: #fff;
    background-color: var(--pagination-bg-hover);
}
.pagination-box span.current.prev,
.pagination-box span.current.next
{
    display: none;
}
.pagination-box .next:before,
.pagination-box .prev:before,
.pagination-box .next:after,
.pagination-box .prev:after
{
    font-family: 'iconfont' !important;
    font-size: 1.4em;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagination-box .prev:before
{
    content: '\e9b5';
}
.pagination-box .next:after
{
    content: '\e72f';
}
.num-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (min-width: 992px)
{
    .num-box
    {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media (max-width: 991.98px)
{
    .num-box
    {
        margin: -25px -10px 0;
    }
}
.num-box > li
{
    position: relative;

    width: 25%;
    margin-top: 25px;
    padding: 0 10px;
}
@media (max-width: 991.98px)
{
    .num-box > li
    {
        width: 50%;
    }
}
.num-box .item
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: 100%;
    padding: 0 35px;

    border-left: 1px solid #d9d9d9;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.num-box .item:before
{
    font-family: 'iconfont' !important;
    font-style: normal;
    line-height: 1;

    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 1px;

    content: '\e65b';

    color: #d9d9d9;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 575.98px)
{
    .num-box .item
    {
        padding: 0 8%;
    }
    .num-box .item:before
    {
        font-size: 12px;
    }
}
.num-box .number
{
    font-size: 76px;

    position: relative;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    margin-bottom: var(--ngy-margin-40);
    padding-right: 10px;

    -webkit-transition: color .2s;
            transition: color .2s;
    white-space: nowrap;
    letter-spacing: -.05em;

    background-image: -webkit-linear-gradient(left, var(--houdini-txt-colorA) 50%, var(--houdini-txt-colorA) 50%, var(--houdini-txt-colorB) 100%);
    background-image:         linear-gradient(90deg, var(--houdini-txt-colorA) 50%, var(--houdini-txt-colorA) 50%, var(--houdini-txt-colorB) 100%);
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-text-fill-color: transparent;
    --houdini-txt-colorA: #000;
    --houdini-txt-colorB: #d80000;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 1200px)
{
    .num-box .number
    {
        transition: .3s --houdini-txt-colorA, .3s --houdini-txt-colorB, .3s;
    }
}
@media (max-width: 1709.98px)
{
    .num-box .number
    {
        font-size: 66px;
    }
}
@media (max-width: 1469.98px)
{
    .num-box .number
    {
        font-size: 60px;
    }
}
@media (max-width: 1399.98px)
{
    .num-box .number
    {
        font-size: 50px;
    }
}
@media (max-width: 1199.98px)
{
    .num-box .number
    {
        font-size: 40px;
    }
}
@media (max-width: 767.98px)
{
    .num-box .number
    {
        font-size: 30px;
    }
}
.num-box .number > span
{
    font-weight: 500;
    line-height: 1;
}
.num-box sub,
.num-box sup
{
    line-height: 1;
}
.num-box sub
{
    bottom: 0;
}
.num-box sup
{
    font-size: 20px;
    font-weight: 500;

    top: 0;
}
@media (max-width: 1199.98px)
{
    .num-box sup
    {
        font-size: 16px;
    }
}
.num-box .square
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
}
.num-box .square:after
{
    font-size: .45em;

    content: '2';
}
.num-box .txt
{
    width: 225px;
    max-width: 100%;
}
@media (max-width: 1199.98px)
{
    .xs-product-nav
    {
        margin-bottom: 30px;
        padding: 10px 0;

        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
    }
}
@media (max-width: 767.98px)
{
    .xs-product-nav
    {
        margin-bottom: 20px;
    }
}
.xs-product-nav ul
{
    line-height: 1.8;

    position: relative;
    z-index: 2;

    margin: 0 -8px;

    text-transform: capitalize;
}
@media (max-width: 575.98px)
{
    .xs-product-nav ul
    {
        font-size: 12px;

        margin: 0 -6px;
    }
}
.xs-product-nav li
{
    display: inline-block;

    padding: 0 8px;

    vertical-align: top;
}
@media (max-width: 575.98px)
{
    .xs-product-nav li
    {
        padding: 0 6px;
    }
}
.xs-product-nav .active
{
    color: #d80000;
}
.xs-product-nav a:active
{
    color: #d80000;
}
.scroll-nav
{
    font-size: 0;

    z-index: 3;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.scroll-nav .nav-wrap
{
    overflow-x: auto;
}
.scroll-nav .nav-wrap::-webkit-scrollbar
{
    width: 5px;
    height: 5px;

    background-color: #fefefe;
}
.scroll-nav .nav-wrap::-webkit-scrollbar-track
{
    border-radius: 5px;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.scroll-nav .nav-wrap::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
}
.scroll-nav .nav-wrap::-webkit-scrollbar-thumb:hover
{
    border-radius: 5px;
    background: rgba(0, 0, 0, .3);
}
.scroll-nav ul
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    white-space: nowrap;
}
.scroll-nav li
{
    position: relative;
    z-index: 2;

    display: inline-block;
}
.inside-nav
{
    font-size: 18px;

    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    color: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199.98px)
{
    .inside-nav
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .inside-nav
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .inside-nav
    {
        font-size: 15px;
    }
}
@media (min-width: 1200px)
{
    .inside-nav
    {
        position: absolute;
        z-index: 4;
        bottom: 0;
        left: 0;

        width: 100%;

        background: rgba(0, 0, 0, .25);

        -webkit-backdrop-filter: blur(2px);
                backdrop-filter: blur(2px);
    }
}
@media (max-width: 1199.98px)
{
    .inside-nav
    {
        background-color: #000;
    }
}
.inside-nav li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.inside-nav li:not(:first-child):before
{
    width: 1px;
    height: 18px;
    margin: 0 60px;

    content: '';

    background-color: #d9d9d9;
}
@media (max-width: 1469.98px)
{
    .inside-nav li:not(:first-child):before
    {
        margin: 0 50px;
    }
}
@media (max-width: 1399.98px)
{
    .inside-nav li:not(:first-child):before
    {
        margin: 0 40px;
    }
}
@media (max-width: 1199.98px)
{
    .inside-nav li:not(:first-child):before
    {
        margin: 0 4vw;
    }
}
@media (max-width: 767.98px)
{
    .inside-nav li:not(:first-child):before
    {
        height: 12px;
    }
}
.inside-nav a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 50px;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 1200px)
{
    .inside-nav a
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .inside-nav a:hover
    {
        color: #1dadb5;
    }
}
@media (max-width: 767.98px)
{
    .inside-nav a
    {
        min-height: 40px;
    }
}
.inside-nav .active a
{
    color: #1dadb5;
}
.floor-nav
{
    margin-top: var(--ngy-margin-50);
    padding: 4px;

    color: #000;
    border-radius: 50px;
    background-color: #f5f5f5;
}
.floor-nav .nav-wrap
{
    position: relative;
}
.floor-nav ul
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.floor-nav li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.floor-nav li:before
{
    display: block;

    width: 1px;
    height: 20px;
    margin: 0 15px;

    content: '';

    opacity: 0;
    background-color: #e6e6e6;
}
@media (max-width: 1469.98px)
{
    .floor-nav li:before
    {
        margin: 0 10px;
    }
}
@media (max-width: 575.98px)
{
    .floor-nav li:before
    {
        margin: 0 1vw;
    }
}
.floor-nav li:first-child:before
{
    display: none;
}
.floor-nav a
{
    font-size: 16px;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 100%;
    min-height: 60px;
    padding: 10px 30px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 991.98px)
{
    .floor-nav a
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .floor-nav a
    {
        font-size: 14px;
    }
}
.floor-nav a span
{
    position: relative;

    display: block;
}
@media (min-width: 1200px)
{
    .floor-nav a
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .floor-nav a:hover
    {
        color: #d80000;
    }
}
@media (max-width: 1469.98px)
{
    .floor-nav a
    {
        min-height: 50px;
        padding: 10px 20px;
    }
}
@media (max-width: 991.98px)
{
    .floor-nav a
    {
        font-size: 13px;

        min-height: 40px;
        padding: 10px 15px;
    }
}
@media (max-width: 767.98px)
{
    .floor-nav a
    {
        font-size: 12px;

        min-height: 35px;
        padding: 8px 10px;
    }
}
.floor-nav a:active
{
    -webkit-transition: 0s;
            transition: 0s;
}
.floor-nav .active a
{
    color: #fff;
    border-radius: 50px;
    background-color: #d80000;
}
.verification-list
{
    display: none;
}
.verification-list.active
{
    display: block;
}
.verification-list .verification-code
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.verification-list .ipt-spam-code
{
    width: 230px;
}
@media (max-width: 1469.98px)
{
    .verification-list .ipt-spam-code
    {
        width: 200px;
    }
}
@media (max-width: 767.98px)
{
    .verification-list .ipt-spam-code
    {
        width: 40vw;
        min-width: 140px;
    }
}
.verification-list .spam-code-img
{
    max-width: 50%;
    margin-left: 10px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.inquiry-form > p
{
    font-size: 16px;

    margin-bottom: 20px;

    color: #666;
}
@media (max-width: 991.98px)
{
    .inquiry-form > p
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form > p
    {
        font-size: 14px;
    }
}
@media (max-width: 991.98px)
{
    .inquiry-form > p
    {
        margin-bottom: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form > p
    {
        margin-bottom: 10px;
    }
}
.inquiry-form.has-bg input,
.inquiry-form.has-bg textarea,
.inquiry-form.has-bg .ipt-pro-name > span,
.inquiry-form.has-bg .rating-box,
.inquiry-form.has-bg select,
.inquiry-form.has-bg .select2-selection--single
{
    background-color: #f5f7f0;
}
.inquiry-form.has-bg-gray input,
.inquiry-form.has-bg-gray textarea,
.inquiry-form.has-bg-gray .ipt-pro-name > span,
.inquiry-form.has-bg-gray .rating-box,
.inquiry-form.has-bg-gray select,
.inquiry-form.has-bg-gray .select2-selection--single
{
    background-color: #f5f5f5;
}
.inquiry-form.has-bg-white input,
.inquiry-form.has-bg-white textarea,
.inquiry-form.has-bg-white .ipt-pro-name > span,
.inquiry-form.has-bg-white .rating-box,
.inquiry-form.has-bg-white select,
.inquiry-form.has-bg-white .select2-selection--single
{
    background-color: #fff;
}
.inquiry-form.has-border input,
.inquiry-form.has-border textarea,
.inquiry-form.has-border .ipt-pro-name > span,
.inquiry-form.has-border .rating-box,
.inquiry-form.has-border select,
.inquiry-form.has-border .select2-selection--single
{
    font-size: 16px;

    border: 1px solid #d9d9d9;
}
@media (max-width: 991.98px)
{
    .inquiry-form.has-border input,
    .inquiry-form.has-border textarea,
    .inquiry-form.has-border .ipt-pro-name > span,
    .inquiry-form.has-border .rating-box,
    .inquiry-form.has-border select,
    .inquiry-form.has-border .select2-selection--single
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form.has-border input,
    .inquiry-form.has-border textarea,
    .inquiry-form.has-border .ipt-pro-name > span,
    .inquiry-form.has-border .rating-box,
    .inquiry-form.has-border select,
    .inquiry-form.has-border .select2-selection--single
    {
        font-size: 14px;
    }
}
@media (min-width: 768px)
{
    .inquiry-form.has-border li
    {
        margin-bottom: 30px;
    }
}
.inquiry-form.has-radius input,
.inquiry-form.has-radius textarea,
.inquiry-form.has-radius .ipt-pro-name > span,
.inquiry-form.has-radius .rating-box,
.inquiry-form.has-radius select,
.inquiry-form.has-radius .select2-selection--single
{
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .inquiry-form.has-radius input,
    .inquiry-form.has-radius textarea,
    .inquiry-form.has-radius .ipt-pro-name > span,
    .inquiry-form.has-radius .rating-box,
    .inquiry-form.has-radius select,
    .inquiry-form.has-radius .select2-selection--single
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .inquiry-form.has-radius input,
    .inquiry-form.has-radius textarea,
    .inquiry-form.has-radius .ipt-pro-name > span,
    .inquiry-form.has-radius .rating-box,
    .inquiry-form.has-radius select,
    .inquiry-form.has-radius .select2-selection--single
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .inquiry-form.has-radius input,
    .inquiry-form.has-radius textarea,
    .inquiry-form.has-radius .ipt-pro-name > span,
    .inquiry-form.has-radius .rating-box,
    .inquiry-form.has-radius select,
    .inquiry-form.has-radius .select2-selection--single
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form.has-radius input,
    .inquiry-form.has-radius textarea,
    .inquiry-form.has-radius .ipt-pro-name > span,
    .inquiry-form.has-radius .rating-box,
    .inquiry-form.has-radius select,
    .inquiry-form.has-radius .select2-selection--single
    {
        border-radius: 6px;
    }
}
.inquiry-form.submit-center .link-box,
.inquiry-form.submit-center .submit
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}
.inquiry-form.submit-end .link-box,
.inquiry-form.submit-end .submit
{
    display: block;

    margin-right: 0;
    margin-left: auto;
}
.inquiry-form form > p
{
    font-size: 16px;

    margin: -5px 0 20px;

    color: #666;
}
@media (max-width: 991.98px)
{
    .inquiry-form form > p
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form form > p
    {
        font-size: 14px;
    }
}
.inquiry-form li,
.inquiry-form .ipt-upload
{
    position: relative;

    margin: 0 0 20px;
}
@media (max-width: 767.98px)
{
    .inquiry-form li,
    .inquiry-form .ipt-upload
    {
        margin-bottom: 20px;
    }
}
.inquiry-form li > label,
.inquiry-form .ipt-upload > label
{
    font-weight: normal;

    position: relative;

    display: block;

    width: 100%;
    margin: 0;
}
.inquiry-form input::-webkit-input-placeholder,
.inquiry-form textarea::-webkit-input-placeholder
{
    color: #666;
}
.inquiry-form input:-o-placeholder,
.inquiry-form textarea:-o-placeholder
{
    color: #666;
}
.inquiry-form input::-moz-placeholder,
.inquiry-form textarea::-moz-placeholder
{
    color: #666;
}
.inquiry-form input:-ms-input-placeholder,
.inquiry-form textarea:-ms-input-placeholder
{
    color: #666;
}
.inquiry-form input:focus::-webkit-input-placeholder,
.inquiry-form textarea:focus::-webkit-input-placeholder
{
    color: #ccc;
}
.inquiry-form input:focus::-o-placeholder,
.inquiry-form textarea:focus::-o-placeholder
{
    color: #ccc;
}
.inquiry-form input:focus::-moz-placeholder,
.inquiry-form textarea:focus::-moz-placeholder
{
    color: #ccc;
}
.inquiry-form input:focus::-ms-input-placeholder,
.inquiry-form textarea:focus::-ms-input-placeholder
{
    color: #ccc;
}
.inquiry-form input,
.inquiry-form textarea,
.inquiry-form .ipt-pro-name > span,
.inquiry-form .rating-box,
.inquiry-form select,
.inquiry-form .select2-selection--single,
.inquiry-form .form-placeholder
{
    font-size: 14px;
    line-height: 1.3;

    display: block;

    width: 100%;
    padding: 17px 23px;

    -webkit-transition: border-color .4s;
            transition: border-color .4s;

    color: #666;
    background: none;
}
@media (max-width: 1199.98px)
{
    .inquiry-form input,
    .inquiry-form textarea,
    .inquiry-form .ipt-pro-name > span,
    .inquiry-form .rating-box,
    .inquiry-form select,
    .inquiry-form .select2-selection--single,
    .inquiry-form .form-placeholder
    {
        padding: 12px 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form input,
    .inquiry-form textarea,
    .inquiry-form .ipt-pro-name > span,
    .inquiry-form .rating-box,
    .inquiry-form select,
    .inquiry-form .select2-selection--single,
    .inquiry-form .form-placeholder
    {
        font-size: 13px;

        padding: 10px;
    }
}
.inquiry-form .input-box[required] + .form-placeholder:after,
.inquiry-form .input-box[required] + .placeholder-tit:after
{
    content: '*';
}
.inquiry-form .input-box[required] + .placeholder-tit:after
{
    margin-left: 5px;

    color: #d80000;
}
.inquiry-form .input-box:not(:-moz-placeholder) + .form-placeholder,
.inquiry-form .input-box:focus:not(:-moz-placeholder) + .form-placeholder
{
    padding: 0;

    transform: translateY(-100%) scale(.8);

    color: #d80000;
}
.inquiry-form .input-box:not(:-ms-input-placeholder) + .form-placeholder,
.inquiry-form .input-box:focus:not(:-ms-input-placeholder) + .form-placeholder
{
    padding: 0;

    -ms-transform: translateY(-100%) scale(.8);
        transform: translateY(-100%) scale(.8);

    color: #d80000;
}
.inquiry-form .input-box:focus + .form-placeholder,
.inquiry-form select:valid ~ .form-placeholder,
.inquiry-form .input-box:not(:placeholder-shown) + .form-placeholder,
.inquiry-form .input-box:focus:not(:placeholder-shown) + .form-placeholder
{
    padding: 0;

    -webkit-transform: translateY(-100%) scale(.8);
        -ms-transform: translateY(-100%) scale(.8);
            transform: translateY(-100%) scale(.8);

    color: #d80000;
}
.inquiry-form textarea
{
    min-height: 194px;

    field-sizing: content;
}
@media (max-width: 991.98px)
{
    .inquiry-form textarea
    {
        min-height: 150px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form textarea
    {
        min-height: 100px;
    }
}
.inquiry-form .label-select:after
{
    font-family: 'iconfont' !important;
    font-style: normal;

    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;

    content: '\e602';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inquiry-form select
{
    border: none;
    outline: none;

            appearance: none;
       -moz-appearance: none;
    -webkit-appearance: none;
}
.inquiry-form select::-ms-expand
{
    display: none;
}
.inquiry-form .select2-container
{
    width: 100% !important;
}
.inquiry-form .select2-selection--single
{
    height: auto;
}
.inquiry-form .select2-selection--single .select2-selection__rendered
{
    padding: 0 30px 0 0;
}
@media (max-width: 767.98px)
{
    .inquiry-form .select2-selection--single .select2-selection__rendered
    {
        padding-right: 20px;
    }
}
.inquiry-form .select2-selection--single .select2-selection__arrow
{
    font-size: 18px;

    position: absolute;
    top: 50%;
    right: 30px;
    left: auto;

    width: auto;
    height: auto;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.inquiry-form .select2-selection--single .select2-selection__arrow:after
{
    font-family: 'iconfont' !important;
    font-weight: bold;
    font-style: normal;

    content: '\e602';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inquiry-form .select2-selection--single .select2-selection__arrow b
{
    display: none;
}
@media (max-width: 991.98px)
{
    .inquiry-form .select2-selection--single .select2-selection__arrow
    {
        right: 20px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .select2-selection--single .select2-selection__arrow
    {
        font-size: 14px;

        right: 15px;
    }
}
.inquiry-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow
{
    -webkit-transform: translateY(-50%) rotateX(180deg);
            transform: translateY(-50%) rotateX(180deg);
}
.inquiry-form .placeholder-tit
{
    font-size: 16px;
    font-weight: 500;

    margin-bottom: 10px;
}
@media (max-width: 991.98px)
{
    .inquiry-form .placeholder-tit
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .placeholder-tit
    {
        font-size: 14px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .placeholder-tit
    {
        margin-bottom: 5px;
    }
}
.inquiry-form .ipt-pro-name > span
{
    color: #fff;
    background-color: #000 !important;
}
.inquiry-form .ipt-placeholder
{
    font-size: 16px;
    font-weight: 500;

    margin-bottom: 12px;
}
@media (max-width: 991.98px)
{
    .inquiry-form .ipt-placeholder
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .ipt-placeholder
    {
        font-size: 14px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .ipt-placeholder
    {
        margin-bottom: 8px;
    }
}
.inquiry-form .form-placeholder
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    cursor: text;
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}
.inquiry-form .rating-box > span
{
    margin-right: 23px;
}
.inquiry-form .textarea-box
{
    position: relative;

    width: 100%;
}
.inquiry-form .upload-btn
{
    position: absolute;
    z-index: 3;
    right: 30px;
    bottom: 10px;
}
@media (min-width: 768px)
{
    .inquiry-form .link-box,
    .inquiry-form .submit
    {
        margin-top: 10px;
    }
}
@media (min-width: 1200px)
{
    .inquiry-form .link-box.has-width > span,
    .inquiry-form .submit.has-width > span
    {
        min-width: 198px;
        height: 40px;
    }
}
.inquiry-form .uploading-btn
{
    margin-right: 40px;

    background: none;
}
@media (max-width: 767.98px)
{
    .inquiry-form .uploading-btn
    {
        margin-right: 25px;
    }
}
.inquiry-form .agree-privacy-policy
{
    width: 750px;
    max-width: 100%;
    margin-top: var(--ngy-margin-40);
}
.inquiry-form .agree-privacy-policy label
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    color: #6a6f6d;
}
.inquiry-form .agree-privacy-policy label .ipt-checkbox
{
    position: absolute;
    top: 7px;
    left: 0;

    width: auto;

    opacity: 0;
}
.inquiry-form .agree-privacy-policy label .ipt-checkbox:checked ~ span > i:before
{
    content: '\e624';
}
.inquiry-form .agree-privacy-policy label > span
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.inquiry-form .agree-privacy-policy label > span > i
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-right: 12px;

    border: 1px solid currentColor;
    border-radius: 14px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .inquiry-form .agree-privacy-policy label > span > i
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .inquiry-form .agree-privacy-policy label > span > i
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .inquiry-form .agree-privacy-policy label > span > i
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-form .agree-privacy-policy label > span > i
    {
        border-radius: 6px;
    }
}
.inquiry-form .agree-privacy-policy label > span > i:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inquiry-form .agree-privacy-policy label > span a
{
    margin-left: 5px;

    text-decoration: underline;
}
@media (min-width: 1200px)
{
    .inquiry-form .agree-privacy-policy label > span a:hover
    {
        color: #d80000;
    }
}
.inquiry-form .agree-privacy-policy label > span a:active
{
    color: #d80000;
}
.follow-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 10px;
}
.follow-box.has-width a
{
    font-size: 18px;

    width: 40px;
    height: 40px;
}
@media (min-width: 1200px)
{
    .follow-box.has-width a
    {
        -webkit-transition: .4s;
                transition: .4s;
    }
    .follow-box.has-width a:hover
    {
        color: #fff;
        background-color: #d80000;
    }
}
.follow-box.has-width a:active
{
    color: #fff;
    background-color: #d80000;
}
@media (max-width: 767.98px)
{
    .follow-box.has-width a
    {
        font-size: 16px;

        width: 32px;
        height: 32px;
    }
}
.follow-box.has-radius a
{
    border-radius: 6px;
}
@media (max-width: 767.98px)
{
    .follow-box.has-radius a
    {
        border-radius: 3px;
    }
}
.follow-box.has-bg a
{
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
}
@media (min-width: 1200px)
{
    .follow-box.has-bg a:hover
    {
        color: #d80000;
        background-color: #fff;
    }
}
.follow-box.has-bg a:active
{
    color: #d80000;
    background-color: #fff;
}
.follow-box.has-border a
{
    color: #666;
    border: 1px solid rgba(217, 217, 217, .18);
}
@media (min-width: 1200px)
{
    .follow-box.has-border a:hover
    {
        color: #000 !important;
        border-color: #000;
        background: none;
    }
}
.follow-box.has-border a:active
{
    color: #000 !important;
    border-color: #000;
    background: none;
}
.follow-box.has-bg-white a
{
    background-color: #fff;
}
@media (min-width: 1200px)
{
    .follow-box.has-bg-white a:hover
    {
        color: #fff;
        background-color: #d80000;
    }
}
.follow-box.has-bg-white a:active
{
    color: #fff;
    background-color: #d80000;
}
.follow-box.has-normal a
{
    font-size: 16px;

    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    color: #666;
}
@media (min-width: 1200px)
{
    .follow-box.has-normal a:hover
    {
        color: #d80000;
    }
}
.follow-box.has-line
{
    gap: 0;
}
.follow-box.has-line a
{
    font-size: 20px;

    -webkit-transition: .3s;
            transition: .3s;
}
@media (max-width: 1199.98px)
{
    .follow-box.has-line a
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .follow-box.has-line a
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .follow-box.has-line a
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .follow-box.has-line a
    {
        font-size: 16px;
    }
}
.follow-box.has-line span
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-left: 0;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.follow-box.has-line span:before
{
    width: 1px;
    height: 22px;
    margin: 0 16px;

    content: '';

    background-color: rgba(234, 234, 234, .4);
}
.follow-box.has-line span:first-child:before
{
    display: none;
}
.follow-box.has-svg a:active
{
    color: #d80000;
}
.follow-box.alone-color a
{
    color: #e6e6e6;
}
.follow-box.alone-color .instagram
{
    color: #e80d72 !important;
}
.follow-box.alone-color .linkedin
{
    color: #0a66c2 !important;
}
.follow-box.alone-color .facebook
{
    color: #0866ff !important;
}
.follow-box.alone-color .youtube
{
    color: #f00 !important;
}
.follow-box.alone-color .twitter
{
    color: #000 !important;
}
.follow-box.alone-bg a
{
    color: #fff;
}
.follow-box.alone-bg .instagram
{
    background: -webkit-linear-gradient(235deg, #405de6 0%, #5851db 12%, #833ab4 25%, #c13584 38%, #e1306c 50%, #fd1d1d 62%, #f56040 74%, #f77737 86%, #fcaf45 93%, #ffdc80 100%) !important;
    background:         linear-gradient(215deg, #405de6 0%, #5851db 12%, #833ab4 25%, #c13584 38%, #e1306c 50%, #fd1d1d 62%, #f56040 74%, #f77737 86%, #fcaf45 93%, #ffdc80 100%) !important;
    background-color: #e80d72 !important;
}
.follow-box.alone-bg .linkedin
{
    background-color: #0a66c2 !important;
}
.follow-box.alone-bg .facebook
{
    background-color: #0866ff !important;
}
.follow-box.alone-bg .youtube
{
    background-color: #f00 !important;
}
.follow-box.alone-bg .twitter
{
    background-color: #000 !important;
}
.follow-box.alone-bg .whatsapp
{
    background-color: #25d366 !important;
}
.follow-box .tit
{
    margin-right: 12px;
}
.follow-box .tit
{
    font-size: 16px;
    font-weight: normal;

    width: 100%;

    color: #666;
}
@media (max-width: 991.98px)
{
    .follow-box .tit
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .follow-box .tit
    {
        font-size: 14px;
    }
}
.follow-box > span:has(a[href=''])
{
    display: none;
}
.follow-box a
{
    font-size: 20px;
    line-height: 1;

    position: relative;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.follow-box a[href='']
{
    display: none;
}
@media (max-width: 767.98px)
{
    .follow-box a
    {
        font-size: 18px;
    }
}
.follow-box a svg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.follow-box a .path
{
    -webkit-transition: .3s;
            transition: .3s;

    stroke: #d80000;
    stroke-width: 1;
    stroke-dasharray: 0, 126;
    stroke-dashoffset: 0;
    cx: 18;
    cy: 18;
    r: 17;
}
@media (min-width: 1200px)
{
    .follow-box a:hover
    {
        -webkit-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
                transform: translateY(-3px);
        text-decoration: none;
    }
    .follow-box a:hover .path
    {
        stroke-dasharray: 155, 126;
    }
}
.follow-box a:active
{
    text-decoration: none !important;
}
.follow-box .follow-code
{
    position: relative;
}
.follow-box .follow-code:hover .pic
{
    display: block;
}
.follow-box .follow-code .pic
{
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;

    display: none;

    width: 110px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}
.pop-sale
{
    display: none;

    width: 480px;
    max-width: 95%;
    padding: 0;

    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .pop-sale
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .pop-sale
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .pop-sale
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .pop-sale
    {
        border-radius: 6px;
    }
}
.pop-sale .inquiry-form
{
    padding: 50px;

    background-color: #fff;
}
@media (max-width: 767.98px)
{
    .pop-sale .inquiry-form
    {
        padding: 35px 20px;
    }
}
@media (min-width: 992px)
{
    .pop-sale .inquiry-form textarea
    {
        min-height: 140px;
    }
}
.pop-sale .tit
{
    font-size: 24px;
    font-weight: bold;

    margin-bottom: 30px;
}
@media (max-width: 1469.98px)
{
    .pop-sale .tit
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .pop-sale .tit
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .pop-sale .tit
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .pop-sale .tit
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .pop-sale .tit
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .pop-sale .tit
    {
        margin-bottom: 15px;
    }
}
.pop-sale form .row > li
{
    width: 100%;
}
.header-top
{
    font-size: 16px;

    width: 100%;

    color: #999;
    background-color: #010101;
}
@media (max-width: 991.98px)
{
    .header-top
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .header-top
    {
        font-size: 14px;
    }
}
.header-top .container
{
    position: relative;
}
.header-top .info
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.header-top .info > span
{
    font-weight: 500;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-left: 60px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1469.98px)
{
    .header-top .info > span
    {
        margin-left: 30px;
    }
}
.header-top .info > span:first-child
{
    margin-left: 0;
}
.header-top .info > span:before
{
    font-family: 'iconfont' !important;
    font-size: 1.1em;
    font-style: normal;

    margin-right: 10px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header-top .info > span > a:not(:first-child)
{
    margin-left: 20px;
}
@media (min-width: 1200px)
{
    .header-top .info > span > a:hover
    {
        text-decoration: underline;
    }
}
.header-top .info > span span
{
    font-weight: normal;
}
.header-top .info .mail:before
{
    content: '\e774';
}
.header-top .info .tel:before
{
    content: '\e64e';
}
.header-top .welcome
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 50px;
    padding: 5px 0;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 767.98px)
{
    .header-top .welcome
    {
        font-size: 12px;

        min-height: 40px;
    }
}
.header-top .follow-box
{
    margin-right: 184px;
}
.touch-btn .link-box > span
{
    height: 54px;
    padding: 0 15px;
}
@media (max-width: 1199.98px)
{
    .touch-btn .link-box > span
    {
        height: 40px;
    }
}
.logo
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 4px 0;

    white-space: nowrap;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.logo .logo-white
{
    display: none;
}
.logo img
{
    max-width: 100%;
}
.logo .pic
{
    position: relative;
    z-index: 2;

    height: 68px;
}
.logo .pic img
{
    width: auto;
    height: 100%;
}
@media (max-width: 1199.98px)
{
    .logo .pic
    {
        height: 50px;
    }
}
@media (max-width: 575.98px)
{
    .logo .pic
    {
        width: 78px;
        width: min(78px, 18vw);
        height: auto;
    }
    .logo .pic img
    {
        width: 100%;
        height: auto;
    }
}
.logo .logo-tit
{
    font-size: 28px;
    font-weight: bold;
    font-style: italic;

    margin-top: 4px;

    color: #c70730;
}
@media (max-width: 767.98px)
{
    .logo .logo-tit
    {
        font-size: 22px;
    }
}
@media (max-width: 575.98px)
{
    .logo .logo-tit
    {
        font-size: 18px;
        font-size: min(18px, 4.5vw);
    }
}
.header
{
    position: relative;
    z-index: 999;
}
@media (min-width: 1200px)
{
    .header.always-fixed
    {
        height: 0 !important;
    }
}
@media (min-width: 1200px)
{
    .header.always-fixed .header-box
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        color: #fff;
        border: none;
    }
}
@media (min-width: 1200px)
{
    .header.always-fixed:not(.fixed) .header-box:after
    {
        background: rgba(0, 0, 0, .15);
    }
}
@media (min-width: 1200px)
{
    .header.always-fixed:not(.fixed):not(.mobie-fixed) .logo .logo-normal
    {
        display: none;
    }
    .header.always-fixed:not(.fixed):not(.mobie-fixed) .logo .logo-white
    {
        display: block;
    }
}
.header:not(.always-fixed) .header-box:after
{
    border-bottom: 1px solid #eee;
}
.header.mobie-fixed .header-box
{
    position: fixed;
    top: -70px;
    left: 0;

    width: 100%;
    margin: 70px 0 0;

    -webkit-transition: margin .8s;
            transition: margin .8s;

    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}
.header.mobie-fixed .header-box:after
{
    max-width: 100%;
}
@media (min-width: 1200px)
{
    .header.fixed .header-box
    {
        position: fixed;

        -webkit-transition: .3s;
                transition: .3s;

        color: #000;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    }
    .header.fixed .header-box .logo-normal
    {
        display: block !important;
    }
    .header.fixed .header-box .logo-white
    {
        display: none !important;
    }
    .header.fixed.always-fixed .header-box
    {
        color: #fff;
    }
    .header.fixed.always-fixed .header-box:after
    {
        background-color: rgba(0, 0, 0, .4);
    }
    .header.fixed:not(.always-fixed) .header-box
    {
        position: fixed;
        top: auto;
        bottom: 100%;
        left: 0;

        width: 100%;

        -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition:         transform .5s;
                transition:         transform .5s, -webkit-transform .5s;
        -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
                transform: translateY(100%);

        background: #fff;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    }
}
.header .header-box
{
    position: relative;
    z-index: 2;
}
.header .header-box:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;

    background-color: #fff;

    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.header .header-box > .container
{
    position: relative;
}
@media (min-width: 1200px)
{
    .header .header-box
    {
        -webkit-perspective: 500;
                perspective: 500;
    }
}
@media (min-width: 1470px)
{
    .header .header-box .container-fluid
    {
        padding: 0 1.5625%;
    }
}
@media (max-width: 575.98px)
{
    .header .header-box .info-box
    {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }
}
.header .header-r
{
    font-size: 16px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 10px 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1469.98px)
{
    .header .header-r
    {
        font-size: 15px;
    }
}
@media (max-width: 1399.98px)
{
    .header .header-r
    {
        font-size: 14px;
    }
}
@media (max-width: 1199.98px)
{
    .header .header-r
    {
        min-height: 70px;
    }
}
@media (max-width: 767.98px)
{
    .header .header-r
    {
        font-size: 13px;

        min-height: 56px;
    }
}
@media (max-width: 575.98px)
{
    .header .header-r
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
@media (min-width: 1200px)
{
    .header .header-r > *:not(.nav)
    {
        white-space: nowrap;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}
@media (max-width: 1199.98px)
{
    .header .header-r > *
    {
        margin-left: 20px;
    }
}
@media (max-width: 767.98px)
{
    .header .header-r > *
    {
        margin-left: 20px;
    }
}
@media (max-width: 575.98px)
{
    .header .header-r > *
    {
        margin-left: 2vw;
    }
}
.header .header-r > *:first-child
{
    margin-left: 0;
}
@media (min-width: 1200px)
{
    .header .google-translate
    {
        margin-right: 25px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .header .google-translate
    {
        margin-right: 15px;
    }
}
@media (max-width: 767.98px)
{
    .header .google-translate
    {
        position: fixed;
        z-index: 99999999;
        top: 20px;
        left: -webkit-calc(100% - 405px);
        left:         calc(100% - 405px);

        margin-left: 0 !important;

        -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
                transform: translateY(-10px);
        pointer-events: none;

        opacity: 0;
    }
}
@media (max-width: 575.98px)
{
    .header .google-translate
    {
        left: 85px;
    }
}
.header .find-btn > *,
.header .cart-btn > *
{
    font-size: 18px;

    -webkit-transition: 0s;
            transition: 0s;
}
@media (min-width: 1200px)
{
    .header .find-btn > *:hover,
    .header .cart-btn > *:hover
    {
        color: inherit !important;
    }
    .header .find-btn > *:hover span,
    .header .cart-btn > *:hover span
    {
        text-decoration: underline;
    }
}
@media (max-width: 767.98px)
{
    .header .find-btn > * span,
    .header .cart-btn > * span
    {
        font-size: 15px;
    }
}
.header .cart-btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 1200px)
{
    .header .cart-btn:before,
    .header .cart-btn:after
    {
        width: 1px;
        height: 30px;
        margin: 0 16px;

        content: '';

        background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0)), color-stop(23.08%, #666), color-stop(74.52%, #666), to(rgba(102, 102, 102, 0)));
        background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0) 0%, #666 23.08%, #666 74.52%, rgba(102, 102, 102, 0) 100%);
        background:         linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, #666 23.08%, #666 74.52%, rgba(102, 102, 102, 0) 100%);

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .header .cart-btn:before,
    .header .cart-btn:after
    {
        height: 20px;
        margin: 0 10px;
    }
}
.header .cart-btn > a
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.header .cart-btn > a:before
{
    position: absolute;
    z-index: 2;
    top: 2px;
    right: -2px;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background-color: #d80000;
}
.header .cart-btn > a:after
{
    font-family: 'iconfont' !important;
    font-style: normal;

    margin-left: 5px;

    content: '\e767';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header .cart-btn var
{
    font-style: normal;
}
@media (max-width: 1199.98px)
{
    .header .header-mail
    {
        display: none !important;
    }
}
.header .header-mail a:before
{
    content: '\e7dc';
}
@media (min-width: 1200px)
{
    .header .quote-btn
    {
        margin-left: 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1709.98px)
{
    .header .quote-btn
    {
        margin-left: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .header .quote-btn
    {
        margin-left: 10px;
    }
}
@media (min-width: 1470px)
{
    .header .quote-btn > a
    {
        min-height: 44px;
    }
}
@media (max-width: 1399.98px)
{
    .header .quote-btn > a
    {
        font-size: 14px;

        min-width: 90px;
        padding: 0 12px;
    }
}
@media (max-width: 575.98px)
{
    .header .quote-btn > a
    {
        font-size: 2.2vw;

        min-width: 60px;
        min-height: 30px;
        padding: 0 10px;
    }
}
.header .quote-btn > a > span
{
    font-weight: normal;
}
.header .nav-collapse
{
    position: relative;

    display: none;
    overflow: hidden;

    padding: 0;
    padding: 16px 0;

    cursor: pointer;

    background: none;
}
@media (max-width: 1199.98px)
{
    .header .nav-collapse
    {
        display: inline-block;

        vertical-align: middle;
    }
    .header .nav-collapse.nav-collapse-1
    {
        position: absolute;
        z-index: 9999;
        top: 10px;
        right: 25px;

        display: block;

        border: none;
    }
}
@media (max-width: 575.98px)
{
    .header .nav-collapse
    {
        padding: 5px 0;
    }
}
.header .nav-collapse .btn-line
{
    display: block;

    width: 28px;
    height: 2px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;

    background-color: #222;
}
.header .nav-collapse .btn-line:not(:first-child)
{
    margin-top: 5px;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1)
{
    display: block;

    content: '';
}
.header .nav-collapse.active .btn-line:nth-child(1)
{
    -webkit-transform: rotateZ(45deg) translateY(5px) translateX(5px);
        -ms-transform: rotate(45deg) translateY(5px) translateX(5px);
            transform: rotateZ(45deg) translateY(5px) translateX(5px);
}
.header .nav-collapse.active .btn-line:nth-child(2)
{
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);

    opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(3)
{
    -webkit-transform: rotateZ(-45deg) translateY(-5px) translateX(5px);
        -ms-transform: rotate(-45deg) translateY(-5px) translateX(5px);
            transform: rotateZ(-45deg) translateY(-5px) translateX(5px);
}
@media (max-width: 1199.98px)
{
    .header .nav-collapse-xs
    {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
                order: 2;
    }
}
@media (max-width: 1199.98px)
{
    .header .nav
    {
        position: fixed;
        z-index: 99999998;
        top: 0;
        right: 0;

        display: none;
        visibility: hidden;
                flex-direction: column;

        width: 420px;
        height: 100%;
        margin: 0;
        padding: 70px 0 50px;

        -webkit-transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
                transition: visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
                transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1);
                transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
        text-align: left;

        color: #000;
        background: #fff;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
    .header .nav .nav-box,
    .header .nav .container
    {
        width: 100%;
        height: 100%;
    }
    .header .nav .container
    {
        padding: 0;
    }
    .header .nav .tbl,
    .header .nav .tbl-cell
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
    .header .nav .tbl
    {
        position: relative;

        width: 100%;
        height: 100%;
    }
    .header .nav .tbl:before,
    .header .nav .tbl:after
    {
        position: absolute;
        z-index: 3;
        left: 0;

        width: 100%;
        height: 25px;

        content: '';
        pointer-events: none;
    }
    .header .nav .tbl:before
    {
        top: 0;

        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(40%, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(#fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0));
        background-image:         linear-gradient(#fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0));
    }
    .header .nav .tbl:after
    {
        bottom: 0;

        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(40%, rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0));
        background-image:         linear-gradient(to top, #fff, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, 0));
    }
    .header .nav .tbl-cell
    {
        position: relative;

        width: 100%;
        height: 100%;
    }
    .header .nav ul
    {
        text-align: left;
    }
    .header .nav ul li.more
    {
        position: relative;
    }
    .header .nav ul li.more.current > span:after
    {
        content: '\e640';
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    .header .nav ul li.more.current > ul
    {
        display: block;
    }
    .header .nav ul li.more > span
    {
        position: relative;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .header .nav ul li.more > span:after
    {
        font-family: 'iconfont';
        font-size: 18px;
        line-height: 1;

        z-index: 3;

        display: block;

        padding: 0 5px;

        content: '\e641';
        -webkit-transition: .3s;
                transition: .3s;
    }
    .header .nav ul li.more > span > a
    {
        display: inline-block;
    }
    .header .nav ul li:not(.more) span > a
    {
        display: block;
    }
    .header .nav ul li span
    {
        position: relative;
        z-index: 2;

        display: block;
    }
    .header .nav ul.nav-list1
    {
        overflow-y: auto;

        max-height: 100%;
        margin: 0;
        padding: 0 20px;

        opacity: 1;

        -ms-touch-action: pan-y;
            touch-action: pan-y;
    }
    .header .nav ul.nav-list1::-webkit-scrollbar
    {
        width: 4px;
        height: 4px;

        border-radius: 4px;
    }
    .header .nav ul.nav-list1::-webkit-scrollbar-thumb
    {
        border-radius: 4px;
        background-color: #dcdcdc;
    }
    .header .nav ul.nav-list1::-webkit-scrollbar-thumb:hover
    {
        border-radius: 4px;
        background: rgba(0, 0, 0, .4);
    }
    .header .nav ul.nav-list1 ul
    {
        padding-bottom: 10px;
    }
    .header .nav ul.nav-list1 a
    {
        text-transform: capitalize;
    }
    .header .nav ul.nav-list1 .active > span > a
    {
        font-weight: 500;

        color: #d80000;
    }
    .header .nav ul.nav-list1 > li
    {
        font-size: 18px;
        line-height: 1.6;

        position: relative;

        border-bottom: 1px solid #ccc;
    }
    .header .nav ul.nav-list1 > li > span > a
    {
        padding: 15px 0;
    }
    .header .nav ul.nav-list1 > li.act
    {
        -webkit-transition: all .4s;
                transition: all .4s;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);

        opacity: 1;
    }
    .header .nav ul.nav-list1 > li:not(.hidden-lg) + .hidden-lg
    {
        border-top: 2px solid #ccc;
    }
    .header .nav ul.nav-list1 .nav-list2
    {
        font-size: 14px;

        padding-left: 15px;
    }
    .header .nav ul.nav-list1 .nav-list2 > li > span > a
    {
        padding: 10px 0;
    }
    .header .nav ul.nav-list1 .nav-list3
    {
        margin: 10px 0 10px 8px;
        padding-bottom: 0;
        padding-left: 25px;

        border-left: 1px solid #444;
    }
    .header .nav ul.nav-list1 .nav-list3 li > span > a
    {
        padding: 5px 0;
    }
    .header .nav ul.nav-list1 .nav-list3 ul
    {
        padding-left: 10px;

        border-left: 1px solid #444;
    }
    .header .nav ul.nav-list1 .hidden-lg
    {
        color: #c5c5c5;
    }
    .header .nav ul.nav2-list2 h4
    {
        font-size: 20px;
        line-height: 50px;
    }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px)
{
    .header .nav ul .pic
    {
        display: none !important;
    }
}
@media (max-width: 1199.98px) and (max-width: 767.98px)
{
    .header .nav ul.nav-list1 > li
    {
        font-size: 16px;
    }
}
@media (max-width: 1199.98px) and (max-width: 767.98px)
{
    .header .nav.left-100 ~ .google-translate
    {
        top: -30px;

        opacity: 0;
    }
}
@media (max-width: 575.98px)
{
    .header .nav
    {
        width: -webkit-calc(100vw - 65px);
        width:         calc(100vw - 65px);

        -webkit-transform: translateX(-webkit-calc(100vw + 65px));
            -ms-transform: translateX(calc(100vw + 65px));
                transform: translateX(calc(100vw + 65px));
    }
}
.header .nav.left-100
{
    -webkit-transform: translateX(-100%);
    -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            transform: translate3d(-100%, 0, 0);
}
.header .nav.left-200
{
    -webkit-transform: translateX(-200%);
    -webkit-transform: translate3d(-200%, 0, 0);
        -ms-transform: translateX(-200%);
            transform: translateX(-200%);
            transform: translate3d(-200%, 0, 0);
}
.header .nav.left-300
{
    -webkit-transform: translateX(-300%);
    -webkit-transform: translate3d(-300%, 0, 0);
        -ms-transform: translateX(-300%);
            transform: translateX(-300%);
            transform: translate3d(-300%, 0, 0);
}
.header .nav.left-400
{
    -webkit-transform: translateX(-400%);
    -webkit-transform: translate3d(-400%, 0, 0);
        -ms-transform: translateX(-400%);
            transform: translateX(-400%);
            transform: translate3d(-400%, 0, 0);
}
.header .nav.left-500
{
    -webkit-transform: translateX(-500%);
    -webkit-transform: translate3d(-500%, 0, 0);
        -ms-transform: translateX(-500%);
            transform: translateX(-500%);
            transform: translate3d(-500%, 0, 0);
}
@media (min-width: 1200px)
{
    .header .nav .nav-list1
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .header .nav .nav-list1 li
    {
        -webkit-perspective: 500;
                perspective: 500;
    }
    .header .nav .nav-list1 li:hover > ul
    {
        visibility: visible;

        pointer-events: auto;

        opacity: 1;
    }
    .header .nav .nav-list1 > li
    {
        position: relative;

        display: inline-block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        padding: 0 20px;

        text-align: left;
        vertical-align: middle;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    .header .nav .nav-list1 > li > span
    {
        display: block;

        width: 100%;
    }
    .header .nav .nav-list1 > li > span > a
    {
        font-size: 16px;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        min-height: 80px;
        padding: 0 10px;

        text-align: center;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }
    .header .nav .nav-list1 > li > span > a > span
    {
        line-height: 1;

        position: relative;

        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        overflow: hidden;
                flex-direction: column;

        padding: 15px 0;

        white-space: pre-wrap;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
    .header .nav .nav-list1 > li.more > span > a
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }
    .header .nav .nav-list1 > li.more > span > a:after
    {
        font-family: 'iconfont' !important;
        font-size: .9em;
        font-style: normal;
        line-height: 1;

        margin-left: 5px;

        content: '\e602';

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .header .nav .nav-list1 > li:hover > span > a > span,
    .header .nav .nav-list1 > li.active > span > a > span
    {
        text-decoration: underline;
    }
    .header .nav .nav-list1 > li:hover > ul
    {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
    }
    .header .nav .nav-list1 ul[class^='nav-list']
    {
        position: absolute;

        visibility: hidden;

        width: -webkit-max-content;
        width:    -moz-max-content;
        width:         max-content;
        max-width: 400px;

        -webkit-transition: .4s;
                transition: .4s;
        text-align: left;
        letter-spacing: 0;
        text-transform: capitalize;
        pointer-events: none;

        opacity: 0;
        color: #222;
        background-color: #fff;
        background-clip: padding-box;
        box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15);
    }
    .header .nav .nav-list1 ul[class^='nav-list'] li:hover > span > a
    {
        text-decoration: underline;

        color: #d80000;
    }
    .header .nav .nav-list1 ul[class^='nav-list'] a
    {
        position: relative;

        display: block;

        padding: 8px 25px;
    }
    .header .nav .nav-list1 .nav-list2
    {
        font-size: 15px;

        z-index: 10;
        top: 100%;
        left: 0;

                flex-direction: column;

        min-width: 100%;
        padding: 15px 0;

        -webkit-transform: rotateX(-50deg);
                transform: rotateX(-50deg);
        -webkit-transform-origin: center top;
            -ms-transform-origin: center top;
                transform-origin: center top;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
    .header .nav .nav-list1 .nav-list2 ul[class^='nav-list']
    {
        font-size: .95em;
    }
    .header .nav .nav-list1 .nav-list2 > li
    {
        line-height: 1.2;

        position: relative;
    }
    .header .nav .nav-list1 .nav-list2 > li > span > a
    {
        display: block;
    }
    .header .nav .nav-list1 .nav-list2 ul
    {
        position: absolute;
        top: 0;
        left: 100%;

        min-width: 120px;
        padding: 10px 0;

        -webkit-transition: .4s;
                transition: .4s;
        -webkit-transform: rotateY(50deg);
                transform: rotateY(50deg);
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;

        border-left: 1px solid transparent;
    }
    .header .nav .nav-list1 .nav-list2 li:hover > ul
    {
        -webkit-transform: rotateY(0);
                transform: rotateY(0);
    }
    .header .nav .nav-list1 .pro-nav-list2 .active > a
    {
        text-decoration: underline;
    }
}
@media (min-width: 1200px) and (max-width: 1709.98px)
{
    .header .nav .nav-list1 > li
    {
        padding: 0 10px;
    }
}
@media (min-width: 1200px) and (max-width: 1469.98px)
{
    .header .nav .nav-list1 > li
    {
        padding: 0 5px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .header .nav .nav-list1 > li
    {
        padding: 0 .2vw;
    }
}
@media (min-width: 1200px) and (max-width: 1469.98px)
{
    .header .nav .nav-list1 > li > span > a
    {
        font-size: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .header .nav .nav-list1 > li > span > a
    {
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (min-width: 1200px)
{
    .header .nav .nav-list1 .nav-list2
    {
        display: none;
    }
}
@media (max-width: 1199.98px)
{
    .header .nav .nav-list1
    {
        width: 100%;
    }
    .header .nav .nav-list1 ul
    {
        display: none;
    }
    .header .nav .nav-list1 > li.more > span:after
    {
        top: 7px;
    }
    .header .nav .nav-list1 > a
    {
        font-size: 20px;
    }
    .header .nav .nav-list1 .nav-list2 > li > span > span
    {
        font-weight: bold;

        margin-top: 5px;
        padding: 10px 0 5px;

        border-top: 1px dashed #eee;
    }
}
@media (max-width: 1199.98px) and (max-width: 767.98px)
{
    .header .nav .nav-list1 > li.more > span:after
    {
        top: 5px;
    }
}
.header .mask-nav
{
    display: none;
}
@media (max-width: 1199.98px)
{
    .header .mask-nav
    {
        position: absolute;
        z-index: 9999;
        top: 0;

        display: block;
        overflow: hidden;

        width: 100%;
        height: 100%;
        padding: 20px;

        -webkit-transition: left .3s;
                transition: left .3s;
        text-align: left;
        text-align: center;

        color: #fff;
        background: #fafafa;
        background: #000;
    }
}
.header .mask-nav .nav-top
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.header .mask-nav .nav-top .back-btn:before
{
    font-family: 'iconfont' !important;
    font-size: 26px;
    font-style: normal;

    content: '\e9b5';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header .mask-nav .nav-top .nav-title
{
    font-size: 30px;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 767.98px)
{
    .header .mask-nav .nav-top .nav-title
    {
        font-size: 20px;
        font-size: 5vmin;
    }
}
.header .mask-nav .content
{
    position: relative;

    overflow: auto;

    height: 85%;
    margin-top: 4%;

    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
.header .mask-nav .content::-webkit-scrollbar
{
    width: 5px;
    height: 5px;

    border-radius: 5px;
    background-color: #fff;
}
.header .mask-nav .content::-webkit-scrollbar-track
{
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.header .mask-nav .content::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #666;
}
.header .mask-nav .content::-webkit-scrollbar-thumb:hover
{
    border-radius: 5px;
    background: rgba(0, 0, 0, .4);
}
.header .mask-nav .content ul li
{
    font-size: 20px;
    line-height: 2;

    margin: 10px 0;

    text-align: left;
}
@media (max-width: 767.98px)
{
    .header .mask-nav .content ul li
    {
        font-size: 4vmin;
        line-height: 1.6;

        margin: 0;
        margin-top: 10px;
    }
}
.header .mask-nav .content ul li.more
{
    position: relative;
}
.header .mask-nav .content ul li.more:after
{
    font-family: 'iconfont' !important;
    font-size: 16px;

    position: absolute;
    top: 50%;
    right: 0;

    content: '\e72f';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #fff;
}
.header .mask-nav .content ul li a
{
    display: inline-block;

    text-transform: capitalize;
}
.header .mask-nav .content ul ul
{
    display: none;
}
.header .nav-2
{
    left: 100%;
}
.header .nav-3
{
    left: 200%;
}
.header .nav-4
{
    left: 300%;
}
.header .nav-5
{
    left: 400%;
}
@media (max-width: 1199.98px)
{
    .header .fade-out
    {
        visibility: visible;

        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);

        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    }
}
.header .list
{
    font-size: 18px;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
@media (max-width: 1199.98px)
{
    .header .list
    {
        display: none !important;
    }
}
@media (min-width: 1200px)
{
    .header .list li:hover > span > a > span
    {
        text-decoration: underline;
    }
}
.header .list > li
{
    position: relative;

    -webkit-perspective: 500;
            perspective: 500;
}
.header .list > li > span
{
    display: block;
}
.header .list > li > span > a
{
    font-weight: bold;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 70px;
    padding: 0 25px;

    text-align: center;
    text-transform: capitalize;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1399.98px)
{
    .header .list > li > span > a
    {
        padding: 0 15px;
    }
}
.header .list > li:hover > ul
{
    visibility: visible;

    -webkit-transform: rotateX(0) translateX(-50%);
            transform: rotateX(0) translateX(-50%);

    opacity: 1;
}
.header .list ul
{
    font-size: .9em;

    position: absolute;

    visibility: hidden;

    padding-top: 5px;

    -webkit-transition: .4s;
            transition: .4s;
    text-align: left;
    letter-spacing: 0;
    text-transform: capitalize;

    opacity: 0;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .15);
}
.header .list ul li:first-child
{
    margin-top: 0;
}
.header .list ul li:hover > a
{
    text-decoration: underline;
}
.header .list ul a
{
    position: relative;

    display: block;

    padding: 5px 15px;
}
@media (min-width: 1200px)
{
    .header .list ul a:hover
    {
        color: #d80000;
    }
}
.header .list .list2
{
    z-index: 10;
    top: 100%;
    left: 50%;

    display: none;

    min-width: 100%;
    padding: 15px 0;

    -webkit-transform: rotateX(-50deg) translateX(-50%);
            transform: rotateX(-50deg) translateX(-50%);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
}
.header .list .list2 > li
{
    position: relative;

    white-space: nowrap;
}
.header .list .list2 > li > span > a
{
    display: block;

    padding: 5px 20px;
}
.header .list .list2 li:hover > ul
{
    visibility: visible;

    -webkit-transform: rotateY(0);
            transform: rotateY(0);

    opacity: 1;
}
.header .list .list2 ul
{
    position: absolute;
    top: 0;
    left: 100%;

    min-width: 120px;
    padding: 10px 0;

    -webkit-transition: .4s;
            transition: .4s;
    -webkit-transform: rotateY(50deg);
            transform: rotateY(50deg);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;

    border-left: 1px solid transparent;
}
.nav-xl-pro
{
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;

    display: none;
    visibility: hidden;

    width: 100%;

    -webkit-transition: .4s;
            transition: .4s;
    pointer-events: none;

    opacity: 0;
    color: #000;
    background-color: #f5f7f0;
}
@media (max-width: 1199.98px)
{
    .nav-xl-pro
    {
        display: none !important;
    }
}
.nav-xl-pro__list
{
    padding: 50px 0;

    text-align: center;
}
@media (min-width: 1200px)
{
    .nav-xl-pro__list .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .nav-xl-pro__list .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 1200px)
{
    .nav-xl-pro__list .item:hover .tit
    {
        color: #d80000;
    }
}
.nav-xl-pro__list .tit
{
    font-size: 16px;

    margin-top: 15px;

    -webkit-transition: .3s;
            transition: .3s;
}
.nav-pro
{
    position: initial !important;

    -webkit-perspective: none;
            perspective: none;
}
@media (min-width: 1200px)
{
    .nav-pro:hover .nav-xl-pro
    {
        visibility: visible;

        pointer-events: all;

        opacity: 1;
    }
}
.language-btn a
{
    display: none;

    min-width: 160px;
    height: 45px;
    padding: 0 10px;

    color: #fff;
    border-radius: 14px;
    background-color: #000;
}
@media (max-width: 1469.98px)
{
    .language-btn a
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .language-btn a
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .language-btn a
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .language-btn a
    {
        border-radius: 6px;
    }
}
.language-btn a:before
{
    font-family: 'iconfont' !important;
    font-size: 1.5em;
    font-style: normal;

    margin-right: 10px;

    content: '\e844';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 1399.98px)
{
    .language-btn a
    {
        min-width: 130px;
        height: 40px;
    }
}
@media (max-width: 575.98px)
{
    .language-btn a
    {
        font-size: 12px;

        min-width: 80px;
        height: 32px;
    }
}
@media (min-width: 1200px)
{
    .language-btn a
    {
        -webkit-transition: .4s;
                transition: .4s;
    }
    .language-btn a:hover
    {
        background-color: #d80000;
    }
}
.language-btn a:active
{
    -webkit-transition: 0s;
            transition: 0s;
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);

    background-color: #d80000;
}
.language-btn img
{
    width: 26px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.language-btn .active
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.language-box
{
    position: relative;

    white-space: nowrap;

    -webkit-perspective: 500;
            perspective: 500;
}
.language-box:hover
{
    z-index: 10;
}
.language-box:hover .lang-select
{
    visibility: visible;

    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    pointer-events: all;

    opacity: 1;
}
.language-box:hover .current-lang span
{
    text-decoration: underline;
}
.language-box .current-lang
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 5px 0;

    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.language-box .current-lang:before,
.language-box .current-lang:after
{
    font-family: 'iconfont' !important;
    font-style: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.language-box .current-lang:before
{
    font-size: 1.2em;

    margin-right: 5px;

    content: '\e844';
}
.language-box .current-lang:after
{
    font-size: .8em;

    margin-left: 5px;

    content: '\eba1';
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
@media (max-width: 575.98px)
{
    .language-box .current-lang:after
    {
        margin-left: 3px;
    }
}
.language-box img
{
    width: 26px;
    height: auto !important;

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}
@media (max-width: 575.98px)
{
    .language-box img
    {
        width: 20px;
    }
}
.language-box .active
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 40px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.language-box .lang-select
{
    font-size: 16px;

    position: absolute;
    top: 100%;
    right: -50px;

    display: none;
    visibility: hidden;

    min-width: 100%;
    padding: 15px 20px;

    -webkit-transition: .4s;
            transition: .4s;
    -webkit-transform: rotateX(-50deg);
            transform: rotateX(-50deg);
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
    pointer-events: none;

    opacity: 0;
    color: #000;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}
@media (max-width: 991.98px)
{
    .language-box .lang-select
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .language-box .lang-select
    {
        font-size: 14px;
    }
}
@media (max-width: 1469.98px)
{
    .language-box .lang-select
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .language-box .lang-select
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .language-box .lang-select
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .language-box .lang-select
    {
        border-radius: 6px;
    }
}
@media (max-width: 1199.98px)
{
    .language-box .lang-select
    {
        right: -100px;
    }
}
@media (max-width: 575.98px)
{
    .language-box .lang-select
    {
        font-size: 12px;
    }
}
.language-box .lang-select ul
{
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 20px;
}
.language-box .lang-select img
{
    margin-right: 6px;
}
.language-box .lang-select a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 1200px)
{
    .language-box .lang-select a:hover
    {
        color: #d80000;
    }
    .language-box .lang-select a:hover span
    {
        text-decoration: underline;

        color: inherit;
    }
}
.language-box .lang-select a:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #d80000;
}
.language-box .lang-select a:active span
{
    text-decoration: underline;

    color: inherit;
}
@-webkit-keyframes avia_pop
{
    0%
    {
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes avia_pop
{
    0%
    {
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.search-wrap
{
    position: absolute;
    z-index: 3;
    top: 100%;
    right: 180px;

    display: none;

    width: 280px;
    padding: 15px;

    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
}
@media (max-width: 1469.98px)
{
    .search-wrap
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .search-wrap
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .search-wrap
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .search-wrap
    {
        border-radius: 6px;
    }
}
@media (max-width: 575.98px)
{
    .search-wrap
    {
        right: 10px;

        max-width: 90%;
        padding: 10px;
    }
}
.search-box
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    height: 44px;

    border: 1px solid #ccc;
    border-radius: 48px;
    border-radius: 14px;
    background: none;
}
@media (max-width: 1469.98px)
{
    .search-box
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .search-box
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .search-box
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .search-box
    {
        border-radius: 6px;
    }
}
@media (max-width: 767.98px)
{
    .search-box
    {
        height: 40px;
    }
}
.search-box input::-webkit-input-placeholder,
.search-box textarea::-webkit-input-placeholder
{
    color: #666;
}
.search-box input:-o-placeholder,
.search-box textarea:-o-placeholder
{
    color: #666;
}
.search-box input::-moz-placeholder,
.search-box textarea::-moz-placeholder
{
    color: #666;
}
.search-box input:-ms-input-placeholder,
.search-box textarea:-ms-input-placeholder
{
    color: #666;
}
.search-box input:focus::-webkit-input-placeholder,
.search-box textarea:focus::-webkit-input-placeholder
{
    color: #aaa;
}
.search-box input:focus::-o-placeholder,
.search-box textarea:focus::-o-placeholder
{
    color: #aaa;
}
.search-box input:focus::-moz-placeholder,
.search-box textarea:focus::-moz-placeholder
{
    color: #aaa;
}
.search-box input:focus::-ms-input-placeholder,
.search-box textarea:focus::-ms-input-placeholder
{
    color: #aaa;
}
.search-box input
{
    width: 100%;
    padding: 0 0 0 20px;

    background: none;
}
@media (max-width: 767.98px)
{
    .search-box input
    {
        padding: 0 15px;
    }
}
.search-box .submit
{
    font-size: 18px;

    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 18px;

    color: #666;
    background: none;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.search-box .submit:before
{
    font-family: 'iconfont' !important;
    font-weight: bold;
    font-style: normal;

    content: '\e660';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px)
{
    .search-box .submit
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .search-box .submit:hover
    {
        color: #d80000;
    }
}
.search-box .submit:active
{
    -webkit-transition: 0s;
            transition: 0s;

    color: #d80000;
}
.search-box .submit:active:before
{
    -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
            transform: scale(.95);
}
.xs-language
{
    position: absolute;
    z-index: 9;
    bottom: 30px;
    left: 35px;
}
@media (min-width: 1200px)
{
    .xs-language
    {
        display: none;
    }
}
.xs-language a
{
    font-size: 16px;

    color: #fff;
}
.xs-language span
{
    margin: 0 5px;

    color: #fff;
}
.banner
{
    font-size: 0;

    position: relative;
    z-index: 2;

    overflow: hidden;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
@media (min-width: 1200px)
{
    .banner .mose-icon
    {
        font-size: 18px;

        position: absolute;
        z-index: 3;
        bottom: 6.25%;
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-animation: jump 1s infinite;
                animation: jump 1s infinite;
        text-align: center;

        color: #fff;
    }
    .banner .mose-icon:before
    {
        font-family: 'iconfont' !important;
        font-size: 2em;
        font-style: normal;
        line-height: 1;

        display: block;

        content: '\e677';

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .banner .mose-icon:after
    {
        font-family: 'iconfont' !important;
        font-style: normal;

        margin-top: 20px;

        content: '\e602';

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
.banner .swiper-slide
{
    overflow: hidden;

    height: auto;
}
.banner .swiper-pagination
{
    position: absolute;
    z-index: 3;
    bottom: 36px;
    left: 8%;

    width: auto;
}
@media (max-width: 767.98px)
{
    .banner .swiper-pagination
    {
        bottom: 10px;
    }
}
.banner .swiper-pagination-bullet
{
    position: relative;

    width: 24px;
    height: 24px;
    margin: 0 4px !important;
    padding: 6px;

    -webkit-transition: .3s;
            transition: .3s;
    vertical-align: middle;

    opacity: 1;
    border-radius: 50px;
    outline: none;
    background-color: rgba(255, 255, 255, .7);
    background-clip: content-box;
}
.banner .swiper-pagination-bullet:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);

    opacity: .6;
    border: 1px solid #fff;
    border-radius: 50%;
}
@media (min-width: 1200px)
{
    .banner .swiper-pagination-bullet:hover:before
    {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
            -ms-transform: translateX(-50%) translateY(-50%) scale(1);
                transform: translateX(-50%) translateY(-50%) scale(1);
    }
}
@media (max-width: 1199.98px)
{
    .banner .swiper-pagination-bullet
    {
        width: 18px;
        height: 18px;
        padding: 5px;
    }
}
@media (max-width: 767.98px)
{
    .banner .swiper-pagination-bullet
    {
        width: 14px;
        height: 14px;
        margin: 0 4px !important;
        padding: 4px;
    }
}
.banner .swiper-pagination-bullet-active
{
    opacity: 1;
    background-color: #d80000;
}
.banner .swiper-pagination-bullet-active:before
{
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
}
.banner .slick-arrow
{
    font-size: 40px;

    width: auto;
    height: auto;

    color: #fff;
    border: none;
    outline: none;
    background: none !important;
}
.banner .slick-arrow:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.banner .slick-arrow:after
{
    display: none;
}
@media (min-width: 1200px)
{
    .banner .slick-arrow:hover
    {
        color: #d80000;
    }
}
.banner .slick-arrow:active
{
    -webkit-transform: translateY(-50%) scale(.95) !important;
        -ms-transform: translateY(-50%) scale(.95) !important;
            transform: translateY(-50%) scale(.95) !important;
}
@media (max-width: 1199.98px)
{
    .banner .slick-arrow
    {
        display: none;
    }
}
.banner .banner-button-prev
{
    left: 5%;
}
.banner .banner-button-prev:before
{
    content: '\e9b5';
}
.banner .banner-button-next
{
    right: 5%;
}
.banner .banner-button-next:before
{
    content: '\e72f';
}
.banner .item,
.banner .item > a
{
    display: block;

    height: 100%;
}
.banner .item
{
    position: relative;

    overflow: hidden;
}
.banner .item > a
{
    position: relative;

    display: block;
    overflow: hidden;
}
.banner .item > a > img
{
    min-height: 100%;
}
.banner .item > a > img.first-img,
.banner .item > a > img.swiper-lazy-loaded
{
    position: relative;
    left: 50%;

    display: block;

    width: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.banner-video
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}
.banner.hide-video video
{
    display: none !important;
}
.banner-video-box
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 50%;

    -webkit-transform: translateZ(10px);
            transform: translateZ(10px);
}
.banner-video-box .fluid_video_wrapper
{
    position: absolute;
    z-index: 10;
}
.banner-video-box .fluid_initial_play
{
    display: none !important;

    background-color: #d80000 !important;
}
.banner-video-box .fluid_controls_container
{
    display: none !important;
}
.banner .fluid_video_wrapper:before
{
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
}
.banner .mobile-video
{
    position: relative;

    display: block;
}
.banner .mobile-video:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .1);
}
.banner .mobile-video:before
{
    font-family: 'iconfont' !important;
    font-size: 50px;
    font-style: normal;

    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    content: '\e644';
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);

    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .3);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 575.98px)
{
    .banner .mobile-video:before
    {
        font-size: 10vw;

        text-shadow: 0 0 15px rgba(0, 0, 0, .2);
    }
}
.banner .mobile-video img
{
    width: 100%;
}
.banner .item > a
{
    position: relative;
}
.banner-intro
{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.banner-intro .tit
{
    font-size: 80px;
    font-size: min(80px, 4.16666667vw);
    font-weight: bold;
    line-height: 1.125;

    width: 1000px;
    max-width: 100%;
    margin-bottom: 24px;

    color: #c70404;
}
.banner-intro .tit span
{
    display: block;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #1548d4), color-stop(42.22%, #4a7aff));
    background: -webkit-linear-gradient(top, #1548d4 10%, #4a7aff 42.22%);
    background:         linear-gradient(180deg, #1548d4 10%, #4a7aff 42.22%);
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media (max-width: 991.98px)
{
    .banner-intro .tit
    {
        margin-bottom: 20px;
        margin-bottom: 2vw;
    }
}
@media (max-width: 767.98px)
{
    .banner-intro .tit
    {
        margin-bottom: 10px;
    }
}
.banner-intro .txt
{
    width: 870px;
    max-width: 100%;
}
.banner-intro .txt p
{
    color: #000;
}
@media (max-width: 1199.98px)
{
    .banner-intro .txt p
    {
        font-size: 1.8vw;
    }
}
@media (max-width: 575.98px)
{
    .banner-intro .txt p
    {
        font-size: 2vw;
    }
}
.banner-intro .more-box
{
    margin-top: var(--ngy-margin-70);
}
@media (max-width: 991.98px)
{
    .banner-intro .more-box
    {
        margin-top: 3.5vw;
    }
}
@media (max-width: 575.98px)
{
    .banner-intro .more-box > span
    {
        font-size: 1.8vw;

        min-width: 13vw;
        height: 5vw;
        padding: 0 10px;
    }
}
.banner-func
{
    position: absolute;
    z-index: 3;
    bottom: 4.16666667%;
    left: 50%;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 50px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.banner-func,
.banner-func .swiper-pagination
{
    height: auto;
}
@media (max-width: 767.98px)
{
    .banner-func
    {
        bottom: 12px;
    }
}
.banner-func .banner-button-prev,
.banner-func .banner-button-next
{
    font-size: 26px;

    height: auto;

    color: #fff;
}
.banner-func .banner-button-prev:before,
.banner-func .banner-button-next:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.banner-func .banner-button-prev:active,
.banner-func .banner-button-next:active
{
    -webkit-transition: 0s;
            transition: 0s;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);

    color: #d80000;
}
@media (min-width: 1200px)
{
    .banner-func .banner-button-prev,
    .banner-func .banner-button-next
    {
        -webkit-transition: .6s;
                transition: .6s;
    }
    .banner-func .banner-button-prev:hover,
    .banner-func .banner-button-next:hover
    {
        color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .banner-func .banner-button-prev,
    .banner-func .banner-button-next
    {
        display: none !important;
    }
}
.banner-func .banner-button-prev:before
{
    content: '\e9b5';
}
.banner-func .banner-button-next:before
{
    content: '\e72f';
}
.banner-func .swiper-pagination
{
    position: initial;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (min-width: 1200px)
{
    .banner-func .swiper-pagination
    {
        margin: 0 16px;
    }
}
@media (min-width: 1200px)
{
    .index-box .title-box > .txt
    {
        width: 575px;
        max-width: 100%;
    }
}
@media (max-width: 1199.98px)
{
    .index-box .title-box > .txt
    {
        margin-left: 0 !important;
    }
}
@media (min-width: 1200px)
{
    .index-box .title-box .inline-arrow
    {
        margin-left: 25px !important;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}
@media (min-width: 1470px)
{
    .index-box .slick-slider .slick-list
    {
        margin: 0 -20px;
    }
    .index-box .slick-slider .slick-slide
    {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.index-box .alone-more
{
    margin-top: var(--ngy-margin-80);
}
.index-box .alone-more > a
{
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#d80000));
    background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #d80000 100%);
    background-image:         linear-gradient(90deg, #000 50%, #000 50%, #d80000 100%);
}
.index-product__list
{
    color: #fff;
    background-color: #f1f1f1;
}
@media (max-width: 575.98px)
{
    .index-product__list
    {
        padding: 15px;
    }
}
.index-product__list li
{
    padding: 16px;

    border: 1px solid #d9d9d9;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.index-product__list .img-box
{
    padding-bottom: 57.23684211%;

    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .index-product__list .img-box
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .index-product__list .img-box
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .index-product__list .img-box
    {
        border-radius: 8px;
    }
}
.index-product__list .pro-line
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.index-product__list .pro-line i
{
    width: 4px;
    height: 18px;
    margin-right: 5px;

    -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
            transform: skew(-15deg);

    background: -webkit-gradient(linear, left top, left bottom, from(#f8d81d), to(#d80000));
    background: -webkit-linear-gradient(top, #f8d81d 0%, #d80000 100%);
    background:         linear-gradient(180deg, #f8d81d 0%, #d80000 100%);
}
@media (max-width: 1199.98px)
{
    .index-product__list .pro-line i
    {
        width: 3px;
        height: 12px;
    }
}
.index-product__list .tit
{
    font-size: 2.08333333vw;
    font-weight: normal;
    line-height: 1.2;
}
@media (max-width: 575.98px)
{
    .index-product__list .tit
    {
        font-size: 5vw;
    }
}
.index-product__list .info
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 6.57894737%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.index-product__list .num
{
    font-size: 5.72916667vw;
    font-weight: 600;
    line-height: 1;

    -webkit-transform: translateY(15%);
        -ms-transform: translateY(15%);
            transform: translateY(15%);

    opacity: .3;
    color: transparent;

    -webkit-text-stroke: 1px #fff;
}
@media (max-width: 575.98px)
{
    .index-product__list .num
    {
        font-size: 10vw;
    }
}
.pro-change-nav
{
    font-size: 18px;
    font-weight: normal;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: -8px -8px var(--ngy-margin-50);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1199.98px)
{
    .pro-change-nav
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .pro-change-nav
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .pro-change-nav
    {
        font-size: 15px;
    }
}
.pro-change-nav li
{
    display: inline-block;

    margin-top: 8px;
    padding: 0 8px;
}
.pro-change-nav button
{
    line-height: 1.2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 100%;
    min-height: 45px;
    padding: 8px 26px;

    -webkit-transition: .3s;
            transition: .3s;
    text-align: center;

    border-radius: 50px;
    background: #f5f5f5;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (min-width: 1200px)
{
    .pro-change-nav button:hover
    {
        color: #fff;
        background: #d80000;
    }
}
.pro-change-nav .active button
{
    color: #fff;
    background: #d80000;
}
@media (max-width: 1199.98px)
{
    .pro-change-nav
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin: -12px -5px 25px;
    }
    .pro-change-nav li
    {
        padding: 0 5px;
    }
}
@media (max-width: 991.98px)
{
    .pro-change-nav button
    {
        min-height: 40px;
    }
}
@media (max-width: 767.98px)
{
    .pro-change-nav button
    {
        padding: 8px;
    }
}
@media (max-width: 575.98px)
{
    .pro-change-nav
    {
        font-size: 12px;
    }
    .pro-change-nav button
    {
        min-height: 30px;
    }
}
.index-pro-nav
{
    position: absolute;
    z-index: 3;
    bottom: 150px;
    left: 0;
}
@media (max-width: 1199.98px)
{
    .index-pro-nav
    {
        top: 0;
        bottom: auto;

        width: 36%;
    }
}
@media (max-width: 575.98px)
{
    .index-pro-nav
    {
        display: none;
    }
}
.index-pro-nav li
{
    margin-top: 6px;
}
.index-pro-nav li a
{
    font-size: 16px;
    font-weight: 500;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 12px 16px;

    -webkit-transition: .3s;
            transition: .3s;

    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 14px;
    background: rgba(255, 255, 255, .05);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 991.98px)
{
    .index-pro-nav li a
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .index-pro-nav li a
    {
        font-size: 14px;
    }
}
@media (max-width: 1469.98px)
{
    .index-pro-nav li a
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .index-pro-nav li a
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .index-pro-nav li a
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .index-pro-nav li a
    {
        border-radius: 6px;
    }
}
.index-pro-nav li a:before
{
    font-family: 'iconfont' !important;
    font-size: 10px;
    font-style: normal;

    margin-right: 5px;

    content: '\e649';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.index-pro-nav li a span
{
    background-image: -webkit-linear-gradient(left, var(--houdini-bgWhite-colorA) 50%, var(--houdini-bgWhite-colorA) 50%, var(--houdini-bgWhite-colorB) 100%);
    background-image:         linear-gradient(90deg, var(--houdini-bgWhite-colorA) 50%, var(--houdini-bgWhite-colorA) 50%, var(--houdini-bgWhite-colorB) 100%);
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media (min-width: 1200px)
{
    .index-pro-nav li a span
    {
        transition: .3s --houdini-txt-colorA, .3s --houdini-txt-colorB, .3s;
    }
}
@media (max-width: 767.98px)
{
    .index-pro-nav li a
    {
        padding: 8px 5px;
    }
}
.index-pro-nav .active > a
{
    color: #d80000;
    background-color: #fff;
}
.index-pro-nav .active > a span
{
    --houdini-bgWhite-colorA: #000;
    --houdini-bgWhite-colorB: #d80000;
}
.index-about
{
    position: relative;

    overflow: hidden;
}
.index-about .container
{
    position: relative;
}
.index-about__pic
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 78.92857143%;

    -webkit-transform: translateY(-50%) translateX(-53%);
        -ms-transform: translateY(-50%) translateX(-53%);
            transform: translateY(-50%) translateX(-53%);
}
.index-about__pic .img-box
{
    padding-bottom: 75.86726998%;
}
.index-about__desc
{
    width: 64.88095238%;
}
@media (max-width: 1199.98px)
{
    .index-about__desc
    {
        width: 100%;
    }
}
.index-about .title
{
    margin-bottom: var(--ngy-margin-80);
}
.index-about .title h2 span
{
    color: #666;
}
.index-about .title p
{
    color: #999;
}
.index-about .more-box
{
    margin-top: var(--ngy-margin-56);
}
@media (min-width: 1200px)
{
    .index-about .more-box > a
    {
        min-width: 165px;
        height: 50px;

        color: #000;
    }
}
.index-about .choose-list .item
{
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.index-about .choose-list .item .iconfont
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 90px;
    height: 90px;
    margin-bottom: 8.74635569%;

    border: 1px solid #444;
    border-radius: 50%;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .index-about .choose-list .item .iconfont
    {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 991.98px)
{
    .index-about .choose-list .item .iconfont
    {
        width: 56px;
        height: 56px;
    }
}
@media (max-width: 767.98px)
{
    .index-about .choose-list .item .iconfont
    {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
}
.index-news
{
    position: relative;
    z-index: 3;
}
.index-news .line-txt
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;

    width: 102.44791667%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.index-news .line-txt img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: auto;
}
.index-news .line-txt img:nth-child(1)
{
    -webkit-transform: rotateZ(3deg);
        -ms-transform: rotate(3deg);
            transform: rotateZ(3deg);
}
.index-news .line-txt img:nth-child(2)
{
    -webkit-transform: rotateZ(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotateZ(-3deg);
}
.index-news .container
{
    margin-top: 5%;
}
.index-news .slick-arrow
{
    --arrowBg: #fff;
}
.index-contact
{
    background: -webkit-gradient(linear, left top, right top, from(#000), to(#422b10));
    background: -webkit-linear-gradient(left, #000 0%, #422b10 100%);
    background:         linear-gradient(90deg, #000 0%, #422b10 100%);
}
@media (min-width: 1200px)
{
    .index-contact
    {
        padding: 80px 0;
    }
}
.index-contact .title h2 span
{
    display: block;

    color: #666;
}
.index-contact .title .txt
{
    width: 800px;
}
.index-contact .title p
{
    color: #d9d9d9;
}
.index-contact .more-box > a
{
    font-size: 18px;

    color: #000;
}
@media (max-width: 1199.98px)
{
    .index-contact .more-box > a
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .index-contact .more-box > a
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .index-contact .more-box > a
    {
        font-size: 15px;
    }
}
.index-contact .more-box > a > span
{
    font-weight: normal;
}
@media (min-width: 1200px)
{
    .index-contact .more-box > a
    {
        min-width: 282px;
        min-height: 50px;
    }
}
.public-banner
{
    position: relative;
    z-index: 2;
}
.public-banner .pic
{
    position: relative;
    z-index: 2;

    overflow: hidden;
}
.public-banner .pic > img
{
    position: relative;
    left: 50%;

    display: block;

    width: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media (max-width: 575.98px)
{
    .public-banner .pic > img
    {
        width: 110%;
    }
}
@media (max-width: 575.98px)
{
    .public-banner .title h2
    {
        font-size: 6vw;
    }
}
@media (min-width: 768px)
{
    .public-banner .breadcrumb-box
    {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;

        width: 100%;

        color: #fff;
        background: rgba(245, 245, 245, .12);

        -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
    }
}
.banner-title
{
    position: absolute;
    z-index: 2;
    bottom: 50%;
    left: 0;

    width: 100%;

    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}
.banner-title .title
{
    margin: 0;
}
.banner-title .title .txt
{
    max-width: 1148px;
    margin-top: 10px;
}
@media (max-width: 1199.98px)
{
    .banner-title .title .txt
    {
        max-width: 100%;
    }
}
@media (max-width: 575.98px)
{
    .banner-title .title .txt
    {
        margin-top: 5px;
    }
}
@media (max-width: 991.98px)
{
    .banner-title .title .txt p
    {
        font-size: 14px;
    }
}
@media (max-width: 575.98px)
{
    .banner-title .title .txt p
    {
        font-size: 2.1vw;
    }
}
.banner-title .func-box
{
    margin-top: 20px;

    gap: 30px;
}
@media (max-width: 1199.98px)
{
    .banner-title .func-box
    {
        gap: 25px;
    }
}
@media (max-width: 991.98px)
{
    .banner-title .func-box
    {
        gap: 20px;
    }
}
@media (max-width: 767.98px)
{
    .banner-title .func-box
    {
        margin-top: 3vw;

        gap: 15px;
    }
}
@media (min-width: 1200px)
{
    .banner-title .link-box > a
    {
        font-size: 18px;

        min-height: 40px;
    }
}
@media (max-width: 575.98px)
{
    .banner-title .link-box > a
    {
        font-size: 11px;

        min-width: 80px;
        min-height: 28px;
        padding: 0 10px;
    }
}
.download-list
{
    --download-padding: 30px;
}
@media (max-width: 991.98px)
{
    .download-list
    {
        --download-padding: 20px;
    }
}
.download-list .item
{
    position: relative;

    min-height: 100%;
    padding: var(--download-padding);

    border: 1px solid #d9d9d9;
    border-radius: 14px;
    background-color: #f5f5f5;
}
@media (max-width: 1469.98px)
{
    .download-list .item
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .download-list .item
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .download-list .item
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .download-list .item
    {
        border-radius: 6px;
    }
}
@media (min-width: 1200px)
{
    .download-list .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .download-list .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 1200px)
{
    .download-list .item
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .download-list .item:hover
    {
        border-color: #d80000;
    }
    .download-list .item:hover .tit
    {
        color: #d80000;
    }
    .download-list .item:hover .download-btn > a:after
    {
        -webkit-animation: jump 1s infinite;
                animation: jump 1s infinite;
    }
}
@media (max-width: 575.98px)
{
    .download-list .item
    {
        padding: 3%;
    }
}
.download-list .img-box
{
    padding-bottom: 138.88888889%;

    border-radius: 6px;
}
@media (max-width: 767.98px)
{
    .download-list .img-box
    {
        border-radius: 3px;
    }
}
.download-list .pic-box
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    width: 180px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 767.98px)
{
    .download-list .pic-box
    {
        width: 150px;
    }
}
@media (max-width: 575.98px)
{
    .download-list .pic-box
    {
        width: 36vw;
    }
}
.download-list .intro-box
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    padding-right: 70px;
    padding-left: 30px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
@media (max-width: 767.98px)
{
    .download-list .intro-box
    {
        padding-right: 50px;
        padding-left: 20px;
    }
}
@media (max-width: 575.98px)
{
    .download-list .intro-box
    {
        padding-right: 0;
        padding-bottom: 35px;
    }
}
@media (min-width: 768px)
{
    .download-list .intro:before
    {
        font-family: 'iconfont' !important;
        font-size: 42px;
        font-style: normal;
        line-height: 1;

        display: block;

        content: '\e677';

        color: #d80000;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
@media (min-width: 768px) and (max-width: 1469.98px)
{
    .download-list .intro:before
    {
        font-size: 32px;
    }
}
.download-list .type
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 25px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 10px;
}
.download-list .type span
{
    padding: 4px 10px;

    color: #666;
    border-radius: 50px;
    background-color: #fff;
}
@media (max-width: 991.98px)
{
    .download-list .type
    {
        font-size: 12px;
    }
}
@media (max-width: 767.98px)
{
    .download-list .type
    {
        font-size: 11px;

        margin-bottom: 15px;
    }
}
.download-list .tit,
.download-list p
{
    display: -webkit-box;
    overflow: hidden;

    height: auto;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.download-list .tit
{
    font-size: 20px;
    font-weight: 500;

    margin-bottom: 10px;

    -webkit-transition: .3s;
            transition: .3s;
}
@media (max-width: 1469.98px)
{
    .download-list .tit
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .download-list .tit
    {
        margin-top: 0;
    }
}
.download-list .txt
{
    padding-right: 90px;
}
.download-list .txt p
{
    font-size: 14px;
}
@media (max-width: 575.98px)
{
    .download-list .txt
    {
        padding-right: 60px;
    }
}
.download-list .download-btn
{
    position: absolute;
    z-index: 2;
    right: var(--download-padding);
    bottom: var(--download-padding);
}
.download-list .download-btn > a
{
    min-width: 34px;
    min-height: 34px;

    border-radius: 8px;
}
.faq-list li
{
    padding: 24px 30px;

    -webkit-transition: background-color .6s;
            transition: background-color .6s;

    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
}
.faq-list li:not(:first-child)
{
    margin-top: 1px;
}
@media (max-width: 991.98px)
{
    .faq-list li
    {
        padding: 20px 25px;
    }
}
@media (max-width: 767.98px)
{
    .faq-list li
    {
        padding: 15px 10px;
    }
}
.faq-list li.active
{
    border-color: transparent;
    border-radius: 14px;
    background-color: #f5f5f5;
}
@media (max-width: 1469.98px)
{
    .faq-list li.active
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .faq-list li.active
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .faq-list li.active
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .faq-list li.active
    {
        border-radius: 6px;
    }
}
.faq-list li.active > .question .tit:after
{
    content: '\e640';
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.faq-list li .question
{
    position: relative;

    display: block;

    cursor: pointer;
}
.faq-list li .question .tit
{
    font-size: 20px;
    line-height: 1.2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199.98px)
{
    .faq-list li .question .tit
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .faq-list li .question .tit
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .faq-list li .question .tit
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .faq-list li .question .tit
    {
        font-size: 16px;
    }
}
.faq-list li .question .tit:before,
.faq-list li .question .tit:after
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-transition: -webkit-transform .6s;
            transition: -webkit-transform .6s;
            transition:         transform .6s;
            transition:         transform .6s, -webkit-transform .6s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.faq-list li .question .tit:before
{
    font-size: 1.1em;
    line-height: 1;

    z-index: 2;

    display: block;

    margin-top: -2px;
    margin-right: 20px;

    content: '\e689';

    color: #222;
}
@media (max-width: 767.98px)
{
    .faq-list li .question .tit:before
    {
        margin-right: 15px;
    }
}
.faq-list li .question .tit:after
{
    font-size: 1.1em;
    font-size: 18px;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 24px;
    height: 24px;
    margin-left: 10px;

    content: '\e641';

    color: #666;
    border: 2px solid #666;
    border-radius: 50%;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 767.98px)
{
    .faq-list li .question .tit:after
    {
        font-size: 14px;

        width: 20px;
        height: 20px;
    }
}
.faq-list li .question .tit span
{
    font-weight: 500;

    padding-right: 15px;

    -webkit-transition: .3s;
            transition: .3s;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
}
.faq-list li .question ~ .txt
{
    display: none;

    padding: 20px 0 0 40px;
}
.oem-intro-content .container
{
    overflow: hidden;
}
.oem-intro-content__pic
{
    float: right;

    width: 50.90909091%;
    margin-left: 5.45454545%;
}
.oem-intro-content .breadcrumb-box
{
    width: 40%;
}
.oem-intro-content .breadcrumb-box .container
{
    width: auto;
    max-width: initial;
    margin: 0;
    padding: 0;
}
.news-date
{
    font-size: 16px;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    color: #666;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 991.98px)
{
    .news-date
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .news-date
    {
        font-size: 14px;
    }
}
.img-news
{
    padding-bottom: 64.1509434%;

    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .img-news
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .img-news
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .img-news
    {
        border-radius: 8px;
    }
}
.news-list
{
    overflow: hidden;
}
@media (min-width: 1710px)
{
    .news-list--row > .row
    {
        margin-top: -50px;
    }
    .news-list--row > .row > *
    {
        margin-top: 50px;
    }
}
@media (max-width: 575.98px)
{
    .news-list--row > .row
    {
        margin-top: -30px;
    }
    .news-list--row > .row > *
    {
        margin-top: 30px;
    }
}
.news-list--row .item
{
            flex-direction: column;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.news-list--column .row > *
{
    padding-top: var(--ngy-margin-60);
    padding-bottom: var(--ngy-margin-60);

    border-top: 1px solid #d9d9d9;
}
.news-list--column .row > *:last-child
{
    padding-bottom: 0;
}
.news-list--column .item
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 576px)
{
    .news-list--column .pic
    {
        width: 40%;
        max-width: 480px;

        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
    }
}
@media (max-width: 575.98px)
{
    .news-list--column .pic
    {
        margin-bottom: 15px;
    }
}
@media (min-width: 576px)
{
    .news-list--column .intro
    {
        padding: 0 4.84848485%;
    }
}
.news-list .item
{
    position: relative;
    z-index: 2;

    container-type: inline-size;
}
@media (min-width: 576px)
{
    .news-list .item
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
@media (min-width: 1200px)
{
    .news-list .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .news-list .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 1200px)
{
    .news-list .item:hover .tit
    {
        text-decoration: underline;

        color: #d80000;
    }
    .news-list .item:hover .more-box
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }
}
.news-list .img-box .more-box
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 2.45283019%;

    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
            transform: translateY(110%);

    opacity: 0;
}
.news-list .img-box .more-box > span
{
    width: 100%;

    color: #000;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.news-list .img-box .more-box > span:after
{
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
@media (min-width: 1200px)
{
    .news-list .img-box .more-box > span:hover
    {
        color: #fff;
    }
}
.news-list .intro
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
}
.news-list .tit,
.news-list p
{
    display: -webkit-box;
    overflow: hidden;

    height: auto;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-list .tit
{
    font-size: 20px;

    margin: 5.74712644% 0 10px;

    -webkit-transition: .3s;
            transition: .3s;
}
@container (max-width: 410px)
{
    .news-list .tit
    {
        font-size: 18px;
    }
}
@container (max-width: 280px)
{
    .news-list .tit
    {
        font-size: 16px;
    }
}
@media (max-width: 575.98px)
{
    .news-list .tit
    {
        margin-top: 15px;
    }
}
.news-list .tit a:active
{
    color: #d80000;
}
.news-list .txt
{
    margin-bottom: 5.74712644%;
}
@media (max-width: 575.98px)
{
    .news-list .txt
    {
        margin-bottom: 15px;
    }
}
.news-list .info-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.news-list .info-list > div > *
{
    font-size: 16px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 32px;
    padding: 2px 20px;

    -webkit-transition: .4s;
            transition: .4s;

    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 20px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@container (max-width: 410px)
{
    .news-list .info-list > div > *
    {
        font-size: 15px;

        padding: 2px 15px;
    }
}
@container (max-width: 340px)
{
    .news-list .info-list > div > *
    {
        font-size: 14px;

        padding: 2px 12px;
    }
}
@container (max-width: 280px)
{
    .news-list .info-list > div > *
    {
        font-size: 1.5vw;

        min-height: 28px;
    }
}
@media (max-width: 575.98px)
{
    .news-list .info-list > div > *
    {
        font-size: 12px;
    }
}
.news-list .info-list .news-date > *
{
    border-color: #000;
}
@media (min-width: 1200px)
{
    .news-list .info-list .news-category > a:hover
    {
        color: #d80000;
        border-color: #d80000;
    }
}
.news-list .info-list,
.news-list .more-box
{
    margin-top: auto;
    margin-bottom: 0;
}
.news-details-wrap .content .info
{
    position: relative;

    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 767.98px)
{
    .news-details-wrap .content .info
    {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}
.news-details-wrap .tit
{
    line-height: 1.3;
}
.news-details-wrap .news-video
{
    margin-top: 3%;
    padding-bottom: 40%;
}
.news-details-wrap .date-all,
.news-details-wrap .news-date
{
    margin-top: 15px;
}
.news-details-wrap .news-page
{
    overflow: hidden;

    margin-top: 40px;
}
@media (max-width: 991.98px)
{
    .news-details-wrap .news-page
    {
        margin-top: 35px;
    }
}
@media (max-width: 767.98px)
{
    .news-details-wrap .news-page
    {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 1200px)
{
    .news-details-wrap .news-page a:hover
    {
        text-decoration: underline;

        color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .news-details-wrap .news-page a:active
    {
        text-decoration: underline;

        color: #d80000;
    }
}
.news-details-wrap .news-page p
{
    font-size: 16px;

    overflow: hidden;

    margin: 0;

    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 991.98px)
{
    .news-details-wrap .news-page p
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .news-details-wrap .news-page p
    {
        font-size: 14px;
    }
}
.news-details-wrap .news-page .next
{
    margin-top: 15px;
}
@media (max-width: 767.98px)
{
    .news-details-wrap .news-page .next
    {
        margin-top: 10px;
    }
}
.video-list .tit
{
    margin-bottom: -5px;

    -webkit-line-clamp: none;
}
.about-contact-btn
{
    font-size: 20px;

    width: 130px;
    margin-left: 100px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.about-contact-btn .img-box:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    content: '\e8fa';
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
            transform: translateX(-50%) translateY(-50%) rotate(-25deg);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1199.98px)
{
    .about-contact-btn .img-box:before
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    .about-contact-btn .img-box img
    {
        -webkit-animation: rotateZ 8s linear infinite;
                animation: rotateZ 8s linear infinite;
    }
}
@media (min-width: 1200px)
{
    .about-contact-btn:hover .img-box img
    {
        -webkit-animation: rotateZ 8s linear infinite;
                animation: rotateZ 8s linear infinite;
    }
    .about-contact-btn:hover .img-box:before
    {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
}
@media (max-width: 1199.98px)
{
    .about-contact-btn
    {
        font-size: 18px;

        width: 100px;
    }
}
@media (max-width: 991.98px)
{
    .about-contact-btn
    {
        font-size: 16px;

        width: 80px;
    }
}
@media (max-width: 767.98px)
{
    .about-contact-btn
    {
        font-size: 14px;

        width: 70px;
        margin: 25px 0 0 35px;
    }
}
.about-intro-box__desc
{
    overflow: hidden;
}
@media (max-width: 1199.98px)
{
    .about-intro-box__desc
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
                flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
    }
}
.about-intro-box__desc .pic-box
{
    width: 42.42424242%;
}
@media (min-width: 1200px)
{
    .about-intro-box__desc .pic-box
    {
        float: left;

        margin-right: 8.48484848%;
    }
}
@media (min-width: 1200px) and (max-width: 1469.98px)
{
    .about-intro-box__desc .pic-box
    {
        margin-right: 4.24242424%;
    }
}
@media (max-width: 1199.98px)
{
    .about-intro-box__desc .pic-box
    {
        width: 700px;
        max-width: 100%;
    }
}
@media (max-width: 991.98px)
{
    .about-intro-box__desc .pic-box
    {
        width: 560px;
    }
}
.about-intro-box__desc .pic-box > div
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    width: 76%;

    border: 1px solid #d80000;
    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .about-intro-box__desc .pic-box > div
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .about-intro-box__desc .pic-box > div
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .about-intro-box__desc .pic-box > div
    {
        border-radius: 8px;
    }
}
.about-intro-box__desc .pic .img-box
{
    padding-bottom: 118.86792453%;
}
@media (min-width: 1200px)
{
    .about-intro-box__desc .pic .img-box img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .about-intro-box__desc .pic .img-box:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
.about-intro-box__desc .video-box
{
    z-index: 3;

    margin-top: -33.33333333%;
    margin-left: auto;
}
.about-intro-box__desc .video-box .img-box
{
    padding-bottom: 66.03773585%;
}
@media (min-width: 1200px)
{
    .about-intro-box__desc .title
    {
        margin-bottom: 0;
    }
}
.about-intro-box__desc .title .more-box
{
    margin-top: 4.24242424%;
}
@media (min-width: 1200px)
{
    .about-intro-box__desc .title .more-box > a
    {
        min-width: 194px;
        height: 50px;
    }
}
.about-intro-box__desc .name
{
    line-height: 1.33333333;

    margin-top: 20px;
}
@media (max-width: 991.98px)
{
    .about-intro-box__desc .name
    {
        margin-top: 15px;
    }
}
@media (max-width: 767.98px)
{
    .about-intro-box__desc .name
    {
        margin-top: 10px;
    }
}
.choose-list
{
    color: #fff;
}
.choose-list .item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding-top: 5px;

    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
            align-items: start;
}
@media (min-width: 1200px)
{
    .choose-list .item:hover .iconfont
    {
        -webkit-animation: swing 1s 0s ease both;
                animation: swing 1s 0s ease both;
    }
}
.choose-list .iconfont
{
    font-size: 30px;
    line-height: 1.2;

    margin-right: 30px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 1199.98px)
{
    .choose-list .iconfont
    {
        font-size: 28px;
    }
}
@media (max-width: 991.98px)
{
    .choose-list .iconfont
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .choose-list .iconfont
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .choose-list .iconfont
    {
        font-size: 22px;
    }
}
.choose-list .iconfont:before
{
    background: #d80000;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), to(#d80000));
    background-image: -webkit-linear-gradient(left, #000 50%, #000 50%, #d80000 100%);
    background-image:         linear-gradient(90deg, #000 50%, #000 50%, #d80000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8d81d), color-stop(65%, #d80000), to(#890000));
    background-image: -webkit-linear-gradient(top, #f8d81d 0%, #d80000 65%, #890000 100%);
    background-image:         linear-gradient(to bottom, #f8d81d 0%, #d80000 65%, #890000 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media (max-width: 1199.98px)
{
    .choose-list .iconfont
    {
        margin-right: 20px;
    }
}
@media (max-width: 767.98px)
{
    .choose-list .iconfont
    {
        margin-right: 10px;
    }
}
.choose-list .tit
{
    font-size: 20px;
    font-weight: 500;

    margin-bottom: 10px;
}
@media (max-width: 1199.98px)
{
    .choose-list .tit
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .choose-list .tit
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .choose-list .tit
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .choose-list .tit
    {
        font-size: 16px;
    }
}
.choose-list p
{
    color: #d9d9d9;
}
.about-choose-box
{
    position: relative;
}
.about-choose-box:before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: -webkit-gradient(linear, right top, left top, color-stop(15%, rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .3) 15%, rgba(0, 0, 0, .7) 100%);
    background:         linear-gradient(270deg, rgba(0, 0, 0, .3) 15%, rgba(0, 0, 0, .7) 100%);
}
@media (max-width: 1399.98px)
{
    .about-choose-box:before
    {
        background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .7)));
        background: -webkit-linear-gradient(right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .7) 100%);
        background:         linear-gradient(270deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .7) 100%);
    }
}
@media (max-width: 767.98px)
{
    .about-choose-box:before
    {
        background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .7)));
        background: -webkit-linear-gradient(right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .7) 100%);
        background:         linear-gradient(270deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .7) 100%);
    }
}
.about-choose-box .container
{
    position: relative;
    z-index: 3;
}
.about-choose-box .container > div
{
    width: 1050px;
    max-width: 100%;
}
.img-honor
{
    overflow: visible;

    padding-bottom: 141.81818182%;
}
@media (min-width: 1200px)
{
    .slick-honor .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .slick-honor .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 1200px)
{
    .slick-honor .item:hover .pic
    {
        border-color: #d80000;
        background-color: rgba(216, 0, 0, .2);
    }
    .slick-honor .item:hover .tit
    {
        color: #d80000;
    }
}
.slick-honor .pic
{
    padding: 6.55737705%;

    -webkit-transition: .3s;
            transition: .3s;

    border: 1px solid transparent;
    border-radius: 20px;
    background-color: rgba(245, 245, 245, .2);
}
@media (max-width: 1199.98px)
{
    .slick-honor .pic
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .slick-honor .pic
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .slick-honor .pic
    {
        border-radius: 8px;
    }
}
@media (max-width: 1199.98px)
{
    .slick-honor .pic
    {
        padding: 0;
    }
}
.slick-honor .img-box
{
    padding-bottom: 140.90909091%;
}
.slick-honor .img-box img
{
    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .slick-honor .img-box img
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .slick-honor .img-box img
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .slick-honor .img-box img
    {
        border-radius: 8px;
    }
}
.slick-honor .tit
{
    font-size: 24px;
    font-weight: 500;

    margin-top: 15px;

    color: #999;
}
@media (max-width: 1709.98px)
{
    .slick-honor .tit
    {
        font-size: 22px;
    }
}
@media (max-width: 1469.98px)
{
    .slick-honor .tit
    {
        font-size: 20px;

        margin-top: 10px;
    }
}
@media (max-width: 991.98px)
{
    .slick-honor .tit
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .slick-honor .tit
    {
        font-size: 16px;

        margin-top: 5px;
    }
}
.slick-factory .img-box
{
    padding-bottom: 75.09433962%;

    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .slick-factory .img-box
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .slick-factory .img-box
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .slick-factory .img-box
    {
        border-radius: 8px;
    }
}
@media (min-width: 1200px)
{
    .slick-factory .img-box img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .slick-factory .img-box:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
.factory-arrow
{
    margin-top: var(--ngy-margin-50);
}
.img-pro
{
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .img-pro
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .img-pro
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .img-pro
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .img-pro
    {
        border-radius: 6px;
    }
}
.product-list > .row
{
    margin-top: -40px;
}
.product-list > .row > *
{
    margin-top: 40px;
}
@media (max-width: 767.98px)
{
    .product-list > .row
    {
        margin-top: -25px;
    }
    .product-list > .row > *
    {
        margin-top: 25px;
    }
}
.product-list .item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    container-type: inline-size;
}
@media (min-width: 1200px)
{
    .product-list .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .product-list .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 1200px)
{
    .product-list .item:hover .title-type span
    {
        background-color: #d80000;
    }
    .product-list .item:hover .tit
    {
        text-decoration: underline;

        color: #d80000;
    }
}
@container (max-width: 260px)
{
    .product-list .item .tit
    {
        font-size: 18px;
    }
}
@container (max-width: 255px)
{
    .product-list .item .tit
    {
        font-size: 16px;
    }
}
.product-list .pic
{
    position: relative;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.product-list .icon-off
{
    position: absolute;
    z-index: 3;
    top: 5.12820513%;
    right: 5.12820513%;

    width: 15.38461538%;
}
.product-list .icon-off img
{
    -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
            transform: scale(1) !important;
}
.product-list .title-type
{
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 20px;
}
.product-list .title-type span
{
    -webkit-transition: .3s;
            transition: .3s;
}
.product-list .intro
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.product-list .tit,
.product-list p
{
    display: -webkit-box;
    overflow: hidden;

    height: auto;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-list .tit
{
    font-size: 20px;

    margin: 7.69230769% 0 10px;

    -webkit-transition: .3s;
            transition: .3s;
}
@media (max-width: 767.98px)
{
    .product-list .tit
    {
        margin-bottom: 5px;
    }
}
.product-list .more-box
{
    margin-top: auto;
}
.product-list .more-box > a
{
    font-size: 16px;

    color: #d80000;
}
@media (max-width: 991.98px)
{
    .product-list .more-box > a
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .product-list .more-box > a
    {
        font-size: 14px;
    }
}
.product-list .more-box > a:before
{
    content: '[';
}
.product-list .more-box > a:after
{
    content: ']';
}
.product-list .more-box > a span
{
    margin: 0 5px;
}
@media (max-width: 575.98px)
{
    .product-list .more-box > a
    {
        font-size: 13px;
    }
}
.product-list .classification-pro
{
    margin: 7.14285714% 0;
}
.product-list .add-btn
{
    margin-top: auto;
}
.product-list .add-btn > a
{
    min-width: -webkit-calc(100% - 16px);
    min-width:         calc(100% - 16px);
}
.product-wrap .title,
.search-none-wrap .title
{
    width: 1253px;
}
.details-list,
.details-tit
{
    padding-top: var(--ngy-margin-80);
}
.details-list .details-tit
{
    padding-top: 0;
}
.details-tit
{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;

    padding-bottom: 24px;
}
@media (max-width: 1199.98px)
{
    .details-tit
    {
        font-size: 28px;
    }
}
@media (max-width: 991.98px)
{
    .details-tit
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .details-tit
    {
        font-size: 24px;
    }
}
@media (max-width: 575.98px)
{
    .details-tit
    {
        font-size: 22px;
    }
}
.specifications-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 767.98px)
{
    .specifications-list
    {
        gap: 5px;
    }
}
.specifications-list span
{
    font-size: 16px;

    padding: 12px 15px;

    cursor: pointer;

    color: #666;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
}
@media (max-width: 1469.98px)
{
    .specifications-list span
    {
        font-size: 14px;

        padding: 8px 10px;
    }
}
@media (max-width: 767.98px)
{
    .specifications-list span
    {
        font-size: 12px;

        padding: 5px 7px;
    }
}
.specifications-list .active
{
    color: #d80000;
    border-color: #1dadb5;
}
.product-details-wrap .public-padding
{
    padding-bottom: 0;
}
.product-details-wrap .carousel-wrap
{
    position: relative;

    margin-bottom: var(--ngy-margin-80);
}
@media (min-width: 576px)
{
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .carousel-box
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-for
    {
        width: 82.14285714%;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav
    {
        position: relative;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
                flex-direction: column;

        width: 15.23809524%;
        margin: 0;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-list
    {
        margin: -4.6875% 0;
        padding: 0 1px;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-slide
    {
        padding: 5.46875% 1px;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-arrow
    {
        font-weight: normal;
        line-height: 1;

        right: auto;
        left: 50%;

        color: #d9d9d9;
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-arrow:before
    {
        content: '\e649';
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-prev
    {
        top: -3px;

        -webkit-transform: translateX(-50%) rotate(-90deg);
            -ms-transform: translateX(-50%) rotate(-90deg);
                transform: translateX(-50%) rotate(-90deg);
    }
    .product-details-wrap .carousel-wrap:not(.carousel-nav-down) .slider-nav .slick-next
    {
        top: auto;
        bottom: -3px;

        -webkit-transform: translateX(-50%) rotate(90deg);
            -ms-transform: translateX(-50%) rotate(90deg);
                transform: translateX(-50%) rotate(90deg);
    }
}
.product-details-wrap .carousel-wrap.carousel-nav-left .carousel-box
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}
.product-details-wrap .carousel-wrap .carousel-box
{
    font-size: 0;
}
@media (min-width: 1200px)
{
    .product-details-wrap .carousel-wrap .carousel-box
    {
        width: 45.52845528%;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .carousel-box
    {
        position: initial;

        width: 600px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .carousel-box
    {
        width: 500px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .carousel-box
    {
        width: 400px;
    }
}
.product-details-wrap .carousel-wrap .carousel
{
    position: relative;
}
.product-details-wrap .carousel-wrap .pro-arrow
{
    position: absolute;
    z-index: 3;
    right: 40px;
    bottom: 60px;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .pro-arrow
    {
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 575.98px)
{
    .product-details-wrap .carousel-wrap .pro-arrow
    {
        display: none !important;
    }
}
.product-details-wrap .carousel-wrap .slider-for,
.product-details-wrap .carousel-wrap .slider-nav .item
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .product-details-wrap .carousel-wrap .slider-for,
    .product-details-wrap .carousel-wrap .slider-nav .item
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .slider-for,
    .product-details-wrap .carousel-wrap .slider-nav .item
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .slider-for,
    .product-details-wrap .carousel-wrap .slider-nav .item
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .slider-for,
    .product-details-wrap .carousel-wrap .slider-nav .item
    {
        border-radius: 6px;
    }
}
.product-details-wrap .carousel-wrap .slider-for
{
    border: none;
}
@media (min-width: 1200px)
{
    .product-details-wrap .carousel-wrap .slider-for:hover .slick-arrow
    {
        opacity: 1;
    }
}
.product-details-wrap .carousel-wrap .slider-for .slick-arrow
{
    opacity: 0;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .slider-for .slick-arrow
    {
        display: none !important;
    }
}
.product-details-wrap .carousel-wrap .slider-for .slick-prev
{
    left: 3.33333333%;
}
.product-details-wrap .carousel-wrap .slider-for .slick-next
{
    right: 3.33333333%;
}
.product-details-wrap .carousel-wrap .slider-nav
{
    margin-top: 10px;
}
.product-details-wrap .carousel-wrap .slider-nav .slick-list
{
    margin: 0 -4px;
}
.product-details-wrap .carousel-wrap .slider-nav .slick-slide
{
    width: 150px;
    padding: 1px 5px;

    border: none;
}
.product-details-wrap .carousel-wrap .slider-nav .slick-center .item,
.product-details-wrap .carousel-wrap .slider-nav .slick-current .item
{
    border-color: #d80000;
    outline: 1px solid #d80000;
}
.product-details-wrap .carousel-wrap .slider-nav .slick-arrow
{
    font-size: 16px;

    width: 24px;
    height: 24px;

    color: #000;
    border: 1px solid #000;
    background: none !important;
}
@media (min-width: 1200px)
{
    .product-details-wrap .carousel-wrap .slider-nav .slick-arrow:hover
    {
        color: #d80000;
        border-color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .slider-nav .slick-arrow
    {
        display: none;
    }
}
.product-details-wrap .carousel-wrap .slider-nav .product-video
{
    position: relative;
}
.product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .1);
}
.product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:before
{
    font-family: 'iconfont' !important;
    font-size: 14px;
    font-style: normal;

    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 42px;
    height: 42px;

    content: '\e67c';
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

    color: #d80000;
    border-radius: 50%;
    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:before
    {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .slider-nav .product-video .img-box:before
    {
        font-size: 12px;

        width: 30px;
        height: 30px;
    }
}
.product-details-wrap .carousel-wrap .info-box
{
    --info-margin: 36px;
}
@media (min-width: 1200px)
{
    .product-details-wrap .carousel-wrap .info-box
    {
        position: relative;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
                flex-direction: column;

        width: 49.59349593%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
}
@media (max-width: 1709.98px)
{
    .product-details-wrap .carousel-wrap .info-box
    {
        --info-margin: 25px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .info-box
    {
        --info-margin: 15px;
    }
}
.product-details-wrap .carousel-wrap .classification-pro
{
    margin-bottom: var(--info-margin);
}
.product-details-wrap .carousel-wrap .pro-name
{
    font-size: 38px;
    font-weight: 600;
    line-height: 1.26315789;

    padding: 60px 0 30px;
}
@media (max-width: 1709.98px)
{
    .product-details-wrap .carousel-wrap .pro-name
    {
        font-size: 34px;

        padding-top: 30px;
    }
}
@media (max-width: 1469.98px)
{
    .product-details-wrap .carousel-wrap .pro-name
    {
        font-size: 30px;

        padding-top: 0;
        padding-bottom: 20px;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .carousel-wrap .pro-name
    {
        font-size: 26px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .pro-name
    {
        font-size: 22px;

        padding-bottom: 15px;
    }
}
@media (max-width: 575.98px)
{
    .product-details-wrap .carousel-wrap .desc
    {
        font-size: 14px;
    }
}
.product-details-wrap .carousel-wrap .evaluate
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: var(--info-margin);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.product-details-wrap .carousel-wrap .evaluate > span
{
    font-size: 16px;

    color: #666;
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .evaluate > span
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .evaluate > span
    {
        font-size: 14px;
    }
}
.product-details-wrap .carousel-wrap .star-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.product-details-wrap .carousel-wrap .star-box .iconfont
{
    font-size: 26px;
    line-height: 1;

    color: #1dadb5;
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .star-box .iconfont
    {
        font-size: 22px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .star-box .iconfont
    {
        font-size: 18px;
    }
}
.product-details-wrap .carousel-wrap .star-box .active ~ i
{
    color: #d9d9d9;
}
@media (min-width: 1200px)
{
    .product-details-wrap .carousel-wrap .description-box
    {
        min-height: 470px;
    }
}
@media (min-width: 1200px) and (max-width: 1709.98px)
{
    .product-details-wrap .carousel-wrap .description-box
    {
        min-height: 380px;
    }
}
@media (min-width: 1200px) and (max-width: 1469.98px)
{
    .product-details-wrap .carousel-wrap .description-box
    {
        min-height: 340px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .product-details-wrap .carousel-wrap .description-box
    {
        min-height: 320px;
    }
}
.product-details-wrap .carousel-wrap .description-box .description
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: 15px;

    color: #666;
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .description-box .description
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .description-box .description
    {
        font-size: 14px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .description-box .description
    {
        margin-bottom: 10px;
    }
}
.product-details-wrap .carousel-wrap .func
{
    margin-top: var(--ngy-margin-40);
}
.product-details-wrap .carousel-wrap .inquiry-btn > a
{
    min-width: 200px;
    height: 50px;
}
@media (max-width: 991.98px)
{
    .product-details-wrap .carousel-wrap .inquiry-btn > a
    {
        min-width: 180px;
        height: 45px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .carousel-wrap .inquiry-btn > a
    {
        min-width: 140px;
        height: 38px;
    }
}
.product-details-wrap .details-inquiry-box + .floor-list
{
    padding-top: 10.56910569%;
}
.product-details-wrap .slick-reviews
{
    margin-bottom: 24px;
}
@media (min-width: 1200px)
{
    .product-details-wrap .slick-reviews .slick-list
    {
        margin: 0 -20px;
    }
    .product-details-wrap .slick-reviews .slick-slide
    {
        padding: 0 20px;
    }
}
.product-details-wrap .slick-reviews .item
{
    padding: 20px 40px 30px;

    border-radius: 20px;
    background-color: #f7f7f7;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .slick-reviews .item
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .slick-reviews .item
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .slick-reviews .item
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .slick-reviews .item
    {
        padding: 15px 20px 15px;
    }
}
.product-details-wrap .slick-reviews .info
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 15px;
    padding-bottom: 15px;

    border-bottom: 1px solid #d7d3ce;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 575.98px)
{
    .product-details-wrap .slick-reviews .info
    {
        margin-bottom: 10px;
        padding-bottom: 10px;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .product-details-wrap .slick-reviews .info .name,
    .product-details-wrap .slick-reviews .info .star-box
    {
        margin-right: 12px;
    }
}
.product-details-wrap .slick-reviews .name
{
    font-size: 20px;
    font-weight: 600;

    margin-right: 15px;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .slick-reviews .name
    {
        font-size: 19px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .slick-reviews .name
    {
        font-size: 18px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .slick-reviews .name
    {
        font-size: 17px;
    }
}
@media (max-width: 575.98px)
{
    .product-details-wrap .slick-reviews .name
    {
        font-size: 16px;
    }
}
.product-details-wrap .slick-reviews .star-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.product-details-wrap .slick-reviews .iconfont
{
    font-size: 14px;

    color: #a41517;
}
.product-details-wrap .slick-reviews .date-reviews
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 0 0 auto;

    color: #666;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.product-details-wrap .slick-reviews .date-reviews:before
{
    font-family: 'iconfont' !important;
    font-size: 1.3em;
    font-style: normal;
    line-height: 1;

    margin-right: 10px;

    content: '\e65c';

    color: #a41517;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .slick-reviews .date-reviews
    {
        width: 100%;
        margin-top: 5px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .slick-reviews .date-reviews
    {
        font-size: 12px;
    }
    .product-details-wrap .slick-reviews .date-reviews:before
    {
        margin-right: 5px;
    }
}
.product-details-wrap .details-reviews
{
    background:         radial-gradient(100px 100px at 0% 0%, rgba(176, 230, 67, .35) 0%, rgba(255, 255, 255, 0) 100%), -webkit-gradient(linear, left top, right top, from(#f9fff0), to(#fafafa));
    background: -webkit-radial-gradient(0% 0%, 100px 100px, rgba(176, 230, 67, .35) 0%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(left, #f9fff0 0%, #fafafa 100%);
    background:         radial-gradient(100px 100px at 0% 0%, rgba(176, 230, 67, .35) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #f9fff0 0%, #fafafa 100%);
    background-color: #f5f7f0;
}
.product-details-wrap .details-reviews__func
{
    width: 48.80952381%;
}
@media (max-width: 767.98px)
{
    .product-details-wrap .details-reviews__func
    {
        width: 100%;
    }
}
.product-details-wrap .details-reviews__pic
{
    width: 47.02380952%;
}
.product-details-wrap .details-reviews__pic .img-box
{
    padding-bottom: 82.27848101%;

    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .product-details-wrap .details-reviews__pic .img-box
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .details-reviews__pic .img-box
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .details-reviews__pic .img-box
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .details-reviews__pic .img-box
    {
        border-radius: 6px;
    }
}
@media (min-width: 1200px)
{
    .product-details-wrap .details-reviews__pic .img-box img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .product-details-wrap .details-reviews__pic .img-box:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .details-reviews__pic
    {
        display: none;
    }
}
.product-details-wrap .details-reviews__list
{
    width: 100%;
    margin-top: var(--ngy-margin-70);
}
.product-details-wrap .details-reviews__list li
{
    padding: 25px 0;

    border-top: 1px solid #d9d9d9;
}
@media (min-width: 768px)
{
    .product-details-wrap .details-reviews__list li
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .details-reviews__list li
    {
        padding: 20px 0;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .details-reviews__list li
    {
        padding: 15px 0;
    }
}
.product-details-wrap .details-reviews__list li:last-child
{
    padding-bottom: 0;
}
.product-details-wrap .details-reviews__list .user-pic
{
    width: 100px;
    margin-right: 22px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.product-details-wrap .details-reviews__list .img-box
{
    border-radius: 50%;
}
.product-details-wrap .details-reviews__list .tit
{
    line-height: 1.16;

    padding: 15px 0 10px;
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .details-reviews__list .user-pic
    {
        width: 80px;
    }
    .product-details-wrap .details-reviews__list .tit
    {
        padding-top: 10px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .details-reviews__list .user-pic
    {
        width: 70px;
    }
    .product-details-wrap .details-reviews__list .tit
    {
        padding-top: 5px;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .details-reviews__list .user-pic
    {
        width: 60px;
    }
    .product-details-wrap .details-reviews__list .tit
    {
        padding-top: 10px;
    }
}
@media (max-width: 1399.98px)
{
    .product-details-wrap .details-reviews .inquiry-form textarea
    {
        min-height: 200px;
    }
}
@media (max-width: 1199.98px)
{
    .product-details-wrap .details-reviews .inquiry-form textarea
    {
        min-height: 150px;
    }
}
@media (max-width: 991.98px)
{
    .product-details-wrap .details-reviews .inquiry-form textarea
    {
        min-height: 100px;
    }
}
.product-details-wrap .related-wrap
{
    padding: 80px 0;

    background-color: #eaeaea;
}
@media (max-width: 1469.98px)
{
    .product-details-wrap .related-wrap
    {
        padding: 4.16666667% 0;
    }
}
@media (max-width: 767.98px)
{
    .product-details-wrap .related-wrap
    {
        padding: 35px 0;
    }
}
.alone-icon-bg
{
    display: inline-block;

    padding: 5px;

    border: 1px solid #d9d9d9;
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .alone-icon-bg
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .alone-icon-bg
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .alone-icon-bg
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .alone-icon-bg
    {
        border-radius: 6px;
    }
}
.alone-icon-bg:before
{
    font-size: 22px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 50px;
    height: 50px;

    color: #fff;
    border-radius: 14px;
    background-color: #000;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media (max-width: 1469.98px)
{
    .alone-icon-bg:before
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .alone-icon-bg:before
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .alone-icon-bg:before
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .alone-icon-bg:before
    {
        border-radius: 6px;
    }
}
@media (max-width: 1469.98px)
{
    .alone-icon-bg:before
    {
        font-size: 20px;

        width: 44px;
        height: 44px;
    }
}
@media (max-width: 1199.98px)
{
    .alone-icon-bg:before
    {
        font-size: 18px;

        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767.98px)
{
    .alone-icon-bg:before
    {
        font-size: 16px;

        width: 36px;
        height: 36px;
    }
}
@media (max-width: 767.98px)
{
    .alone-icon-bg
    {
        padding: 3px;
    }
}
.contact-list.has-icon .tit
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.contact-list.has-icon .tit:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.contact-list.has-icon .enterprise .tit:before
{
    content: '\ea28';
}
.contact-list.has-icon .address .tit:before
{
    content: '\e664';
}
.contact-list.has-icon .factory .tit:before
{
    content: '\e64d';
}
.contact-list.has-icon .company .tit:before
{
    content: '\e769';
}
.contact-list.has-icon .mobile .tit:before
{
    content: '\e664';
}
.contact-list.has-icon .tel .tit:before
{
    content: '\e6be';
}
.contact-list.has-icon .mail .tit:before
{
    content: '\e909';
}
.contact-list.has-icon .mail2 .tit:before
{
    content: '\e664';
}
.contact-list.has-icon .fax .tit:before
{
    content: '\e657';
}
.contact-list.has-icon .url .tit:before
{
    content: '\e699';
}
.contact-list.has-icon .skype .tit:before
{
    content: '\e6fc';
}
.contact-list.has-icon .whatsapp .tit:before
{
    content: '\e621';
}
.contact-list.has-icon .wechat .tit:before
{
    content: '\e604';
}
.contact-list.has-icon .wechat .tit .pic
{
    display: inline-block;

    width: 124px;
    max-width: 100%;
}
.contact-list .info > p
{
    margin: 0;
}
.contact-list .info > p span
{
    display: inline-block;
}
.contact-list .info > p span:not(:last-of-type)
{
    margin-right: 20px;
}
@media (min-width: 1200px)
{
    .contact-list a:hover
    {
        text-decoration: underline;
    }
}
.contact-list a:active
{
    text-decoration: underline;
}
.contact-list .follow .item
{
    display: block;

    width: 100%;
}
.contact-list .follow .contact-code-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
            justify-content: space-around;
}
.contact-list .follow .code-tit
{
    font-size: 16px;

    margin-top: 10px;

    text-align: center;
}
@media (max-width: 991.98px)
{
    .contact-list .follow .code-tit
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .contact-list .follow .code-tit
    {
        font-size: 14px;
    }
}
.contact-list .follow .pic
{
    display: inline-block;

    width: 200px;
    max-width: 100%;
    margin-top: 8px;
}
.contact-list .follow .pic,
.contact-list .follow .pic .img
{
    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .contact-list .follow .pic,
    .contact-list .follow .pic .img
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .contact-list .follow .pic,
    .contact-list .follow .pic .img
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .contact-list .follow .pic,
    .contact-list .follow .pic .img
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .contact-list .follow .pic,
    .contact-list .follow .pic .img
    {
        border-radius: 6px;
    }
}
.contact-list .follow .pic img
{
    background-color: #fff;
}
@media (max-width: 1399.98px)
{
    .contact-list .follow .pic
    {
        width: 110px;
    }
}
@media (max-width: 767.98px)
{
    .contact-list .follow .pic
    {
        width: 100px;
    }
}
.contact-list .whatsapp-btn
{
    font-size: 10px;

    display: block;

    padding: 2px 11px;

    border-radius: 14px;
    background-color: rgba(255, 255, 255, .2);
}
@media (max-width: 1469.98px)
{
    .contact-list .whatsapp-btn
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .contact-list .whatsapp-btn
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .contact-list .whatsapp-btn
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .contact-list .whatsapp-btn
    {
        border-radius: 6px;
    }
}
@media (min-width: 1200px)
{
    .contact-list .whatsapp-btn
    {
        -webkit-transition: .3s;
                transition: .3s;
    }
    .contact-list .whatsapp-btn:hover
    {
        text-decoration: none;

        color: #d80000;
        background-color: #fff;
    }
}
@media (min-width: 1400px)
{
    .contact-wrap .public-padding
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.contact-wrap__desc
{
    padding: 6.66666667%;

    border-radius: 20px;
}
@media (max-width: 1199.98px)
{
    .contact-wrap__desc
    {
        border-radius: 16px;
    }
}
@media (max-width: 991.98px)
{
    .contact-wrap__desc
    {
        border-radius: 12px;
    }
}
@media (max-width: 767.98px)
{
    .contact-wrap__desc
    {
        border-radius: 8px;
    }
}
@media (max-width: 1199.98px)
{
    .contact-wrap__desc
    {
        padding: 5%;
    }
}
@media (max-width: 575.98px)
{
    .contact-wrap__desc
    {
        padding: 25px 15px;
    }
}
@media (min-width: 1200px)
{
    .contact-wrap .contact-wrap__info
    {
        width: 33.70629371%;
    }
}
.contact-wrap .contact-wrap__form
{
    padding: 2.7972028%;

    border-radius: 14px;
    background-color: #fff;
}
@media (max-width: 1469.98px)
{
    .contact-wrap .contact-wrap__form
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .contact-wrap .contact-wrap__form
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .contact-wrap .contact-wrap__form
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .contact-wrap .contact-wrap__form
    {
        border-radius: 6px;
    }
}
@media (min-width: 1200px)
{
    .contact-wrap .contact-wrap__form
    {
        width: 58.74125874%;
    }
}
@media (max-width: 1199.98px)
{
    .contact-wrap .contact-wrap__form
    {
        margin-top: 6%;
    }
}
@media (max-width: 575.98px)
{
    .contact-wrap .contact-wrap__form
    {
        padding: 20px 10px;
    }
}
.contact-wrap .title h2 span
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.contact-wrap .title h2 span:after
{
    width: 65px;
    height: 2px;
    margin-left: 20px;

    content: '';

    background-color: #000;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 767.98px)
{
    .contact-wrap .title h2 span:after
    {
        width: 45px;
        margin-left: 15px;
    }
}
@media (min-width: 992px)
{
    .contact-wrap .info-box
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.contact-wrap .contact-list
{
    font-size: 16px;
}
@media (max-width: 991.98px)
{
    .contact-wrap .contact-list
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .contact-wrap .contact-list
    {
        font-size: 14px;
    }
}
.contact-wrap .contact-list .tit
{
    font-weight: normal;

    margin-bottom: 5px;

    color: #666;
}
.contact-wrap .contact-list p
{
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.33333333;

    color: #000;
}
@media (max-width: 1469.98px)
{
    .contact-wrap .contact-list p
    {
        font-size: 1.25em;
    }
}
.contact-wrap .follow-box
{
    margin-top: var(--ngy-margin-70);
}
.contact-wrap .follow-box a
{
    border-color: #d9d9d9;
    border-radius: 50%;
}
.contact-wrap .map
{
    position: relative;
    z-index: 2;

    overflow: hidden;
}
.contact-wrap .map .map-content
{
    height: 520px;
}
@media (max-width: 991.98px)
{
    .contact-wrap .map .map-content
    {
        height: 350px;
    }
}
@media (max-width: 767.98px)
{
    .contact-wrap .map .map-content
    {
        height: 280px;
    }
}
.contact-wrap .map-pic
{
    overflow: hidden;

    margin-top: 5.95238095%;

    border-radius: 14px;
}
@media (max-width: 1469.98px)
{
    .contact-wrap .map-pic
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .contact-wrap .map-pic
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .contact-wrap .map-pic
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .contact-wrap .map-pic
    {
        border-radius: 6px;
    }
}
.contact-wrap .map-pic img
{
    position: relative;

    display: block;

    width: 100%;
    height: auto !important;
}
.inquiry-wrap .size-list-box
{
    padding-right: 15px;
}
.inquiry-wrap .size-list-box span
{
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.inquiry-wrap .inquiry-box .details-tit
{
    padding-top: 0;
}
.inquiry-wrap .iq-title,
.inquiry-wrap .list > li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding-right: 45px;
    padding-left: 60px;

    text-align: center;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 991px)
{
    .inquiry-wrap .iq-title,
    .inquiry-wrap .list > li
    {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .iq-title,
    .inquiry-wrap .list > li
    {
        padding-right: 0;
        padding-left: 2%;
    }
}
.inquiry-wrap .iq-title
{
    overflow: hidden;

    padding-top: 14px;
    padding-bottom: 14px;

    background-color: #d80000;
}
@media (max-width: 767px)
{
    .inquiry-wrap .iq-title
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.inquiry-wrap .iq-title .th
{
    font-weight: normal;

    text-align: center;

    color: #fff;
    border: none;
}
.inquiry-wrap .iq-title .th.qty-box
{
    text-align: center;
}
.inquiry-wrap .iq-title .th span
{
    display: inline-block;

    vertical-align: middle;
}
@media only screen and (min-width: 768px)
{
    .inquiry-wrap .iq-title .th.check-box label.replace:after
    {
        display: block;
    }
}
@media (max-width: 1199px)
{
    .inquiry-wrap .iq-title .th.introduce-box
    {
        padding-left: 20px;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .iq-title .th.introduce-box
    {
        width: -webkit-calc(100% - 70px);
        width:         calc(100% - 70px);
    }
}
@media (max-width: 575px)
{
    .inquiry-wrap .iq-title .th.introduce-box
    {
        width: -webkit-calc(100% - 45px);
        width:         calc(100% - 45px);
        padding-left: 10px;
    }
}
.inquiry-wrap .iq-title .pic-box
{
    padding: 11px 0;

    text-align: center;
}
@media (max-width: 767px)
{
    .inquiry-wrap .iq-title .check-box
    {
        padding: 0;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .iq-title .del-box
    {
        width: 30px;

        opacity: 0;
    }
}
.inquiry-wrap .inquiry-box
{
    font-size: 18px;

    width: 100%;

    border: none;
}
@media (max-width: 991px)
{
    .inquiry-wrap .inquiry-box
    {
        font-size: 16px;
    }
}
.inquiry-wrap .inquiry-box label
{
    margin-bottom: 0;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

         -o-user-select: none;
}
.inquiry-wrap .inquiry-box label:before
{
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background-color: #e6e6e6;
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .introduce-title
    {
        padding-left: 0 !important;

        text-align: center;
    }
}
.inquiry-wrap .inquiry-box .check-box
{
    min-width: 70px;

    text-align: left;
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .check-box
    {
        min-width: 30px;
    }
}
.inquiry-wrap .inquiry-box .check-box .check-all
{
    margin: 0;

    cursor: pointer;
}
.inquiry-wrap .inquiry-box .check-box .check-all > label
{
    margin-right: 10px;
}
.inquiry-wrap .inquiry-box .check-box .check-all span
{
    font-weight: normal;
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .check-box .check-all span
    {
        display: none;
    }
}
.inquiry-wrap .inquiry-box .check-box label.replace
{
    line-height: 18px;

    position: relative;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    overflow: hidden;

    width: 20px;
    height: 20px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    border: 1px solid #e3e3e3;
    background-color: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.inquiry-wrap .inquiry-box .check-box label.replace:after
{
    font-family: 'iconfont' !important;
    font-size: 24px;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    content: '\e624';
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    text-align: center;

    opacity: 0;
    color: #000;
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .check-box label.replace
    {
        line-height: 14px;

        width: 16px;
        height: 16px;
        margin-left: 5px;
    }
    .inquiry-wrap .inquiry-box .check-box label.replace:after
    {
        font-size: 20px;
    }
}
.inquiry-wrap .inquiry-box .check-box label.replace input
{
    display: none;
}
.inquiry-wrap .inquiry-box .check-box label.change:after
{
    opacity: 1;
}
.inquiry-wrap .inquiry-box .introduce-box
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: left;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
@media (min-width: 1200px)
{
    .inquiry-wrap .inquiry-box .introduce-box img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .inquiry-wrap .inquiry-box .introduce-box:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        display: block;
    }
}
@media (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        width: 48%;
    }
}
@media (min-width: 768px) and (max-width: 1199px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        width: 52%;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        width: 230px;

        text-align: center;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        width: -webkit-calc(100% - 120px);
        width:         calc(100% - 120px);
    }
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .introduce-box
    {
        width: -webkit-calc(100% - 70px);
        width:         calc(100% - 70px);
    }
}
.inquiry-wrap .inquiry-box .introduce-box .pic-box
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    width: 200px;

    border-radius: 3px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 1399.98px)
{
    .inquiry-wrap .inquiry-box .introduce-box .pic-box
    {
        width: 150px;
        margin: 0 auto;
    }
}
@media (max-width: 575.98px)
{
    .inquiry-wrap .inquiry-box .introduce-box .pic-box
    {
        width: 90px;
    }
}
@media (min-width: 1200px)
{
    .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .inquiry-wrap .inquiry-box .introduce-box .pic-box .pic:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
.inquiry-wrap .inquiry-box .introduce-box .intro
{
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
}
@media only screen and (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .introduce-box .intro
    {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px)
{
    .inquiry-wrap .inquiry-box .introduce-box .intro
    {
        padding-left: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .inquiry-wrap .inquiry-box .introduce-box .intro
    {
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .introduce-box .intro
    {
        padding-left: 5%;
    }
}
.inquiry-wrap .inquiry-box .introduce-box .name
{
    font-size: 18px;

    display: -webkit-box;
    overflow: hidden;

    height: auto;
    margin: 0 0 5px 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 1199.98px)
{
    .inquiry-wrap .inquiry-box .introduce-box .name
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .inquiry-wrap .inquiry-box .introduce-box .name
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .inquiry-wrap .inquiry-box .introduce-box .name
    {
        font-size: 15px;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .introduce-box .name
    {
        margin-bottom: 10px;
    }
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .introduce-box .name
    {
        font-size: .9em;
    }
}
.inquiry-wrap .inquiry-box .introduce-box .name:hover
{
    text-decoration: underline;
}
.inquiry-wrap .inquiry-box .introduce-box .name ~ span
{
    margin-left: 15px;

    color: #999;
}
.inquiry-wrap .inquiry-box .introduce-box .name ~ span:first-of-type
{
    margin-left: 0;
}
.inquiry-wrap .inquiry-box .introduce-box p
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #666;
}
@media (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .introduce-box .number-box
    {
        display: none;
    }
}
.inquiry-wrap .inquiry-box .number-box
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    min-width: 90px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.inquiry-wrap .inquiry-box .number-box a
{
    line-height: 28px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 30px;
    height: 30px;

    border: 1px solid #999;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.inquiry-wrap .inquiry-box .number-box a:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inquiry-wrap .inquiry-box .number-box a.del1:before
{
    content: '\e628';
}
.inquiry-wrap .inquiry-box .number-box a.add1:before
{
    content: '\e629';
}
.inquiry-wrap .inquiry-box .number-box a:active
{
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .number-box a
    {
        font-size: 12px;
        line-height: 23px;

        width: 25px;
        height: 25px;
    }
}
.inquiry-wrap .inquiry-box .number-box a.disable
{
    cursor: not-allowed;
}
.inquiry-wrap .inquiry-box .number-box .ipt-num
{
    font-size: 16px;
    line-height: 30px;

    float: left;

    width: 60px;
    min-width: 26px;
    max-width: 60px;
    height: 30px;

    text-align: center;

    color: inherit;
    background: none;
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .number-box .ipt-num
    {
        font-size: 14px;
        line-height: 30px;

        width: 50px;
        height: 30px;
    }
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .number-box .ipt-num
    {
        line-height: 23px;

        width: 35px;
        height: 25px;
    }
}
.inquiry-wrap .inquiry-box .qty-box
{
    text-align: center;
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .qty-box
    {
        display: none;
    }
}
@media (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .qty-box
    {
        width: 150px;

        text-align: center;
    }
}
.inquiry-wrap .inquiry-box .del-box
{
    text-align: center;
}
@media (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .del-box
    {
        width: 80px;
    }
}
.inquiry-wrap .inquiry-box .del-box .del:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;
    font-style: normal;

    content: '\e632';

    color: #787878;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inquiry-wrap .inquiry-box .del-box .del:hover:before
{
    color: #d80000;
}
@media (min-width: 768px)
{
    .inquiry-wrap .inquiry-box .del-box .del
    {
        font-weight: bold;
    }
}
@media (max-width: 767px)
{
    .inquiry-wrap .inquiry-box .del-box .del
    {
        margin-right: 10px;
    }
    .inquiry-wrap .inquiry-box .del-box .del:before
    {
        font-size: 18px;
    }
}
.inquiry-wrap .inquiry-box .list
{
    border: 1px solid #d80000;
    border-top: none;
}
.inquiry-wrap .inquiry-box .list > li
{
    padding-top: 30px;
    padding-bottom: 30px;

    border-top: 1px solid #d80000;
}
.inquiry-wrap .inquiry-box .list > li:nth-of-type(1)
{
    border-top: none;
}
@media (max-width: 575px)
{
    .inquiry-wrap .inquiry-box .list > li
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.inquiry-wrap .inquiry-box .list > li
{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (min-width: 1200px)
{
    .inquiry-wrap .inquiry-box .list > li:hover .name
    {
        color: #d80000;
    }
}
.inquiry-wrap .pro-parameter
{
    width: 100%;

    text-align: left;
}
@media (min-width: 992px)
{
    .inquiry-wrap .pro-parameter
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
    .inquiry-wrap .pro-parameter > div
    {
        padding: 0 10px;

        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}
.inquiry-wrap .parameter-list li:not(.active)
{
    display: none;
}
.inquiry-wrap .specifications-list
{
    padding-top: 5px;
}
@media (max-width: 767.98px)
{
    .inquiry-wrap .specifications-list
    {
        padding: 0 0 10px;
    }
}
.inquiry-wrap .specifications-list span
{
    font-size: 12px;

    padding: 5px 10px;
}
@media (max-width: 991.98px)
{
    .inquiry-wrap .specifications-list span
    {
        font-size: 10px;

        padding: 5px;
    }
}
@media (max-width: 575.98px)
{
    .inquiry-wrap .specifications-list span
    {
        font-size: 8px;
    }
}
.search-none
{
    margin-bottom: 50px;
}
@media (max-width: 767.98px)
{
    .search-none
    {
        margin-bottom: 35px;
    }
}
.search-none .tit
{
    margin: 0 0 25px;
}
@media (max-width: 767.98px)
{
    .search-none .tit
    {
        font-size: 20px;

        margin-bottom: 15px;
    }
}
.search-none p
{
    margin: 0;
    padding: 10px;

    color: #ab7640;
    border: 1px solid #faebcc;
    border-radius: 5px;
    background-color: #fcf8e3;
}
.sitemap-wrap .list1
{
    font-size: 18px;

    overflow: hidden;

    margin-top: -20px;

    text-transform: capitalize;
}
@media (max-width: 991.98px)
{
    .sitemap-wrap .list1
    {
        font-size: 17px;
    }
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list1
    {
        font-size: 16px;

        margin-top: -15px;
    }
}
@media (max-width: 575.98px)
{
    .sitemap-wrap .list1
    {
        font-size: 15px;
    }
}
.sitemap-wrap .list1 > li
{
    margin-top: 20px;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list1 > li
    {
        margin-top: 15px;
    }
}
.sitemap-wrap .list1 > li > span > a
{
    font-weight: 500;

    display: inline-block;

    min-width: 260px;
    padding: 12px 30px;

    vertical-align: top;

    color: #fff;
    background-color: #d80000;
}
@media (min-width: 1200px)
{
    .sitemap-wrap .list1 > li > span > a
    {
        -webkit-transition: .4s;
                transition: .4s;
    }
    .sitemap-wrap .list1 > li > span > a:hover
    {
        text-decoration: underline;
    }
}
@media (max-width: 1199.98px)
{
    .sitemap-wrap .list1 > li > span > a:active
    {
        text-decoration: underline;
    }
}
@media (max-width: 991.98px)
{
    .sitemap-wrap .list1 > li > span > a
    {
        width: 100%;
    }
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list1 > li > span > a
    {
        padding: 8px 20px;
    }
}
.sitemap-wrap .list2
{
    font-size: 20px;

    padding: 0 0 10px 30px;

    text-transform: capitalize;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list2
    {
        font-size: 18px;

        padding-left: 15px;
    }
}
.sitemap-wrap .list2 li
{
    font-size: .88888889em;
}
.sitemap-wrap .list2 > li
{
    margin-top: 20px;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list2 > li
    {
        margin-top: 15px;
    }
}
.sitemap-wrap .list2 > li:first-child > span > span
{
    margin-top: 0;
}
.sitemap-wrap .list2 > li > span > span
{
    font-weight: 500;

    display: block;

    margin-top: 45px;

    color: #d80000;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list2 > li > span > span
    {
        margin-top: 30px;
    }
}
.sitemap-wrap .list2 > li > span > a
{
    font-weight: 500;
}
@media (min-width: 1200px)
{
    .sitemap-wrap .list2 a:hover
    {
        text-decoration: underline;

        color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .sitemap-wrap .list2 a:active
    {
        text-decoration: underline;

        color: #d80000;
    }
}
.sitemap-wrap .list3
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: -30px;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list3
    {
        margin-right: -15px;
    }
}
.sitemap-wrap .list3 > li
{
    display: inline-block;

    margin-top: 15px;
    padding-right: 30px;
}
@media (max-width: 767.98px)
{
    .sitemap-wrap .list3 > li
    {
        margin-top: 10px;
        padding-right: 15px;
    }
}
.sitemap-wrap .list4
{
    margin-top: 5px;
}
.sitemap-wrap .list4 > li
{
    margin-top: 3px;
}
.sitemap-wrap .list4 > li > span > a
{
    color: #666;
}
.online-wrap.right .code .mask
{
    right: 100%;

    padding-right: 5px;
}
.online-wrap.right .online-btn
{
    right: 10px;
}
.online-wrap.right .online
{
    right: 10px;
}
@media (max-width: 767.98px)
{
    .online-wrap.right .online
    {
        -webkit-transform: translateX(80px);
        -webkit-transform: translate3d(80px, 0, 0);
            -ms-transform: translateX(80px);
                transform: translateX(80px);
                transform: translate3d(80px, 0, 0);
    }
}
.online-wrap.right .online a
{
    border-radius: 6px;
}
@media (min-width: 1200px)
{
    .online-wrap.right .online a:not(.notChangeRadius):hover
    {
        border-radius: 0 6px 6px 0;
    }
    .online-wrap.right .online a:not(.notChangeRadius):hover .show-num
    {
        right: 100%;
    }
}
.online-wrap.right .online .code-pic
{
    right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px)
{
    .online-wrap.right .online .code-pic
    {
        right: 65px;
    }
}
.online-wrap.right .online .show-num
{
    right: -600px;

    border-radius: 6px 0 0 6px;
}
.online-wrap.right .online .show-num p
{
    padding-left: 15px;
}
.online-wrap.left .code .mask
{
    left: 100%;

    padding-left: 5px;
}
.online-wrap.left .online-btn
{
    left: 10px;
}
.online-wrap.left .online
{
    left: 10px;
}
@media (max-width: 767.98px)
{
    .online-wrap.left .online
    {
        -webkit-transform: translateX(-50px);
        -webkit-transform: translate3d(-50px, 0, 0);
            -ms-transform: translateX(-50px);
                transform: translateX(-50px);
                transform: translate3d(-50px, 0, 0);
    }
}
.online-wrap.left .online a
{
    border-radius: 6px;
}
@media (min-width: 1200px)
{
    .online-wrap.left .online a:not(.gotop):hover
    {
        border-radius: 6px 0 0 6px;
    }
    .online-wrap.left .online a:not(.gotop):hover .show-num
    {
        left: 100%;
    }
}
.online-wrap.left .online .code-pic
{
    left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px)
{
    .online-wrap.left .online .code-pic
    {
        left: 55px;
    }
}
.online-wrap.left .online .show-num
{
    left: -600px;

    border-radius: 0 6px 6px 0;
}
.online-wrap.left .online .show-num p
{
    padding-right: 15px;
}
.online-wrap.active .online-btn:before
{
    -webkit-transform: rotateZ(225deg);
        -ms-transform: rotate(225deg);
            transform: rotateZ(225deg);
}
.online-wrap.active .online
{
    -webkit-transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translateX(0);
            transform: translateX(0);
            transform: translate3d(0, 0, 0);
}
.online-wrap .online-btn
{
    font-size: 18px;
    line-height: 40px;

    position: fixed;
    z-index: 100;
    bottom: 60px;

    width: 40px;
    height: 40px;
    padding: 0;

    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    text-align: center;

    color: #fff;
    border: none;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
}
@media (min-width: 768px)
{
    .online-wrap .online-btn
    {
        display: none;
    }
}
.online-wrap .online-btn:before
{
    font-family: 'iconfont' !important;
    font-style: normal;

    display: inline-block;

    content: '\e6d2';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.online-wrap .code-pic
{
    position: fixed;
    z-index: 101;
    bottom: 0;

    display: none;

    width: 120px;

    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px)
{
    .online-wrap .code-pic
    {
        bottom: 300px;
    }
}
.online-wrap .code-pic .pic-box
{
    padding: 5px;

    background-color: #fff;
}
.online-wrap .code-pic img
{
    display: block;

    width: 100%;
}
.online-wrap .online
{
    position: fixed;
    z-index: 100;
    bottom: 23%;

    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;
}
.online-wrap .online.has-bg
{
    padding: 3px;

    border-radius: 5px;
    background: rgba(0, 0, 0, .25);

    -webkit-backdrop-filter: blur(23px);
            backdrop-filter: blur(23px);
}
.online-wrap .online.has-bg a
{
    line-height: 46px;

    width: 46px;
    height: 46px;
}
@media (max-width: 767.98px)
{
    .online-wrap .online.has-bg a
    {
        line-height: 34px;

        width: 34px;
        height: 34px;
    }
}
@media (max-width: 767.98px)
{
    .online-wrap .online
    {
        bottom: 110px;
    }
}
.online-wrap .online a
{
    font-size: 22px;
    line-height: 46px;

    position: relative;

    display: block;

    width: 46px;
    height: 46px;
    margin: 5px 0;

    text-align: center;

    color: #fff;
    border-radius: 6px;
    background-color: transparent;
}
@media (min-width: 1200px)
{
    .online-wrap .online a
    {
        -webkit-transition: background-color .3s;
                transition: background-color .3s;
    }
    .online-wrap .online a:hover
    {
        color: #fff;
        background-color: #d80000;
    }
    .online-wrap .online a:hover .show-num
    {
        opacity: 1;
        background-color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .online-wrap .online a
    {
        line-height: 44px;

        width: 44px;
        height: 44px;
    }
}
@media (max-width: 767.98px)
{
    .online-wrap .online a
    {
        font-size: 20px;
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.online-wrap .online a:active
{
    color: #d80000;
    background-color: #fff;
}
.online-wrap .online a .iconfont
{
    font-size: 1em;
}
.online-wrap .online .show-num
{
    font-family: 'Montserrat';
    font-size: .7em;

    position: absolute;
    z-index: -1;
    top: 0;

    overflow: hidden;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    white-space: nowrap;

    opacity: 0;
}
.online-wrap .online .show-num p
{
    margin: 0;
    padding: 0 10px;

    background-color: #d80000;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code .mask
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 100%;

    display: none;

    width: 130px;
    height: 130px;
}
.online-wrap .online .code .mask .mask-box
{
    padding: 5px;

    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code .mask img
{
    display: block;

    width: 100%;
}
.online-wrap .online .code .mask p
{
    font-size: 13px;
    line-height: 16px;

    margin: 5px 0 8px 0;

    color: #888;
}
.online-wrap .online .cart
{
    position: relative;

    border-radius: 6px !important;
}
.online-wrap .online .cart:before
{
    display: block;

    -webkit-transform: translateX(-2px) translateY(2px);
        -ms-transform: translateX(-2px) translateY(2px);
            transform: translateX(-2px) translateY(2px);
}
.online-wrap .online .cart var,
.online-wrap .online .cart i
{
    font-style: normal;
}
.online-wrap .online .cart i
{
    font-size: 10px;
    line-height: 1;

    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px;

    padding: 4px 6px;

    color: #fff;
    border-radius: 10px;
    background-color: #d80000;
}
@media (max-width: 767.98px)
{
    .online-wrap .online .cart i
    {
        top: 2px;
        right: 2px;

        padding: 2px 4px;
    }
}
@media (min-width: 1200px)
{
    .online-wrap .online .cart:hover i
    {
        background-color: #c70404;
    }
}
.online-wrap .online a .icon-arrow-top
{
    font-size: .9em;
}
.xs-online
{
    position: fixed;
    z-index: 998;
    bottom: 0;
    left: 0;

    width: 100%;

    background-color: rgba(216, 0, 0, .8);
    box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2);
}
.xs-online ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: center;

    color: #fff;
}
.xs-online ul li
{
    border-left: 1px solid rgba(255, 255, 255, .8);

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.xs-online ul li > a
{
    font-size: .7em;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    min-height: 46px;
    padding: 6px 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.xs-online ul li > a:before
{
    font-family: 'iconfont' !important;
    font-size: 1.4em;
    font-style: normal;

    display: block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xs-online ul li > a span
{
    line-height: 1.1;

    display: block;
}
.xs-online ul li:first-child
{
    border-left: none;
}
.xs-online ul li.tel > a:before
{
    content: '\e61c';
}
.xs-online ul li.mail > a:before
{
    content: '\e6a4';
}
.xs-online ul li.home > a:before
{
    content: '\e6c8';
}
.xs-online ul li.whatsapp > a:before
{
    content: '\e621';
}
.xs-online ul li.facebook > a:before
{
    content: '\e6d9';
}
.xs-online ul li.product > a:before
{
    content: '\e7e9';
}
.xs-online ul li.skype > a:before
{
    content: '\e616';
}
.xs-online ul li.map > a:before
{
    content: '\e63e';
}
.xs-online ul li.message > a:before
{
    content: '\e65f';
}
.xs-online ul li.contact > a:before
{
    content: '\e62c';
}
.xs-online ul li.wechat,
.xs-online ul li.weixin
{
    position: relative;
}
.xs-online ul li.wechat label,
.xs-online ul li.weixin label
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;
}
.xs-online ul li.wechat .xs-wechat:checked ~ .pic-box,
.xs-online ul li.weixin .xs-wechat:checked ~ .pic-box
{
    display: block;
}
.xs-online ul li.wechat > a:before,
.xs-online ul li.weixin > a:before
{
    content: '\e604';
}
.xs-online ul li.wechat .pic-box,
.xs-online ul li.weixin .pic-box
{
    position: absolute;
    bottom: 100%;
    left: 50%;

    display: none;

    width: 100px;
    max-width: 100px;
    padding: 5px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #fff;
    box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2);
}
.xs-online ul li.wechat .pic-box img,
.xs-online ul li.weixin .pic-box img
{
    display: block;

    width: 100%;
}
.xs-online ul li.wechat .pic-box p,
.xs-online ul li.weixin .pic-box p
{
    line-height: 30px;

    margin: 0;

    white-space: nowrap;

    color: #333;
}
.xs-online ul li.service > a:before
{
    content: '\e7e9';
}
.xs-online ul li.gotop > a:before
{
    content: '\e605';
}
.privacy-policy-btn.has-icon a,
.sitemap-btn.has-icon a
{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.privacy-policy-btn.has-icon a:before,
.sitemap-btn.has-icon a:before
{
    font-family: 'iconfont' !important;
    font-size: 1.3em;
    font-style: normal;
    line-height: 1;

    margin-right: 12px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.privacy-policy-btn.has-line a span,
.sitemap-btn.has-line a span
{
    text-decoration: underline;
}
.privacy-policy-btn a:active,
.sitemap-btn a:active
{
    text-decoration: none !important;
}
.sitemap-btn.has-icon a:before
{
    content: '\e8ad';
}
.privacy-policy-btn.has-icon a:before
{
    content: '\e649';
}
@media (min-width: 1200px)
{
    .footer p a:hover,
    .footer li a:hover,
    .copyright .info a:hover,
    .footer-func a:hover,
    .hicheng a:hover,
    .footer p a:hover span,
    .footer li a:hover span,
    .copyright .info a:hover span,
    .footer-func a:hover span,
    .hicheng a:hover span
    {
        color: #d80000;
    }
}
.footer p a:active,
.footer li a:active,
.copyright .info a:active,
.footer-func a:active,
.hicheng a:active,
.footer p a:active span,
.footer li a:active span,
.copyright .info a:active span,
.footer-func a:active span,
.hicheng a:active span
{
    color: #d80000;
}
.subscription-form
{
    padding: var(--ngy-margin-60) 0;
}
.subscription-form .title
{
    margin-bottom: var(--ngy-margin-50);
}
.subscription-form .tit
{
    font-size: 24px;

    margin-bottom: 20px;
}
@media (max-width: 1469.98px)
{
    .subscription-form .tit
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .subscription-form .tit
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .subscription-form .tit
    {
        font-size: 18px;

        margin-top: 15px;
        margin-bottom: 10px;
    }
}
.subscription-form form
{
    width: 590px;
}
@media (max-width: 991.98px)
{
    .subscription-form form
    {
        width: 480px;
    }
}
@media (max-width: 767.98px)
{
    .subscription-form form
    {
        width: 380px;
    }
}
@media (max-width: 575.98px)
{
    .subscription-form form
    {
        width: 100%;
    }
}
.subscription-form .form-box
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    max-width: 100%;

    background: none;
}
.subscription-form .form-box .ipt-box
{
    font-size: 16px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 0;
    padding: 5px 24px;

    border-radius: 30px;
    background-color: #f5f5f5;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.subscription-form .form-box .ipt-box:before
{
    font-family: 'iconfont' !important;
    font-size: 1.4em;
    font-style: normal;

    content: '\e654';

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
@media (max-width: 767.98px)
{
    .subscription-form .form-box .ipt-box
    {
        font-size: 14px;

        padding: 5px 15px;
    }
}
.subscription-form .form-box input::-webkit-input-placeholder,
.subscription-form .form-box textarea::-webkit-input-placeholder
{
    color: #666;
}
.subscription-form .form-box input:-o-placeholder,
.subscription-form .form-box textarea:-o-placeholder
{
    color: #666;
}
.subscription-form .form-box input::-moz-placeholder,
.subscription-form .form-box textarea::-moz-placeholder
{
    color: #666;
}
.subscription-form .form-box input:-ms-input-placeholder,
.subscription-form .form-box textarea:-ms-input-placeholder
{
    color: #666;
}
.subscription-form .form-box input:focus::-webkit-input-placeholder,
.subscription-form .form-box textarea:focus::-webkit-input-placeholder
{
    color: #999;
}
.subscription-form .form-box input:focus::-o-placeholder,
.subscription-form .form-box textarea:focus::-o-placeholder
{
    color: #999;
}
.subscription-form .form-box input:focus::-moz-placeholder,
.subscription-form .form-box textarea:focus::-moz-placeholder
{
    color: #999;
}
.subscription-form .form-box input:focus::-ms-input-placeholder,
.subscription-form .form-box textarea:focus::-ms-input-placeholder
{
    color: #999;
}
.subscription-form .form-box input
{
    display: block;

    width: 100%;
    padding: 0 10px;

    color: #666;
    background: none;
}
.subscription-form .form-box .submit
{
    margin-left: 10px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.subscription-form .form-box .submit > span
{
    font-size: 26px;

    min-width: 100px;
    min-height: 60px;

    color: #666;
    background-color: #f5f5f5;
}
@media (min-width: 1200px)
{
    .subscription-form .form-box .submit > span:hover
    {
        color: #fff;
        background-color: #d80000;
    }
}
@media (max-width: 1199.98px)
{
    .subscription-form .form-box .submit > span
    {
        font-size: 22px;

        min-width: 60px;
        min-height: 50px;
    }
}
@media (max-width: 575.98px)
{
    .subscription-form .form-box .submit > span
    {
        font-size: 16px;

        min-width: 50px;
        min-height: 36px;
    }
}
.subscription-form .form-box .submit > span:after
{
    color: inherit;
}
.subscription-form .form-box .submit > span:active
{
    color: #fff;
    background-color: #d80000;
}
.subscription-form .verification-list
{
    margin-top: 10px;
}
.subscription-form .verification-list .ipt-spam-code
{
    font-size: 14px;

    padding: 5px 10px;

    border-radius: 5px;
}
@-webkit-keyframes marquee-left
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@keyframes marquee-left
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@-webkit-keyframes marquee-right
{
    0%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    100%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes marquee-right
{
    0%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    100%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.marquee-box
{
    position: relative;

    margin-bottom: 40px;
}
@media (max-width: 1469.98px)
{
    .marquee-box
    {
        margin-bottom: 2.83687943%;
    }
}
.marquee-list
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    white-space: nowrap;
}
.marquee-list:not(:first-child)
{
    margin-top: 4.25531915%;
}
.marquee-list .row-inner-wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-animation: var(--time) linear infinite marquee-left;
            animation: var(--time) linear infinite marquee-left;

    background: -webkit-linear-gradient(356deg, #333 52.21%, #fed988 98.7%);
    background:         linear-gradient(94deg, #333 52.21%, #fed988 98.7%);
    -webkit-background-clip: text;
            background-clip: text;

    will-change: transform;
    -webkit-text-fill-color: transparent;
}
.marquee-list .item
{
    margin-right: 10vw;
}
@media (min-width: 1200px)
{
    .marquee-list .item img
    {
        -webkit-transition: -webkit-transform 1.2s;
                transition: -webkit-transform 1.2s;
                transition:         transform 1.2s;
                transition:         transform 1.2s, -webkit-transform 1.2s;
    }
    .marquee-list .item:hover img
    {
        -webkit-transform: scale(1.07);
            -ms-transform: scale(1.07);
                transform: scale(1.07);
    }
}
.marquee-list .tit
{
    font-size: 132px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.1;
}
@media (max-width: 1469.98px)
{
    .marquee-list .tit
    {
        font-size: 6vw;
    }
}
@media (max-width: 575.98px)
{
    .marquee-list .tit
    {
        font-size: 8vw;
    }
}
.footer
{
    font-size: 20px;

    position: relative;

    overflow: hidden;

    color: #000;
    background: #fff;
}
@media (max-width: 1469.98px)
{
    .footer
    {
        font-size: 18px;
    }
}
@media (max-width: 1199.98px)
{
    .footer
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .footer
    {
        font-size: 14px;
    }
}
.footer > div
{
    position: relative;
    z-index: 2;
}
.footer .footer-row
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 -10px;
    padding: 25px 0 60px;

    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
@media (max-width: 1199.98px)
{
    .footer .footer-row
    {
        padding: 15px 0 50px;
    }
}
@media (max-width: 767.98px)
{
    .footer .footer-row
    {
        padding: 0 0 30px;
    }
}
.footer .foot-list
{
    margin-top: 35px;
    padding: 0 10px;
}
@media (max-width: 767.98px)
{
    .footer .foot-list
    {
        width: 100%;
    }
}
.footer .foot-list li a
{
    position: relative;

    display: inline-block;
}
.footer .foot-list p
{
    margin-bottom: 0;
}
@media (max-width: 767.98px)
{
    .footer .foot-nav ul
    {
        margin: -10px -6px 0;
    }
}
.footer .foot-nav li
{
    position: relative;
}
.footer .foot-nav li:not(:first-child)
{
    margin-top: 15px;
}
@media (max-width: 767.98px)
{
    .footer .foot-nav li
    {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display:         inline-flex;

        margin-top: 10px;
        padding: 0 6px;
    }
}
.footer .f-tit
{
    line-height: 1.2;

    margin-bottom: 35px;

    color: #666;
    border-bottom: 1px solid transparent;
}
@media (max-width: 1199.98px)
{
    .footer .f-tit
    {
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px)
{
    .footer .f-tit
    {
        margin-bottom: 20px;
    }
}
@media (max-width: 767.98px)
{
    .footer .f-tit
    {
        margin-bottom: 10px;
    }
}
.footer .f-tit + p
{
    font-size: 16px;
}
@media (max-width: 991.98px)
{
    .footer .f-tit + p
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .footer .f-tit + p
    {
        font-size: 14px;
    }
}
.footer .f-logo
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.footer .f-logo .pic
{
    max-width: 100%;
    height: 116px;

    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.footer .f-logo .pic img
{
    width: auto;
    height: 100%;
}
@media (max-width: 1199.98px)
{
    .footer .f-logo .pic
    {
        height: 90px;
    }
}
@media (max-width: 767.98px)
{
    .footer .f-logo .pic
    {
        height: 58px;
    }
}
.footer .f-logo .tit
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33333333;
}
@media (max-width: 1469.98px)
{
    .footer .f-logo .tit
    {
        font-size: 22px;
    }
}
@media (max-width: 1199.98px)
{
    .footer .f-logo .tit
    {
        font-size: 21px;
    }
}
@media (max-width: 991.98px)
{
    .footer .f-logo .tit
    {
        font-size: 20px;
    }
}
@media (max-width: 767.98px)
{
    .footer .f-logo .tit
    {
        font-size: 19px;
    }
}
@media (max-width: 575.98px)
{
    .footer .f-logo .tit
    {
        font-size: 18px;
    }
}
.footer .foot-contact
{
    width: 600px;
}
@media (max-width: 1399.98px)
{
    .footer .foot-contact
    {
        width: 450px;
    }
}
@media (max-width: 991.98px)
{
    .footer .foot-contact
    {
        width: 320px;
    }
}
@media (max-width: 767.98px)
{
    .footer .foot-contact
    {
        width: 100%;
    }
}
@media (min-width: 768px)
{
    .footer .foot-contact .contact-list
    {
        width: 385px;
        max-width: 100%;
    }
}
.footer .foot-contact .contact-list .info > *
{
    display: inline;
}
.footer .foot-contact .contact-list .tit
{
    font-weight: normal;
}
.footer .foot-subscription
{
    width: 650px;
}
@media (max-width: 1469.98px)
{
    .footer .foot-subscription
    {
        width: 550px;
    }
}
@media (max-width: 1399.98px)
{
    .footer .foot-subscription
    {
        width: 440px;
    }
}
@media (max-width: 991.98px)
{
    .footer .foot-subscription
    {
        width: 100%;
    }
}
@media (min-width: 1200px)
{
    .footer .foot-message
    {
        width: 640px;
    }
}
@media (min-width: 1200px) and (max-width: 1709.98px)
{
    .footer .foot-message
    {
        width: 550px;
    }
}
@media (min-width: 1200px) and (max-width: 1469.98px)
{
    .footer .foot-message
    {
        width: 450px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .footer .foot-message
    {
        width: 400px;
    }
}
@media (max-width: 1199.98px)
{
    .footer .foot-message
    {
        width: 100%;
    }
}
.footer .foot-message li
{
    margin-bottom: 10px;
}
.footer .foot-message input,
.footer .foot-message textarea,
.footer .foot-message .ipt-pro-name > span,
.footer .foot-message .rating-box,
.footer .foot-message select,
.footer .foot-message .select2-selection--single,
.footer .foot-message .form-placeholder
{
    padding: 20px 0;
}
.footer .foot-message input::-webkit-input-placeholder,
.footer .foot-message textarea::-webkit-input-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.footer .foot-message input:-o-placeholder,
.footer .foot-message textarea:-o-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.footer .foot-message input::-moz-placeholder,
.footer .foot-message textarea::-moz-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.footer .foot-message input:-ms-input-placeholder,
.footer .foot-message textarea:-ms-input-placeholder
{
    color: rgba(255, 255, 255, .5);
}
.footer .foot-message input:focus::-webkit-input-placeholder,
.footer .foot-message textarea:focus::-webkit-input-placeholder
{
    color: #ccc;
}
.footer .foot-message input:focus::-o-placeholder,
.footer .foot-message textarea:focus::-o-placeholder
{
    color: #ccc;
}
.footer .foot-message input:focus::-moz-placeholder,
.footer .foot-message textarea:focus::-moz-placeholder
{
    color: #ccc;
}
.footer .foot-message input:focus::-ms-input-placeholder,
.footer .foot-message textarea:focus::-ms-input-placeholder
{
    color: #ccc;
}
.footer .foot-message input,
.footer .foot-message textarea
{
    font-size: 18px;

    color: #fff;
    border-bottom: 1px solid rgba(236, 236, 236, .5);
}
@media (max-width: 1199.98px)
{
    .footer .foot-message input,
    .footer .foot-message textarea
    {
        font-size: 17px;
    }
}
@media (max-width: 991.98px)
{
    .footer .foot-message input,
    .footer .foot-message textarea
    {
        font-size: 16px;
    }
}
@media (max-width: 767.98px)
{
    .footer .foot-message input,
    .footer .foot-message textarea
    {
        font-size: 15px;
    }
}
.footer .foot-message textarea
{
    min-height: 140px;
}
.footer .foot-message .submit
{
    margin-top: 40px;

    color: #fff;
}
@media (max-width: 767.98px)
{
    .footer .foot-message .submit
    {
        margin-top: 20px;
    }
}
@media (min-width: 1200px)
{
    .footer .foot-message .submit > span:hover
    {
        color: #fff !important;
    }
    .footer .foot-message .submit > span:hover > span
    {
        text-decoration: underline;
    }
}
.footer .foot-message .submit > span > span
{
    font-weight: bold;
}
.footer-func > div
{
    line-height: 1.5;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.footer-func > div:after
{
    width: 1px;
    height: 16px;
    margin: 0 16px;

    content: '';

    background-color: #666;
}
@media (max-width: 767.98px)
{
    .footer-func > div:after
    {
        margin: 0 8px;
    }
}
.footer-func > div:last-child:after
{
    display: none;
}
@media (max-width: 767.98px)
{
    .footer-func .name
    {
        display: block;
    }
    .footer-func .name:after
    {
        display: none;
    }
}
.footer-func .google-translate
{
    min-width: auto;
    margin-right: 34px;
}
@media (max-width: 575.98px)
{
    .footer-func .google-translate
    {
        margin-right: 20px;
    }
}
.footer-func .google-translate:after
{
    display: none;
}
.footer-func .google-translate a,
.footer-func .google-translate span
{
    text-decoration: none !important;

    color: initial !important;
}
.copyright
{
    font-size: 16px;
    line-height: 1.8;

    position: relative;
    z-index: 2;

    padding: 35px 0;

    color: #666;
}
@media (max-width: 991.98px)
{
    .copyright
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .copyright
    {
        font-size: 14px;
    }
}
@media (max-width: 1199.98px)
{
    .copyright
    {
        text-align: center;
    }
}
@media (max-width: 991.98px)
{
    .copyright
    {
        padding: 20px 0;
    }
}
@media (max-width: 767.98px)
{
    .copyright
    {
        padding: 10px 0;
    }
}
@media (max-width: 1199.98px)
{
    .copyright .container
    {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}
.copyright .info-box
{
    text-align: center;
}
@media (min-width: 1400px)
{
    .copyright .info-box
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
                align-items: flex-end;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
@media (max-width: 1399.98px)
{
    .copyright .info-box
    {
        padding-bottom: 15px;
    }
}
@media (max-width: 767.98px)
{
    .copyright .info-box
    {
        padding-bottom: 50px;
    }
}
.copyright .info-box > div
{
    padding: 5px 0;
}
.copyright .info-box span
{
    display: inline-block;
}
.copyright .info
{
    margin: 0 -5px;
}
.copyright .info > span
{
    padding: 0 5px;
}
@media (max-width: 1469.98px)
{
    .copyright .follow-box
    {
        margin-top: 5px;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}
@media (max-width: 767.98px)
{
    .footer-bg-txt
    {
        padding-bottom: 60px;
    }
}
.footer-bg-txt span
{
    display: block;
    overflow: hidden;

    margin-bottom: -webkit-calc(constant(safe-area-inset-bottom) - 15px);
    margin-bottom:         calc(constant(safe-area-inset-bottom) - 15px);
    margin-bottom: -webkit-calc(env(safe-area-inset-bottom) - 15px);
    margin-bottom:         calc(env(safe-area-inset-bottom) - 15px);
}
.footer-bg-txt b
{
    font-size: 19vw;
    line-height: .7;

    display: block;

    -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
            transform: translateY(30%);
    text-align: center;
    white-space: nowrap;

    color: #d80000;
}
.file
{
    opacity: 0;
}
.upload-box
{
    margin-bottom: 20px;

    background-color: #fff !important;
}
.upload-wrap
{
    display: none;

    padding-bottom: 20px;
}
.upload-wrap .file-input
{
    position: relative;
}
.upload-wrap .file-preview
{
    padding: 0;

    border: 1px solid #e8edf3;
    border-radius: 14px;
    background-color: #f5f5f5 !important;
}
@media (max-width: 1469.98px)
{
    .upload-wrap .file-preview
    {
        border-radius: 12px;
    }
}
@media (max-width: 1199.98px)
{
    .upload-wrap .file-preview
    {
        border-radius: 10px;
    }
}
@media (max-width: 991.98px)
{
    .upload-wrap .file-preview
    {
        border-radius: 8px;
    }
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-preview
    {
        border-radius: 6px;
    }
}
.upload-wrap .file-preview > .fileinput-remove
{
    display: none;
}
.upload-wrap .file-drop-zone
{
    min-height: 150px;
    margin: 0;
}
@media (min-width: 992px)
{
    .upload-wrap .file-drop-zone
    {
        padding: 15px;

        border: none;
    }
}
@media (max-width: 991.98px)
{
    .upload-wrap .file-drop-zone
    {
        padding: 0;
    }
}
.upload-wrap .file-drop-zone.clickable
{
    border: none !important;
}
.upload-wrap .file-caption-main
{
    padding: 0 20px;
}
.upload-wrap .file-caption-main > .file-caption
{
    display: none;
}
.upload-wrap .file-caption-name
{
    display: none !important;
}
.upload-wrap .input-group
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
@media (max-width: 991.98px)
{
    .upload-wrap .input-group
    {
        padding-bottom: 15px;
    }
}
.upload-wrap .input-group-btn
{
    text-align: right;
}
@media (min-width: 1200px)
{
    .upload-wrap .input-group-btn .btn:hover
    {
        border-color: #d80000;
    }
}
@media (max-width: 767.98px)
{
    .upload-wrap .input-group-btn > * .glyphicon
    {
        font-size: .9em;
    }
}
.upload-wrap .input-group-btn > * > span.hidden-xs
{
    display: inline-block !important;
}
@media (max-width: 767.98px)
{
    .upload-wrap .input-group-btn > * > span.hidden-xs
    {
        font-size: 12px;
    }
}
.upload-wrap .fileinput-upload-button
{
    display: inline-block;
}
@media (min-width: 1200px)
{
    .upload-wrap .fileinput-upload-button:hover
    {
        border-color: #d80000;
        background-color: #d80000;
    }
}
.upload-wrap .btn-file
{
    cursor: pointer;

    border: none;
    border-radius: 4px !important;
    background-color: #d80000;
}
.upload-wrap .btn-file .file
{
    cursor: pointer;
}
.upload-wrap .kv-upload-progress
{
    padding: 0 15px;
}
.upload-wrap .file-thumb-progress
{
    position: relative;
    top: 0;
    right: auto;
    left: 0;
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-preview-thumbnails
    {
                flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
.upload-wrap .file-live-thumbs
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    margin: 0 -5px;

    text-align: left;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.upload-wrap .file-drop-zone-title
{
    font-size: 16px;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 90%;
    padding: 30px 0;

    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 991.98px)
{
    .upload-wrap .file-drop-zone-title
    {
        font-size: 15px;
    }
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-drop-zone-title
    {
        font-size: 14px;
    }
}
.upload-wrap .file-drop-zone-title span
{
    font-size: 1.25em;

    display: block;

    margin-bottom: 5px;
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-drop-zone-title
    {
        padding: 10px 0;
    }
}
.upload-wrap .file-preview-frame
{
    display: block;

    width: 100px;
    max-width: -webkit-calc(20% - 16px) !important;
    max-width:         calc(20% - 16px) !important;
    height: auto !important;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 1469.98px)
{
    .upload-wrap .file-preview-frame
    {
        max-width: -webkit-calc(25% - 16px) !important;
        max-width:         calc(25% - 16px) !important;
    }
}
@media (max-width: 1399.98px)
{
    .upload-wrap .file-preview-frame
    {
        max-width: -webkit-calc(33.33333% - 16px) !important;
        max-width:         calc(33.33333% - 16px) !important;
    }
}
@media (max-width: 1199.98px)
{
    .upload-wrap .file-preview-frame
    {
        max-width: -webkit-calc(25% - 16px) !important;
        max-width:         calc(25% - 16px) !important;
    }
}
@media (max-width: 991.98px)
{
    .upload-wrap .file-preview-frame
    {
        max-width: -webkit-calc(20% - 16px) !important;
        max-width:         calc(20% - 16px) !important;
    }
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-preview-frame
    {
        max-width: -webkit-calc(25% - 16px) !important;
        max-width:         calc(25% - 16px) !important;
    }
    .upload-wrap .file-preview-frame .file-other-icon
    {
        font-size: 10vw;
    }
}
.upload-wrap .file-preview-frame .kv-file-content
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: auto !important;
    padding-bottom: 100%;
}
.upload-wrap .file-preview-frame .kv-file-content > *
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
}
.upload-wrap .file-preview-frame .file-thumbnail-footer
{
    height: auto;
}
.upload-wrap .file-preview-frame .file-preview-other
{
    position: absolute;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.upload-wrap .file-preview-frame .file-preview-other .glyphicon
{
    display: block;
}
.upload-wrap .krajee-default .file-footer-caption
{
    margin-bottom: 0;
}
.upload-wrap .krajee-default .file-caption-info,
.upload-wrap .krajee-default .file-size-info
{
    width: 100%;
    height: auto;
}
.upload-wrap .file-upload-indicator .glyphicon
{
    font-size: 16px;

    display: block;
}
.upload-wrap .file-thumbnail-footer
{
    position: initial;
}
.upload-wrap .file-footer-buttons
{
    float: none;
}
.upload-wrap .file-footer-buttons > button
{
    display: none !important;
}
.upload-wrap .file-footer-buttons > button.kv-file-remove
{
    display: block !important;

    border: none;
}
.upload-wrap .file-actions
{
    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.upload-wrap .file-caption-icon
{
    display: none !important;
}
.upload-wrap .file-footer-caption
{
    font-size: 1em;
    line-height: 1.2;

    width: 100%;
}
@media (max-width: 767.98px)
{
    .upload-wrap .file-footer-caption
    {
        font-size: 12px;
    }
}
.upload-wrap .file-footer-caption samp
{
    display: none;
}
.upload-wrap .kv-fileinput-error .close
{
    position: relative;
    z-index: 2;
}