@media(max-width:1750px){
            footer .content{
                padding-top: 100px;
            }
        }

        @media(max-width:1600px){
            header .nav .fluid{
                font-size: 16px;
                height: 80px;
            }
            header .nav .fluid .links li>a{
                padding: 0px 30px;
                line-height: 80px;
            }
            header .nav .fluid .links .lft>.sonMenu{
                left: 10px;
            }
            header .windowBox .window>p{
                font-size: 32px;
            }
            header .windowBox .window .submit{
                line-height: 45px;
                width: 220px;
            }
            .form .inp,
            .form .fg .send{
                line-height: 40px;
                font-size: 16px;
                padding: 0px 11px;
            }
            .form .agree .read{
                width: 18px;
                height: 18px;
            }
            .form .agree .inner .txt{
                padding-left: 24px;
            }
            
            main{
                padding-top: 80px;
            }
            main.morePad>*:first-child{
                padding-top: 70px;
            }
            main .banner{
                height: 640px;
                font-size: 40px;
            }
            main .banner .txt .t{
                font-size: 20px;
            }
            main .ttl{
                font-size: 32px;
                padding-bottom: 24px;
            }
            main .ttl .en{
                font-size: 22px;
            }
            

            footer .content{
                padding-top: 70px;
            }
            footer .content .links ul li{
                margin-left: 5vw;
            }
            footer .content .links ul li>a{
                margin-bottom: 26px;
            }
            footer .content .links ul li p{
                margin-top: 20px;
            }
            footer .content>*>*:last-child{
                width: 450px;
            }
            footer .content .codes img {
                width: calc(100% / 3 - 12px);
                margin-left: 18px;
            }
            .arwBtn{
                height: 40px;
            }
        }

        @media (max-width: 1200px){
            header .nav .fluid{
                height: 64px;
            }
            header .nav .fluid>a{
                width: 140px;
            }
            footer .foot .fluid>a{
                width: 120px;
            }
            header .nav .fluid .links li{
                font-size: 16px;
            }
            header .nav .fluid .links li>a{
                padding: 0px 22px;
                line-height: 64px;
            }
            header .nav .fluid .links::before{
                top: calc(100% + 40px);
            }
            header .nav .fluid .links::after{
                height: 40px;
            }
            header .nav .fluid .links .sonMenu{
                font-size: 14px;
            }
            header .nav .fluid .links .sonMenu .inner>div{
                line-height: 40px;
            }
            header .nav .fluid .links .lft>.sonMenu{
                left: 2px;
            }
            header .windowBox .window>p{
                font-size: 26px;
            }
            header .windowBox .window .tips{
                margin-bottom: 10px;
            }
            header .windowBox .window .close{
                width: 36px;
                height: 36px;
            }
            header .windowBox .window .submit{
                line-height: 40px;
                width: 180px;
            }
            .form .inp,
            .form .fg .send{
                font-size: 14px;
            }
            .form .fgs{
                flex-wrap:wrap;
            }
            .form .fgs .item{
                width: calc(50% - 12px) !important;
            }
           
            .form .fg .send{
                padding: 0px;
            }
           

            main{
                padding-top: 64px;
            }
            main.morePad>*:first-child{
                padding-top: 50px;
            }
            main .banner{
                height: 500px;
                font-size: 30px;
            }
            main .banner .txt .t{
                font-size: 18px;
            }
            
           
            main .ttl{
                padding-bottom: 16px;
            }

            footer .content{
                padding-top: 50px;
                font-size: 14px;
            }
            footer .content .links ul li>a{
                margin-bottom: 20px;
            }
            footer .content .links ul li p{
                margin-top: 12px;
            }
            footer .content>*>*:last-child{
                width: 32vw;
            }
            footer .content .codes img {
                width: calc(100% / 3 - 4px);
                margin-left: 6px;
            }
            footer .content .book{
                margin-top: 60px;
            }
            .arwBtn{
                height: 36px;
                border-radius: 4px;
            }
            .arwBtn:hover i{
                margin-left: 12px;
            }
            .arwBtn:hover i, 
            .arwBtn i img{
                width: 28px;
            }
        }

        @media (min-width: 1025px){
            header .nav .menuBtn,
            header .shadow{
                display: none;
            }
        }

        @media (max-width: 1024px){
            header.flip .nav{
                background: #fff;
            }
            header .nav .fluid .links li>a{
                padding: 0px;
                line-height: 40px;
            }
            header .nav .fluid .links{
                position: absolute;
                top: 100%;
                left: 0px;
                width: 100%;
                background-color: #fff;
                border-top: 1px solid rgba(29, 46, 46, 0.1);
                opacity: 0;
                display: block !important;
                transition: .3s opacity,clip-path .3s;
                -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
                clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
                text-align: center;
            }
            header .nav .fluid .links + .bg,
            header .nav .fluid .links::before,
            header .nav .fluid .links::after{
                display: none;
            }
            header .nav .fluid .links.active{
                opacity: 1;
                -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            }
            header .nav .fluid .links li{
                cursor: pointer;
                border-bottom: 1px solid #D1DBE3;
                padding: 10px 0px;
                font-size: 18px;
            }
            
            header .nav .fluid .links li>a{
                font-family: 'Pro_Medium'; 
            }
            header .nav .fluid .links .sonMenu{
                display: block !important;
                position: initial;
                transform: initial;
                height: 0px;
                overflow: hidden;
                transition: .3s height;
            }
            header .nav .fluid .links .sonMenu .sonMenu{
                width: 100%;
            }
            header .nav .fluid .links .sonMenu .inner>div{
                color: #001755;
                font-size: 16px;
            }
            header .nav .fluid .links .sonMenu .sonMenu .inner{
                width: 50%;
                margin-left: 50%;
                text-align: left;
            }
            header .nav .fluid .links .sonMenu .sonMenu .inner>div{
                font-size: 14px;
                white-space: nowrap;
                line-height: 1.5;
                padding: 0px;
                padding-right: 10px;
                margin-top: 10px;
            }
            header .nav .fluid .links .sonMenu .sonMenu .inner>div:first-child{
                margin-top: 0px;
            }
            header .windowBox .window{
                padding: 28px 28px 16px;
            }
            header .windowBox .window .form{
                padding: 15px 0px;
            }
            header .windowBox .window>p{
                font-size: 22px;
            }
            header .windowBox .window .tips{
                margin-top: 12px;
                margin-bottom: 7px;
                font-size: 12px;
            }
            header .windowBox .window .close{
                width: 28px;
                height: 28px;
            }
            header .windowBox .window .submit{
                line-height: 36px;
                font-size: 14px;
                width: 130px;
            }
            .form .inp,
            .form .fg .send{
                line-height: 36px;
                font-size: 12px;
            }
            .form .fg>*:first-child{
                width: 90px;
            }
            .form .fg.slct::after{
                right: calc(100% - 84px);
            }
            .form .agree .read{
                width: 15px;
                height: 15px;
            }
            .form .agree .inner .txt{
                padding-left: 20px;
            }
            .form .warning{
                font-size: 12px;
                line-height: 1;
            }
            

            main .banner{
                height: 450px;
            }
            main .banner .txt .t{
                margin-top: 15px;
            }
            main.morePad>*:first-child{
                padding-top: 30px;
            }
            main .banner{
                font-size: 24px;
            }
            main .ttl{
                padding-bottom: 12px;
                font-size: 26px;
            }
            main .ttl .en{
                font-size: 18px;
            }

            footer .content{
                padding-top: 40px;
            }
            footer .content .book{
                margin-top: 40px;
            }
            .arwBtn:hover i{
                margin-left: 8px;
            }
            .arwBtn:hover i, 
            .arwBtn i img{
                width: 22px;
            }
            
            footer .foot .t{
                font-size: 12px;
                text-align: right;
            }
            footer .foot .t p{
                display: block;
            }
            footer .foot .t p + i{
                display: none;
                opacity: 0;
            }
            footer .foot .t p:last-child{
                margin-top: 6px;
            }
        }
        @media (min-width: 768px) and (max-width: 1024px){
            header .nav .fluid .links .sonMenu .inner{
                display: block;
            }
        }

        @media (max-width: 767px){
            header .nav,
            header .nav .fluid .links,
            header .nav .fluid .links .sonMenu{
                background: rgba(255,255,255,.72) !important;
            }
            header .nav .fluid{
                height: 54px;
            }
            header .nav .fluid>a{
                width: 120px;
                margin:0 auto;
            }
            header .nav .fluid .links{
                margin-top: 1px;
                border-top-width: 0px;
                padding: 15px 0px;
                clip-path: initial !important;
                pointer-events: none;
                width: calc(100% / 3 - 1px);
            }
            header .nav .fluid .links.active{
                pointer-events: all;
            }
            header .nav .fluid .links li{
                padding: 15px 0px;
                border-width: 0px;
                font-size: 15px;
                position: initial;
            }
            header .nav .fluid .links li>a{
                line-height: 1;
                font-family: initial;
                color: #000;
            }
            header .nav .fluid .links li .sonMenu{
                top: 50%;
                transform: translateY(-50%) !important;
                position: absolute;
                width: 100%;
                left: calc(100% + 1px) !important;
                height: 100% !important;
                overflow: initial;
                pointer-events: none;
                opacity: 0;
                transition: opacity .3s;
            }
            header .nav .fluid .links li>.sonMenu>.inner>div{
                position: initial;
            }
            header .nav .fluid .links li>.sonMenu .inner .inner{
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                box-align:center;
                flex-wrap: initial;
            }
            header .nav .fluid .links .sonMenu .inner>div{
                padding: 0px 6px !important;
            }
            header .nav .fluid .links li .sonMenu .sonMenu{
                margin-left: 1px;
            }
            header .nav .fluid .links li .clicked + .sonMenu,
            header .nav.third .fluid .links li .sonMenu .inner>div:hover .sonMenu{
                opacity: 1;
                pointer-events: all;
            }
            header .nav .fluid .links .sonMenu .sonMenu .inner{
                margin-left: 0px;
                width: 100%;
                overflow-y: auto;
                text-align:center;
            }
            header .nav .fluid .links .sonMenu .sonMenu .inner>div{
                white-space: normal;
            }
            header .nav .fluid .links .sonMenu .inner{
                height: 100%;
                flex-direction: column;
            }
            header .nav .fluid .links .sonMenu .inner>div{
                font-size: 13px;
                line-height: initial;
                padding: 8px 6px !important;
            }
            header .windowBox .window>p{
                font-size: 18px;
            }
            header .windowBox .window .submit{
                width: 120px;
                border-radius: 4px;
            }
            header .nav .menuBtn{
                width: 20px;
                height: initial;
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%);
                background: transparent;
            }
            header .nav .menuBtn span{
                position: initial;
                display: block;
                width: 24px;
                height: 3px;
                border-radius: 3px;
                background-color: #001755;
                margin-top: 0px !important;
            }
            header .nav .menuBtn span + span{
                margin-top: 4px !important;
            }
            header .nav .menuBtn.active span:first-child{
                -webkit-transform: translateY(7px) rotate(45deg);
                transform:translateY(7px) rotate(45deg);
            }
            header .nav .menuBtn.active span:last-child{
                -webkit-transform: translateY(-7px) rotate(-45deg);
                transform:translateY(-7px) rotate(-45deg);
            }
            

            main{
                padding-top: 54px;
            }
            main.morePad>*:first-child{
                padding-top: 36px;
            }
            main .banner{
                height: 58vw;
                font-size: 20px;
            }
            main .banner .txt>p{
                margin-top: 6px;
            }
            main .banner .txt .t{
                font-size: 14px;
                margin-top: 12px;
            }
            .subTip {
                padding: 0px 15px;
                line-height: 48px;
                font-size: 16px;
                border-radius: 6px;
                width: 280px;
                white-space: normal;
            }
            main .rules{
                padding: 30px 20px;
            }
            main .rules .inner{
                max-height: 60vh;
            }
            main .rules .close{
                top: 10px;
                right: 10px;
            }
            main .rules p:first-child{
                margin-bottom: 15px;
            }

            footer .content{
                padding-top: 24px;
            }
            footer .content .links{
                display: block;
            }
            footer .content .links ul{
                display: none;
                justify-content: space-between;
            }
            footer .content .links ul li{
                margin-left: 0px;
            }
            footer .content .codes{
                width: 100%;
                /*
                margin-top: 30px;
                jutify-content: initial;
                */
            }
            footer .content .book p:first-child{
                display: none;
            }
            footer .content .book .arwBtn{
                width: 100%;
                margin-left: 0px;
                color: #001755 !important;
                background-color: #D5BA8C !important;
            }
            footer .content .book{
                margin-top: 25px;
            }
            footer .content .book .btn{
                width: 130px;
            }
            footer .foot .fluid{
                display: block;
                text-align: center;
            }
            footer .foot .t{
                margin-top: 12px;
                text-align: center;
            }
            footer .foot .t p:first-child{
                display: none;
            }
            footer .foot .t p:last-child{
                margin-top: 8px;
            }
            footer .foot .t p>*{
                display: none !important;
            }
            footer .foot .t p i + span{
                display: block !important;
            }
            footer .foot .fluid>a{
                width: 110px;
            }
            .arwBtn:hover i{
                display: none;
            }
        }

        @media(max-width:540px){
            main .banner{
                height: 320px;
            }
            main .ttl{
                font-size: 22px;
                padding-bottom: 10px;
            }
            main .ttl .en{
                font-size: 15px;
            }

            footer .foot .t p:last-child span{
                display: block;
                margin-bottom: 6px;
            }
            footer .foot .t p:last-child i{
                display: none;
            }
        }

        @media(max-width:500px){
            .form .fgs{
                margin-left: 0px;
            }
            .form .fgs .item{
                width: 100% !important;
                margin-left: 0px;
            }
            .form .agree .inner{
                display: block;
            }

            footer .content{
                padding-top: 36px;
                padding-bottom: 20px;
            }
            footer .content .links ul{
                justify-content: initial;
                flex-wrap: wrap;
            }
            footer .content .links ul li{
                width: 50%;
                text-align: left;
            }
            footer .content .links ul li:nth-child(n + 3){
                margin-top: 20px;
            }
            footer .content .links ul li>a{
                margin-bottom: 12px;
            }
            footer .content .links ul li p{
                margin-top: 8px;
            }
            footer .content .book{
                display: block;
                margin-top: 15px;
            }
            footer .content .book .btn{
                margin-left: 0px;
                margin-top: 10px;
            }
            footer .content .book .arwBtn{
                margin-left: 0px;
                margin-top: 12px;
            }
        }