*{font-family:Arial,Helvetica,sans-serif;}
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}em{font-weight:400}ol,ul{list-style-type:none}a{color:#222;text-decoration:none}a:hover{text-decoration:underline;cursor: pointer;}i{font-style:normal}b{font-weight:400}cite{font-style:normal;float:right}img{border:0;-ms-interpolation-mode:bicubic;display: block;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.flex_box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
.center{ max-width: 1200px; width: 100%; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box}


/* header */
.header{background-color: #fff;}
.header .logo {
    float: left;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 124px
}


/* footer */
.footer{background-color: #212223;}
.footer >.center{align-items: center;}
.footer >.center a.logo{margin-bottom: 20px;}
.footer >.center>ul{padding: 52px 0;max-width: 900px;width: 100%;}
.footer >.center>ul li{
    max-width: 216px;width: 100%;text-align: left;
}
.footer >.center>ul li a{font-weight: bold;font-size: 16px;line-height: 20px;text-align: left;color: #fff;}
.footer .footer_bottom {
    height: 90px;
    font-size: 14px;
    color: #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #1a1b1c;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0
}

.footer .footer_bottom span {
    line-height: 14px;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 0
}

.footer .footer_bottom a {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 16px
}

.footer .footer_bottom a:hover {
    color: #fff
}

.footer .footer_bottom a:nth-child(2),.footer .footer_bottom a:nth-child(3) {
    border-left: 1px solid #c8c8c8;
    padding-left: 16px;
    margin-left: 16px;
    display: inline-block
}

@media screen and (max-width:1200px) {
    .center{padding-left: 20px;padding-right: 20px;}
    .footer >.center{max-width: 800px;}
    .footer >.center>ul{max-width: 500px;}
}
@media screen and (max-width:800px) {
    .footer >.center>ul{max-width: 300px;}
    .footer >.center>ul li{margin: 8px 0;}
    .footer >.center{align-items: normal;}
    .footer >.center a.logo{margin-top: 50px;margin-bottom: 0;margin-right: 40px;}
}