.ftr{ width: 100%; max-width: 100%;} .ftr .cpy{ background: #000; padding: 30px 0; color: #FFF; position: relative;} .ftr .cpy .logo{ margin: 0 auto; display: block;} .ftr .cpy .cmn_wd{ position: relative;} .ftr .cpy .srv{ position: absolute;left: 0; top:10%; height:42px; line-height: 42px;} .ftr .cpy .fnt{ position: absolute;right: 0; top:10%; height:auto; line-height: 140%;} .ftr .cpy .fnt,.ftr .cpy .fnt a,.ftr .cpy .fnt a:visited{color: #FFF;} .ftr .cpy .srv .one{color: #ffc000; font-style: italic;} .ftr .cpy .uparw{ position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer;} .ftr .cpy .uparw img{ display: block; width: auto; max-height: 100%;} .ftr .clmn{ background: #f2f2f2;} .ftr .clmn .cmn_wd{ display: table; padding: 2% 0 0% 0;} .ftr .clmn .cmn_wd .clmn_l,.ftr .clmn .cmn_wd .clmn_r{ display: table-cell; vertical-align: top;} .ftr .clmn .cmn_wd .clmn_l{ width: 65%;} .ftr .clmn .cmn_wd .clmn_r{ width: 35%;} .ftr .clmn .clmn_l .rw{ width: 100%; margin-bottom: 3%;} .ftr .clmn .clmn_l .rw ul{width: 24%; display: inline-block; vertical-align: top;} .ftr .clmn .clmn_l .rw ul li{ white-space: nowrap;} .ftr .clmn .clmn_l ul li h3{ color: #e21e31; font-size: 18px; font-weight: bold; margin-bottom: 22px;} .ftr .clmn .clmn_l ul li h3 a{color: #e21e31; } .ftr .clmn .clmn_l ul li h3 a:hover{ text-decoration: underline;} .ftr .clmn .clmn_l ul li ul li, .ftr .clmn .clmn_l ul li ul li a, .ftr .clmn .clmn_l ul li ul li a:visited{ color: #000;} .ftr .clmn .clmn_l ul li ul li a:hover{ color: #cc3333;} .ftr .clmn .clmn_l ul li ul li { height: 28px; line-height: 28px;} .ftr .clmn .clmn_l ul li ul li a{display: block;} .ftr .clmn .cmn_wd .clmn_r .ewm li{ display: inline-block; width: 30%; margin-left: 1%; text-align: center;} .ftr .clmn .cmn_wd .clmn_r .ewm li img{ max-width: 100%;} .ftr .clmn .cmn_wd .clmn_r .ewm li p{ padding: 1% 0 0 0;} @media screen and (max-width: 1920px) { .cpy .cmn_wd{ width: 88%;} .ftr .clmn .cmn_wd .clmn_l{ width: 60%;} .ftr .clmn .cmn_wd .clmn_r{ width: 40%;} .ftr .clmn .cmn_wd .clmn_r .ewm li{ width: 28%; margin-left:3%;} } @media screen and (max-width: 1680px) { .ftr .cpy{ padding: 10px 0; height: 55px;} } @media screen and (max-width: 1440px) { .ftr .cpy .logo{ height: 50px; margin-top: 5px;} .cpy .cmn_wd { width: 85%;} .ftr .clmn .clmn_l ul li h3{ font-size: 16px;} .ftr .clmn .cmn_wd .clmn_r .ewm li{ width: 26%; margin-left:4%;} } @media screen and (max-width: 1360px) { .ftr .cpy .logo{ height: 40px; margin-top: 10px;} .ftr .cpy .srv{ height:36px; line-height: 36px;} .ftr .cpy .fnt{ height:36px; line-height: 36px; font-size: 12px;} } @media screen and (max-width: 1280px) { .ftr .clmn .cmn_wd .clmn_l{ width: 65%;} .ftr .clmn .cmn_wd .clmn_r{ width: 35%;} } @media screen and (max-width: 1200px) { .ftr .cpy { padding: 10px 0; height: 40px;} .ftr .cpy .logo{ height: 30px; margin-top: 10px;} .ftr .cpy .srv{ height:26px; line-height: 26px;} .ftr .cpy .fnt{ height:26px; line-height: 26px; } } @media screen and (max-width: 1100px) { .cpy .cmn_wd { width: 88%;} .ftr .clmn .cmn_wd .clmn_l{ width: 70%;} .ftr .clmn .cmn_wd .clmn_r{ width: 30%;} #nav .fnt>a { padding: 0 18px; } } @media screen and (max-width: 1024px) { .ftr .cpy .uparw{ display: none;} .ftr .cpy { padding: 10px 0; height: auto;} .ftr .cpy .logo { margin: 0; height: 40px;} .ftr .cpy .srv,.ftr .cpy .fnt{position: static;} .ftr .cpy .srv{ margin-bottom: 10px;} .ftr .clmn .cmn_wd .clmn_l{ width: 100%; display: none;} .ftr .clmn .cmn_wd .clmn_r{ display: none;} } @media screen and (max-width: 450px) { .ftr .cpy .srv{ font-size: 12px;} .ftr .cpy .srv .font24{ font-size: 18px;} .ftr .cpy .fnt { height: auto; color: #999; display: none;} .ftr .cpy .logo { margin: 0; height: 35px;} } @media screen and (max-width: 370px) { .ftr .cpy .fnt ,.ftr .cpy .logo{ display: none;} .ftr .cpy .cmn_wd{ width: 98%;} .ftr .cpy .srv{ text-align: center; margin: 0;} } @media screen and (max-width: 340px) { .ftr{ min-width: 320px;} .ftr .cpy .srv{ transform:scale(0.9); height: auto; } }