@charset "utf-8";
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light/lato-light-webfont.eot');
    src: url('../fonts/lato-light/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; 
    text-transform: none;
    text-decoration: none;
    font-family: "latolight","寰蒋闆呴粦","Microsoft Yahei",Arial;
} 
:focus {outline: 0; }
a{color: #333;}
table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td { 
    text-align: left; 
    font-weight: normal; 
} 
a img, iframe { 
    border: none; 
} 
ol, ul { 
    list-style: none; 
} 
input, textarea, select, button { 
    font-size: 100%; 
    font-family: inherit; 
} 
select { 
    margin: inherit; 
} 
img{display: block; padding: 0; margin: 0;}
/* Fixes incorrect placement of numbers in ol鈥檚 in IE6/7 */ 
ol { margin-left:2em; } 
/* == clearfix == */ 
.clearfix:after { 
    content: 鈥?鈥滬 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 

}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block; clear: both; float: none;}
.clear{clear: both;float: none;}
.sumaart{display: none;}
input[type="button"], input[type="text"],input[type="submit"], input[type="reset"],textarea,tel {
    -webkit-appearance: none;
}
[class*=' icon-'],
[class^=icon-] {
    font-family: "iconfont";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}
.text-right {
    text-align: right;
}
.btn-file {
    position: relative;font-size: 16px;line-height: 30px;
    display: inline-block;vertical-align: top;
    text-align: center;color: #888;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn-file::after {content: "";position: absolute;right: 0;bottom: 3px;left: 0;height: 1px;background-color: #888;}
.btn-file:hover {color: #333;}
.btn-file:hover::after {background-color: #333;}
.btn-file span {position: absolute;top: 50%;left: 0;margin-top: -.5em;font-size: 60px;line-height: 1;}