.ftr{ width: 100%; max-width: 100%;} .flnk{ background: #333; padding: 22px 0;} .flnk .slt{ background: #1a1a1a; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 292px; } .flnk .tit{ height: 56px; line-height: 56px; position: relative; font-weight: normal; color: #939393; padding:0 22px; cursor: pointer; font-size: 16px;} .flnk .iconfont{ position: absolute; right:22px; color: #cc3333;} .flnk .tit ul{ position: absolute; left: 0; top: 51px; background: #1a1a1a; width: 292px; padding: 5px 0 10px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; display: none; z-index: 100;} .flnk .tit ul li{ height:26px; line-height: 26px; font-size: 14px;} .flnk .tit ul li a,.flnk .tit ul li a:visited{ color: #939393;} .flnk .tit ul li a{ display: block; padding: 0 20px;} .flnk .tit ul li a:hover{ background: #333;} .flnk .fl_r .icon{ display: inline-block; vertical-align: middle; margin-left: 32px;} .flnk .fl_r .icon span{ background: #cc3333; display: block; width: 60px; height: 48px; padding-top: 12px; text-align: center; vertical-align: center; cursor: pointer;} .flnk .fl_r .icon:hover span{background: #e13939;} .flnk .fl_r .icon span img{ max-width: 100%; height: auto;} .flnk .icon{ position: relative;} .flnk .qrcode{ position: absolute; background: #000; left: -65px; margin-left: 0; top: 72px; display: none; z-index: 100;} .flnk .qrcode .cnt{ padding: 16px; text-align: center; color: #FFF;} .flnk .qrcode .arw{ position: absolute; left: 50%; top: -12px; margin-left: -10px;} .flnk .qrcode .cnt img{ width: 160px; height: 160px; margin-bottom: 8px;} .clmn{ background: url(../../img/footer/clmn_bg.jpg) right top no-repeat #262626; background-size: auto 100%; } .clmn .cmn_wd{ padding: 3% 0 4% 0;} .clmn ul li h3{ color: #e21e31; font-size: 18px; font-weight: bold; margin-bottom: 22px;} .clmn ul li h3 a,.clmn ul li h3 a:visited{color: #e21e31;} .clmn ul li h3 a:hover{ text-decoration: underline;} .clmn ul li ul li, .clmn ul li ul li a, .clmn ul li ul li a:visited{ color: #FFF;} .clmn ul li ul li a:hover{ color: #cc3333;} .clmn .rw{ width: 72%; margin-bottom: 5%;} .clmn .rw ul{width: 24%; display: inline-block; vertical-align: top;} .clmn .rw ul li{ white-space: nowrap;} .clmn ul li ul li { /*eight: 28px; line-height: 28px;*/ line-height: 200%;} .clmn ul li ul li a{display: block;} .clmn ul li.lnk_sub{cursor: pointer;} .clmn ul li.lnk_sub .lnk_sub_ul{ padding: 10% 20%; width: auto; display: none; width: auto; } .clmn ul li.lnk_sub .lnk_sub_ul li a,.clmn ul li.lnk_sub .lnk_sub_ul li a:visited{ color: #b5b5b5; } .clmn ul li.lnk_sub .lnk_sub_ul li a:hover{ color: #CC3333;} .clmn ul li.lnk_sub .lnk_sub_ul.on{ display: block;} .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:42px; line-height: 42px; font-size: 12px;} .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%;} .icp{ text-align: right; color: #555; font-size: 12px; padding: 0 2% 1% 0;} .icp,.icp a,.icp a:visited{color: #555;} .icp .gicn{ margin: 0 10px 0 15px; vertical-align: middle;} #cnzz_stat_icon_1254491555 img{ width: 0; height: 0; overflow: hidden;} #cnzz_stat_icon_1254491555{display: block; height: 0; overflow: hidden;} .hbname{ color: #333;} /*2022-06-03*/ .guanzhu{ border: 1px solid #171717; border-left: none; border-right: none; padding: 3% 0; margin:3% 0;} .guanzhu .flx-cnt{ display: flex; align-items: center; } .guanzhu .flx-cnt p{ margin-right: 5px;} .guanzhu .flx-cnt .sjicn{ height: 24px;} .guanzhu .flx-cnt a{ margin-right:25px;} .guanzhu .gzewm{ text-align: center; position: relative;} .guanzhu .gzewm .pdg{ padding: 5% 0;} .guanzhu .gzewm img{ margin-bottom: 3%; max-width: 100%;} .guanzhu .gzewm .iconfont{ color: #333; font-size: 24px; position: absolute; right: 0; top: 0;} @media screen and (max-width: 1920px) { .clmn .rw { width: 90%;} .cpy .cmn_wd{ width: 88%;} } @media screen and (max-width: 1680px) { .ftr .cpy{ padding: 10px 0; height: 55px;} .flnk { padding: 16px 0;} .flnk .tit { height: 50px; line-height: 50px; } .flnk .fl_r .icon span { width: 50px; height: 42px; } .flnk .qrcode{ position: absolute; left: -68px; margin-left: 0;} .flnk .qrcode .arw{ margin-left: -12px;} .flnk .tit ul{ top: 48px;} .flnk .qrcode{ top: 68px;} } @media screen and (max-width: 1440px) { .ftr .cpy .logo{ height: 50px; margin-top: 5px;} .cpy .cmn_wd { width: 85%;} .clmn ul li h3{ font-size: 16px;} } @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) { .flnk .fl_r{ margin-right: 3%;} .clmn ul li ul li{ font-size: 12px;} } @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; } .flnk { padding: 12px 0;} .flnk .fl_r .icon span{ width: 46px; height: 40px; padding-top: 8px; } .flnk .fl_r .icon span img.wx_icn{ width: 75%;} .flnk .fl_r .icon span img.wb_icn{ width: 75%;} .flnk .fl_r .icon span img.dy_icn{ width: 55%;} .flnk .tit { height: 46px; line-height: 46px;} .flnk .tit ul { top: 44px;} } @media screen and (max-width: 1100px) { .cpy .cmn_wd { width: 88%;} } @media screen and (max-width: 1024px) { .flnk,.clmn,.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;} } @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; } }