

        @media(max-width:1199px){
            .fluid{
                width: 970px;
            }
            .searchBox .window{
                width: 60%;
            }

            header .menu .pc .logo img{
                height: 40px;
            }
            header .menu .pc>ul{
                margin-left: 20px;
            }
            header .menu .pc>ul>li{
                margin: 0px 4px;
            }
            header .menu .pc>ul>li>a{
                padding: 42px 8px;
            }
            header .menu.up .pc>ul>li>a{
                padding: 25px 8px;
            }
        }

        @media(max-width:991px){
            .fluid{
                width: 750px;
            }
            .searchBox .window{
                width: 80%;
            }
            header .community .fluid .cntct li{
                display: none;
            }
            header .community .fluid .cntct .language{
                display: block;
            }
            header .menu .pc .logo img{
                height: 33px;
            }
            header .menu .pc>ul{
                margin-left: 5px;
            }
            header .menu .pc>ul>li{
                margin: 0px;
            }
            header .menu .pc>ul>li>a{
                padding: 34px 6px;
                font-size: 12px;
            }
            header .menu.up .pc>ul>li>a{
                padding: 25px 5px;
            }
        }
        @media (min-width:768px) and (max-width:991px){
            main .more{
                padding: 4px 10px;
            }
        }
        @media(min-width:768px){
            header .menu .mobileMenu,
            header .menu .pc .mobileBtn,
            main .contn .side .f span,
            footer .fluid>ul>li .ttl span{
                display: none;
            }
        }
        @media(max-width:767px){
            .fluid{
                width: 100%;
            }

            header .menu .pc>ul,
            .online,
            .lvMsg .h::after{
                display: none;
            }
            .toTop{
                bottom: 20px;
                right: 0px;
                width: 40px;
                height: 40px;
            }
            .lvMsg{
                right: 0px;
                width: 100%;
            }
            .lvMsg.up .box,
            .lvMsg .box form{
                width: 100%;
            }
            .lvMsg .h{
                width: 50px;
                border-radius: 50%;
                border: 3px solid #fff;
                padding-left: 43px;
                left:0px;
                top: -20px;
                right: auto;
                text-indent: 9999px;
                background: #008486 url(../../img/common/mobile_msg.png) no-repeat center center;
            }
            .lvMsg .box .tip{
                padding: 10px 15px;
            }

            .searchBox .window .inner .inp select{
                width: 40%;
                margin: 0 auto;
                display: block;
            }
            .searchBox .window .inner .inp input{
                width: 100%;
                margin-top: 20px;
            }
            .searchBox .window .inner .sub{
                left: 50%;
            }

            .icons .wx a::after{
                width: 80px;
                height: 80px;
            }

            header .menu{
                top: 0px;
                border-bottom-width: 0px;
                background: transparent !important;
                padding-top: 0px;
            }
            header .menu .pc{
                height: 50px;
                background: #fff;
            }
            header .menu.clicked .pc{
                transform: translateX(-50%);
            }
            header .menu .pc .search{
                right: 65px;
            }
        
            main{
                padding-top: 0px;
            }
            main .contn.fluid{
                flex-direction: column-reverse;
            }
            main .contn.fluid>*{
                width: 100% !important;
            }
            main .contn.fluid>*{
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
            main .contn .side{
                margin-bottom: 40px;
            }
            main .contn .side .f{
                cursor: pointer;
            }
            main .contn .side .mid{
                height: 0px;
                overflow: hidden;
                transition: .3s linear all;
            }
            main .contn .side>.mid{
                transition-duration: .8s;
                transition-timing-function: ease-in-out;
            }
            main .webLoc .fluid{
                width: 50%;
            }
            main .webLoc .fluid .here{
                font-size: 30px;
            }
            main .webLoc .fluid .path a{
                font-size: 12px;
            }

            footer .h p{
                max-width: 90%;
            }
            footer .fluid>ul>li{
                width: 100% !important;
            }
            footer .fluid>ul>li .ttl{
                padding-bottom: 15px;
                cursor: pointer;
            }
            footer .fluid>ul>li .box{
                height: 0px;
                overflow: hidden;
                transition: height .3s linear;
                margin-bottom: 15px;
            }
            footer .fluid>ul>li .box .inner{
                padding-bottom: 15px;
                border-bottom: 1px solid rgba(255,255,255,0.05);
            }
            footer .footage div{
                float: initial !important;
                text-align: center;
            }
        }