@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre{
    margin: 0;
    padding: 0;
}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    /* text-align: left; */
    /* font-weight: normal */
}

html,body,fieldset,img,iframe,abbr {
    border: 0
}

i,cite,em,var,address,dfn {
    font-style: normal
}

[hidefocus],summary {
    outline: 0
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6,small {
    font-size: 100%
}

sup,sub {
    font-size: 83%
}

pre,code,kbd,samp {
    font-family: inherit
}

q:before,q:after {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label,summary {
    cursor: default
}

a,button {
    cursor: pointer
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

del,ins,u,s,a,a:hover {
    text-decoration: none
}

body,textarea,input,button,select,keygen,legend {
    color: #333;
    outline: 0;
    font-size: 14px;
    font-family: "PingFang SC","Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft YaHei","\\9ED1\4F53",STHeiTi,sans-serif;
}

html,body {
    width: 100%;
    height: 100%;
    min-width: 1230px;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-size: 16px;
    line-height: 1.5
}

* {
    transition: all .3s
}

a {
    color: #333
}

a:hover {
    color: #c50001
}

.f-cb:after,.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb,.f-cbli li {
    zoom:1}

.f-ib {
    display: inline-block;
    *display: inline;
    *zoom:1}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pr {
    position: relative
}

.f-prz {
    position: relative;
    zoom:1}

.f-oh {
    overflow: hidden
}

.f-fs1 {
    font-size: 12px
}

.f-fs2 {
    font-size: 14px
}

.f-fwn {
    font-weight: normal
}

.f-fwb {
    font-weight: bold
}

.f-tal {
    text-align: left
}

.f-tac {
    text-align: center
}

.f-tar {
    text-align: right
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.f-vam,.f-vama * {
    vertical-align: middle
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px
}

.f-ti2 {
    text-indent: 2em
}

.f-lhn {
    line-height: normal
}

.f-tdu,.f-tdu:hover {
    text-decoration: underline
}

.f-tdn,.f-tdn:hover {
    text-decoration: none
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

.f-csp {
    cursor: pointer
}

.f-csd {
    cursor: default
}

.f-csh {
    cursor: help
}

.f-csm {
    cursor: move
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.ln2 {
    line-height: 2
}

.white {
    color: #fff
}

.blue {
    color: #c50001
}

.c56 {
    color: #565656
}

.c98 {
    color: #989898
}

.cbd {
    color: #bdbdbd
}

.blue2 {
    color: #6eb9e9
}

.green {
    color: #1abc9c
}

.orange {
    color: #f49267
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt80 {
    margin-top: 80px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt80 {
    padding-top: 80px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pd5 {
    padding: 5px
}

.pd10 {
    padding: 10px
}

.pd15 {
    padding: 15px
}

.pd20 {
    padding: 20px
}

.pd25 {
    padding: 25px
}

.pd30 {
    padding: 30px
}

.pd35 {
    padding: 35px
}

.pd40 {
    padding: 40px
}

.pd50 {
    padding: 50px
}

.linear {
    background: -webkit-linear-gradient(left top, #1f90db, #08bd98);
    background: -o-linear-gradient(135deg, #1f90db, #08bd98);
    background: -moz-linear-gradient(135deg, #1f90db, #08bd98);
    background: linear-gradient(135deg, #1f90db, #08bd98)
}

.bor4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.boxs {
    -webkit-box-shadow: 0 0 10px rgba(52,152,219,0.1);
    -moz-box-shadow: 0 0 10px rgba(52,152,219,0.1);
    box-shadow: 0 0 10px rgba(52,152,219,0.1)
}

.container {
    width: 1230px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-5p {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

.col-5p {
    width: 20%
}

@font-face {
    font-family: 'din';
    src: url('img/din.eot');
    src: url('img/din.eot') format('embedded-opentype'),url('img/din.ttf') format('truetype'),url('img/din.woff') format('woff'),url('img/din.svg') format('svg');
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url('img/icomoon.eot');
    src: url('img/icomoon.eot#iefix') format('embedded-opentype'),url('img/icomoon.ttf') format('truetype'),url('img/icomoon.woff') format('woff'),url('img/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-pengyouquan:before {
    content: "\e921"
}

.icon-311:before {
    content: "\e922"
}

.icon-321:before {
    content: "\e923"
}

.icon-331:before {
    content: "\e924"
}

.icon-34:before {
    content: "\e925"
}

.icon-35:before {
    content: "\e926"
}

.icon-37:before {
    content: "\e92a"
}

.icon-38:before {
    content: "\e92b"
}

.icon-39:before {
    content: "\e92c"
}

.icon-40:before {
    content: "\e92d"
}

.icon-41:before {
    content: "\e92e"
}

.icon-42:before {
    content: "\e92f"
}

.icon-43:before {
    content: "\e930"
}

.icon-45:before {
    content: "\e931"
}

.icon-46:before {
    content: "\e932"
}

.icon-47:before {
    content: "\e933"
}

.icon-48:before {
    content: "\e934"
}

.icon-49:before {
    content: "\e935"
}

.icon-50:before {
    content: "\e936"
}

.icon-51:before {
    content: "\e937"
}

.icon-52:before {
    content: "\e938"
}

.icon-53:before {
    content: "\e939"
}

.icon-54:before {
    content: "\e93a"
}

.icon-55:before {
    content: "\e93b"
}

.icon-56:before {
    content: "\e93c"
}

.icon-57:before {
    content: "\e93d"
}

.icon-58:before {
    content: "\e93e"
}

.icon-59:before {
    content: "\e93f"
}

.icon-60:before {
    content: "\e940"
}

.icon-61:before {
    content: "\e941"
}

.icon-62:before {
    content: "\e942"
}

.icon-63:before {
    content: "\e943"
}

.icon-64:before {
    content: "\e944"
}

.icon-65:before {
    content: "\e945"
}

.icon-66:before {
    content: "\e946"
}

.icon-67:before {
    content: "\e947"
}

.icon-1:before {
    content: "\e900"
}

.icon-2:before {
    content: "\e901"
}

.icon-3:before {
    content: "\e902"
}

.icon-4:before {
    content: "\e903"
}

.icon-5:before {
    content: "\e904"
}

.icon-6:before {
    content: "\e905"
}

.icon-7:before {
    content: "\e906"
}

.icon-8:before {
    content: "\e907"
}

.icon-9:before {
    content: "\e908"
}

.icon-10:before {
    content: "\e909"
}

.icon-11:before {
    content: "\e90a"
}

.icon-12:before {
    content: "\e90b"
}

.icon-13:before {
    content: "\e90c"
}

.icon-14:before {
    content: "\e90d"
}

.icon-15:before {
    content: "\e90e"
}

.icon-16:before {
    content: "\e90f"
}

.icon-17:before {
    content: "\e910"
}

.icon-18:before {
    content: "\e911"
}

.icon-19:before {
    content: "\e912"
}

.icon-20:before {
    content: "\e913"
}

.icon-21:before {
    content: "\e914"
}

.icon-22:before {
    content: "\e915"
}

.icon-23:before {
    content: "\e916"
}

.icon-24:before {
    content: "\e917"
}

.icon-25:before {
    content: "\e918"
}

.icon-26:before {
    content: "\e919"
}

.icon-27:before {
    content: "\e91a"
}

.icon-28:before {
    content: "\e91b"
}

.icon-29:before {
    content: "\e91c"
}

.icon-30:before {
    content: "\e91d"
}

.icon-31:before {
    content: "\e91e"
}

.icon-32:before {
    content: "\e91f"
}

.icon-33:before {
    content: "\e920"
}

.icon-68:before {
    content: "\e948"
}

/**/
.icon-m-1:before {
    content: "\e904"
}
.icon-m-4:before {
    content: "\e91a"
}
.icon-m-5:before {
    content: "\e91a"
}
.icon-m-6:before {
    content: "\e91a"
}
.icon-m-7:before {
    content: "\e91a"
}
.icon-m-8:before {
    content: "\e91c"
}
.icon-m-9:before {
    content: "\e91a"
}
.icon-m-10:before {
    content: "\e914"
}
.icon-m-11:before {
    content: "\e931"
}
.icon-m-12:before {
    content: "\e92e"
}
.icon-m-14:before {
    content: "\e91a"
}
.icon-m-15:before {
    content: "\e91a"
}
.icon-m-16:before {
    content: "\e91a"
}
.icon-m-19:before {
    content: "\e90c";
}
.icon-m-20:before {
    content: "\e90c";
}
.icon-m-21:before {
    content: "\e905"
}
.icon-m-22:before {
    content: "\e91a"
}
.icon-m-26:before {
    content: "\e939"
}
.icon-m-33:before {
    content: "\e903"
}
.icon-m-34:before {
    content: "\e938"
}
.icon-m-40:before {
    content: "\e908"
}
.icon-m-41:before {
    content: "\e906"
}
.icon-m-42:before {
    content: "\e91a"
}