@font-face {
    font-family: "GothamBold";
    src: url("../../statics/font/GothamBold.woff") format("woff"), url("../../statics/font/GothamBold.ttf") format("truetype"), url("../../statics/font/GothamBold.svg") format("svg"), url("../../statics/font/GothamBold.eot") format("embedded-opentype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "LumiSans-Bold";
    src: url("../../statics/font/LumiSans/WOFF(Web)/LumiSans-Bold.woff") format("woff"), url("../../statics/font/LumiSans/TTF(Windows)/LumiSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font: 400 12px/150% "Microsoft YaHei", "Open Sans", Helvetica, Arial, Tahoma, sans-serif;
    line-height: 1.6;
    color: #000;
    font-size: 13px;
    line-height: 1.6;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #000;
    text-shadow: none;
}

ul {
    margin: 0;
    padding: 0;
}

li,
li a,
label {
    color: #666;
    font-size: 14px;
    line-height: 1.6em;
    list-style-type: none;
}

a {
    color: #e77817;
    text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
    outline: 0 !important;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

a:hover {
    color: #f08519;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}



/*Hiding arrows for select field in IE*/
select::-ms-expand {
    display: none;
}


/*Thematic Break
------------------------------------*/
hr {
    margin: 30px 0;
}

hr.hr-xs {
    margin: 10px 0;
}

hr.hr-md {
    margin: 20px 0;
}

hr.hr-lg {
    margin: 40px 0;
}

/*Headings
------------------------------------*/
h1 {
    font-size: 28px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 33px;
}

h3 {
    font-size: 20px;
    line-height: 27px;
}

h4 {
    line-height: 25px;
}

h5 {
    line-height: 20px;
}

h6 {
    line-height: 18px;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.both {
    clear: both;
}
/* .main-fixed {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 724px;
} */
/*字体大小
------------------------------------*/
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-24{font-size:24px;}
.f-30{font-size:30px;}
.f-60{font-size:60px;}


/*字体颜色
------------------------------------*/
.c-f08519{color:#ff8519;}
.c-333, .c-333 a, a.c-333 {color: #333;} 
.c-333 a:hover, a.c-333:hover {color: #555;}
.c-666, .c-666 a, a.c-666 {color: #666;}
.c-999, .c-999 a, a.c-999 {color: #999;}
.c-ddd{color:#ddd;}

/*padding值
------------------------------------*/

/*top*/
.pt-20{ padding-top:20px;}
.pt-40{ padding-top:40px;}
.pt-100{ padding-top:100px;}
/*right*/
.pr-20{ padding-right:20px;}
.pr-40{ padding-right:40px;}
.pr-60{ padding-right:60px;}
/*bottom*/
.pb-15{ padding-bottom:15px;}
.pb-20{ padding-bottom:20px;}
.pb-50{ padding-bottom:50px;}
.pb-80{ padding-bottom:80px;}
/*left*/
.pl-30 {padding-left: 30px;}
.pl-40 {padding-left: 40px;}
.pl-50 {padding-left: 50px;}

/*margin值
------------------------------------*/
.margin-7{margin:0 -7px;}
.margin-15 {margin-left:-15px; margin-right:-15px;}
/*top*/
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}

/*right*/
.mr-15{ margin-right:15px;}
/*bottom*/

/*left*/
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}



/*line-height值
------------------------------------*/
.l30 {line-height: 30px;}