/* footer 20 */
/* @latest 2020.06.30 ssj*/

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

.footer-area-001 {width:100%;float:left;box-sizing:border-box;padding: 0px 0 0px;background: #f9f9f9;}
.footer-area-001 .addressArea {width:100%;text-align: left;margin:0; padding-top:30px; box-sizing:border-box; float:left;}
.footer-area-001 .addressArea .inner { width:100%; display:block; height:150px;}
.footer-area-001 .addressArea .footerLogo {float:left;text-align:left;box-sizing: border-box;width: 20%;padding: 0 15px;}
.footer-area-001 .addressArea .footerLogo img {width:auto;max-width:90%;display:inline-block;vertical-align:middle;max-width: 90%;}
.footer-area-001 .addressArea .p_wrap {width:auto;float:left;text-align: left;box-sizing: border-box;width: 80%;}
.footer-area-001 .addressArea .p_wrap > p {color: #333;line-height: 150%;font-size: 15px;display: inline-block;margin-right: 10px;}
.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:last-child {/* position:absolute; *//* left:0; *//* bottom:0; *//* line-height:45px; *//* width:100%; *//* color:#999; *//* border-top:1px solid #d9d9d9; */width: 100%;display: block;}
.footer-area-001 .addressArea .p_wrap > p span:only-child:after {display:none;}

.footer-list-001 {width:100%;font-size:12px;box-sizing:border-box;border-top: 1px solid rgba(0,0,0,0.1);}
.footer-list-001 ul li{float:left;display:block;color:#333333;line-height: 30px;min-height: 32px;width: 20%;text-align: center;}
.footer-list-001 ul li a {text-decoration:none;color: #333;padding: 0;font-size: 15px;letter-spacing:-0.5px;opacity:0.7;}
.footer-list-001 ul li a:hover {font-weight:600; opacity:1; -webkit-transition:opacity 1s; transition:opacity 1s;}
.footer-list-001 ul li a:after {/* content:"|"; *//*padding: 0 30px;*//* float:right; *//* font-size: 10px; *//* opacity:0.5; *//* font-weight:200; */}
.footer-list-001 ul li:first-child a {padding-left:0;}
.footer-list-001 ul li:last-child a:after {display:none;}
.footer-list-001 ul li.link-group {padding:0;}
.footer-list-001 ul li.link-group select { min-width: 80%; color: #333; text-align: center; letter-spacing: -1px;
    border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; height: 30px !important; line-height: 30px;
    background:url(/images/wzwg/cmm/arrow_black.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:#333; color:#fff;}


.footer-list-001 .footer-center-001 {width:100%;text-align: left;}
.footer-center-001 ul {width: 100%;display: inline-block;padding: 17px 0; box-sizing:border-box;}

.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;}
        .wrap_left_template ~ #footer .footer-list-001 {max-width:1520px;}

        .footer-list-001 ul li:nth-child(5)~li {margin-top:10px;}
    }

    @media (min-width:1541px){ 
       .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:220px; box-sizing:border-box;}
       .wrap_left_template ~ #footer .footer-area-001 {padding-left:0px;}
       .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:220px !important;}
    }
    @media (min-width:991px) and (max-width:1540px){
        .wrap_left_template ~ #footer .footer-center-001 ul {padding-left:18%;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .footerLogo {width:18%; padding-top:20px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea .p_wrap {width:82%; padding-top:20px;}
        .wrap_left_template ~ #footer .footer-area-001 .addressArea {padding:0px 15px 0;}
    }


    @media (min-width:800px) and (max-width:1300px){
        .footer-area-001 {padding:0 15px; }
        .footer-center-001 ul {/* padding:0 15px; */}
    }

    @media (min-width:600px) and (max-width:799px){

    }
    @media (max-width:799px){
        .footer-area-001 .addressArea {padding: 20px 0px 0px;}
        .footer-center-001 ul {padding: 5px 15px; float:left;}
        .footer-list-001 ul li {line-height: 35px;width: auto; margin-right:15px;}
        .footer-list-001 ul li a {font-size: 12px;}
        .footer-list-001 ul li a:after {padding: 0 20px;}

        .footer-area-001 .addressArea .inner {float:left;height: auto;}

        .footer-area-001 .addressArea .footerLogo {padding-right:30px;padding-bottom:20px;width:100%;padding: 0 15px;}
        .footer-area-001 .addressArea .footerLogo img {max-width:30%;}
        .footer-area-001 .addressArea .p_wrap {padding: 20px 0px;width:100%;}
        .footer-area-001 .addressArea .p_wrap > p {padding:0 15px;}
        .footer-area-001 .addressArea .p_wrap > p:last-child { position:relative; bottom:auto; margin-top:20px;}
    }

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