/* footer 22 */
/* @latest 2020.06.30 ssj*/

.footer {width:100%;overflow:hidden;/* position:relative; */clear:both;background:#204267;}
.footer .inner {width:100%;max-width:1300px;margin:0 auto;box-sizing:border-box;position:relative;padding: 0 15px;}
.wrap_left_template ~ .footer .inner {max-width:1520px;}

.footer-area-001 {width:100%;float:left;box-sizing:border-box;border-top: 1px solid rgba(255,255,255,0.1);}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0;box-sizing:border-box;padding:20px 0 50px;}
.footer-area-001 .addressArea .footerLogo {float:left;text-align:left;box-sizing:border-box;width:auto;display:inline-block;padding-right: 30px;max-width: 20%;}
.footer-area-001 .addressArea .footerLogo img {width:auto;max-height:60px;display:inline-block;vertical-align:middle;max-width:100%;/*filter: saturate(10%);*/}
.footer-area-001 .addressArea .p_wrap {margin: 0px 0px 50px;width: auto;float:left;text-align: left;box-sizing:border-box; opacity:0.8;}
.footer-area-001 .addressArea .p_wrap > p {color: #fff;line-height:150%;font-size: 15px;}
.footer-area-001 .addressArea .p_wrap > p:nth-child(2) span:first-child:after {content:"|";padding:0 10px;opacity: 0.8;}
.footer-area-001 .addressArea .p_wrap > p span:only-child:after {display:none;}

    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:last-child {color:#888;padding-top: 5px;opacity: 0.6;}
    .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap > p:first-child {color:#636363;/* opacity:0.5; */padding-bottom:5px;}

.footer-list-001 {width:100%;font-size:12px;box-sizing:border-box;border-top: 1px solid rgba(255,255,255,0.1);}
.footer-list-001 ul li{float:left;display:block;color:#333333;line-height:30px;min-height: 32px;margin-right: 10px;margin-bottom: 5px;padding: 8px 0 0;}
.footer-list-001 ul li:last-child{border:none; }
.footer-list-001 ul li:before {content:"|"; opacity:0.4; color:#fff; margin-right:10px; font-size:12px;}
.footer-list-001 ul li:first-child:before {display:none;}
.footer-list-001 ul li a {text-decoration:none;color: #fff;padding:0 10px 0 0;font-size:15px;letter-spacing:-0.5px;text-align:center;/* border-right:1px solid rgba(255,255,255,0.3); */}
.footer-list-001 ul li a:hover {font-weight:600; }
.footer-list-001 ul li:last-child a {padding-right:0;}
.footer-list-001 ul li.link-group {padding:0 10px 0 0;}
.footer-list-001 ul li.link-group select {
                                      color: #fff;
                                      border: 1px solid rgba(255,255,255,0.5);
                                      border-radius: 2px;
                                      height:30px !important;
                                      line-height:30px;
                                      background: url(/images/wzwg/cmm/arrow_white.png) no-repeat right 5px center;
                                      appearance:none;
                                      -webkit-appearance:none;
                                      padding:0 25px 0 8px;
                                      background-size:6px;
                                      }
.footer-list-001 ul li.link-group select::-ms-expand {opacity:0;}
.footer-list-001 ul li.link-group select option {color:black; height:25px; line-height:25px; font-size:15px;}
.footer-list-001 ul li.link-group select option:checked,
.footer-list-001 ul li.link-group select option:focus,
.footer-list-001 ul li.link-group select option:active,
.footer-list-001 ul li.link-group select option:hover {background:#f0f0f0; color:#333;}


.footer-list-001 .footer-center-001 {width:100%;margin:0 auto;text-align: left;padding: 0 15px;}
.footer-center-001 ul {width: 100%;display: inline-block;/* padding:8px 0; */box-sizing: border-box;float:left;}

.footer-bt-001 {background:#ffffff; width:100%; height:100%; font-size:12px; min-width:660px; }
.footer_Left_001 {width:100%; background:red; position:relative; }
.addressArea {float:left; font-size:12px; color:#777; }
    

.wrap_left_template ~ #footer .footer-list-001 {margin-top:0;}
.wrap_left_template ~ #footer {padding-top:0;}

    @media (min-width:800px){ 
        .wrap_left_template ~ #footer .footer-list-001 {top:0;}
    }
    @media (max-width:1300px){ }
    @media (min-width:991px){ 
       .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:220px; }
       .wrap_left_template ~ #footer .footer-area-001 {padding-left:0px;}
       .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {display:inline;width: 220px !important;}
    }
    @media (min-width:991px) and (max-width:1539px){
        .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:18%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:18% !important;}
    }

    @media (min-width:800px) and (max-width:1300px){
        .footer-area-001 {padding:0 15px; }
        .footer-area-001 .addressArea .inner {padding:0;}
    }
    @media (min-width:991px) and (max-width:1300px){
        .wrap_left_template ~ .footer .footer-area-001 .addressArea .inner {padding:0 15px;}
    }
    @media (min-width:600px) and (max-width:799px){

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea {padding:20px 15px 0px; }
        .footer-center-001 ul {padding: 15px 0;}
        .footer-list-001 ul li {/* line-height:25px; */padding: 0;}
        .footer-list-001 ul li a {padding-left:0;font-size: 14px;}
        .footer-list-001 ul li a:after {padding-right:10px; }

        .footer-area-001 .addressArea .inner {float:left;padding: 0 0 40px;}

        .footer-area-001 .addressArea .footerLogo {padding-right:30px; padding-bottom:20px; width:100%; max-width:90%;}
        .footer-area-001 .addressArea .p_wrap {padding-left:0; width:100%;}
    }

    @media (max-width:499px){
        .footer-area-001 .addressArea .footerLogo {width:100%;}
        .footer-area-001 .addressArea .footerLogo img {max-width:50%;}
    }