header{position: fixed;height: 100px;width: 100%; text-align: center;background-color: rgba(15, 15, 15, 0.85);color: #fff;font-size: 22px;z-index: 999;line-height: 100px;}
header ul li{display: inline-block;margin: 0 15px;}
header ul li a{color: #fff; transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
header ul li:hover a{color: #08b79a;transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
header ul li.logo{margin: 0px 35px;position: relative;top: 22px;}

/* 底部 */
.footer_container{background-color: #202020;padding: 60px 0 40px 0; color: #fff; text-align: center;}
.footer_container .footer_content{font-size: 0;}
.footer_container .footer_content>li{display: inline-block;vertical-align: top;}

/* 导航 */
.footer_container .footer_content li.footer_nav ul li{font-size: 18px;line-height: 1;margin-bottom: 18px;text-align: right;}
.footer_container .footer_content li.footer_nav ul li a{color: #fff;}

/* 分割线 */
.footer_container .footer_content li.xian{width: 1px;height: 60px;background-color: #fff;margin:36px 60px;}

/* logo */
.footer_container .footer_content li.footer_img img{width: 128px;height: 128px;}

/* 联系 */
.footer_container .footer_content li.footer_contact ul li{margin-bottom: 15px;font-size: 18px;text-align: left;}
.footer_container .footer_content li.footer_contact ul li b{display: inline-block;width: 30px;height: 30px;background-position: center center; background-repeat: no-repeat; vertical-align: middle;}
.footer_container .footer_content li.footer_contact ul li b.icon1{background-image: url(../images/address.png);background-size: 25px 30px;}
.footer_container .footer_content li.footer_contact ul li b.icon2{background-image: url(../images/email.png);background-size: 26px 18px;}
.footer_container .footer_content li.footer_contact ul li b.icon3{background-image: url(../images/phone.png);background-size: 24px 26px;}
.footer_container .footer_content li.footer_contact ul li span{display: inline-block;vertical-align: middle;margin-left: 10px;}

/* 备案 */
.beian{background-color: #151312;color: #fff;text-align: center;font-size: 12px;line-height: 50px;}
.beian span:last-child{margin-left: 20px;}
.beian a{color: #fff;}


@media screen and (max-width:768px){
    .footer_container .footer_content{width: 80%;margin: 0 auto;text-align: left;}
    .footer_container .footer_content li.xian{display: none;}
    .footer_container .footer_content li.footer_nav{width: 100%;}
    .footer_container .footer_content li.footer_nav ul li{display: inline-block;width: 25%;text-align: left;font-size: 16px;}

    .footer_container .footer_content li.footer_img{width: 30%;}
    .footer_container .footer_content li.footer_contact {width: 70%;}
    .footer_container .footer_content li.footer_contact ul li {font-size: 12px;}
}

@media screen and (max-width:750px){
    header{position: fixed;height: 50px;font-size: 16px;line-height: 50px;}
    header ul li{margin: 0px 5px}
    header ul li.logo {margin: 0px 10px;top: 8px;}
    header ul li.logo img{width: 80px;}

    .beian{line-height: 24px;padding: 10px 20px;}
}
@media screen and (max-width:515px){
    .footer_container .footer_content{width: 90%;margin: 0 auto;text-align:center;}
    .footer_container .footer_content li.footer_img{width: 100%;text-align: center;}
    .footer_container .footer_content li.footer_img img{margin: 10px auto;}
    .footer_container .footer_content li.footer_contact {width: 100%;}
}
@media screen and (max-width:414px){
    header{position: fixed;height: 50px;font-size: 12px;line-height: 50px;}
}