/* header */ header {position:relative;overflow:hidden;background:#fff!important;height: auto!important;} header *{box-sizing: border-box;font-weight: normal;font-family:"微软雅黑";} .header-wrap {width:1100px;max-width:100%;margin:0 auto;height:70px;padding:15px 0;} .header-logo {display:block;width:190px;height:100%;background:url(/web/img/logo/logo-normal-blue.png) no-repeat center left;background-size:auto 100%;float:left;} .header-text {line-height:40px;float:left;font-size:14px;color:#192e79;} .header-tel {width:185px;height:100%;float:right;background:url(/web/img/tel-blue.png) no-repeat center right;background-size:100% auto;} /* 蓝色 */ header.header-blue {background:#192e79!important;} header.header-blue .header-logo {background-image:url(/web/img/logo/logo-normal-white.png);} header.header-blue .header-text {color:#fff;} header.header-blue .header-tel {background-image:url(/web/img/tel-white.png);} /* 少儿logo */ header.header-children .header-logo {background-image:url(/web/img/logo/logo-child-blue.png);} header.header-blue.header-children .header-logo {background-image:url(/web/img/logo/logo-child-white.png);} @media (max-width:1024px) { .header-wrap {padding:15px 15px;} } @media (max-width:767px) { .header-wrap {height:60px;padding:10px 15px;} .header-tel {width:123px;} .header-text {display:none;} } /* footer */ footer {position:relative;overflow:hidden;width:100%;background-color:#333333!important;} footer *{box-sizing: border-box;font-weight: normal!important;color:#999!important;font-family:"微软雅黑";} .footer-pc {width:1100px;max-width:100%;margin:0 auto;padding:20px 0;overflow:hidden;font-size:14px;line-height:1.4;} .footer-pc-left {float:left;text-align:left;} .footer-pc-left a {margin-left:20px;} .footer-pc-right {float:right;text-align:right;font-size:0;} .footer-m {display:none;text-align:center;line-height:1;padding:40px 0;font-size:24px;} .footer-m-logo {background:url(/web/img/logo-white.png) no-repeat center center;background-size:auto 100%;margin:0 auto 30px;height:50px;} .footer-m-tel {margin-bottom:20px;} .footer-m a {margin-left:5%;} /* 少儿logo */ footer.footer-children .footer-m-logo {background-image:url(/web/img/logo-children-white.png);} @media (max-width:1024px) { .footer-pc {padding:20px 15px;} .footer-pc-right {width:45%;} } @media(max-width:768px) { .footer-pc {display:none;} .footer-m {display:block;} } @media(max-width:767px) { .footer-m {padding:20px 0;font-size:12px;} .footer-m-logo {height:30px;margin:0 auto 15px;} .footer-m-tel {margin-bottom:10px;} } @media(max-width:320px) { .header-logo{width: 150px;} }