@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

body { font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; font-size: 12px; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; }

.rel { position: relative; }

.abs { position: absolute; }

.fl { float: left; }

.fr { float: right; }

li { list-style: none; }

.listyle_decimal li { list-style-type: decimal; }
.listyle_disc li { list-style-type: disc; }

.clr { line-height: 0; height: 0; clear: both; font-size: 0; overflow: hidden; }

.clearfix:after { display: block; height: 0; visibility: hidden; clear: both; content: "."; }

.no_select { -moz-user-select: none; -webkit-user-select: none; user-select: none; }

html { -webkit-text-size-adjust: none; }

/* 禁用iPhone中Safari的字号自动调整 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* 设置HTML5元素为块 */
img { border: none; max-width: 100%; height: auto; vertical-align: top; }

/* 设置图片视频等自适应调整 */
strong, span, label { display: inline-block; vertical-align: middle; }

select, input { -webkit-appearance: none; line-height: 24px; border-radius: 0; /* mobile-select设置*/ }
.main { min-width: 1000px; max-width: 1920px }

/* ---------- 头部 ----------------------*/
header { height: 60px; position: fixed; width: 100%; background: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.06); z-index: 999; top: 0 }
    header .active { border-bottom: 2px solid #C63535; padding-bottom: 5px; }
.head-logo { height: 40px; margin-top: 10px; float: left; }
    .head-logo img { height: 40px }
.headContent { padding: 0 15%; height: 60px; }
.tabs { line-height: 60px; position: fixed; right: 15%; }
    .tabs a { color: #333; line-height: 17px; font-size: 13px; margin-right: 30px }
        .tabs a.active { border-bottom: 2px solid #C63535 !important; padding-bottom: 5px; }
        .tabs a:hover { border-bottom: 2px solid #C3ACAC; padding-bottom: 5px; }
#banner { position: relative; }

/* ------- 底部 ---------   */
footer { padding: 0 20%; background: #FAFAFA; position: relative; text-align: center; padding-bottom: 40px; }
    footer .footList { padding: 40px 0px; display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 0 auto; width: 800px }
        footer .footList .list { }
            footer .footList .list .listHead { font-size: 14px; line-height: 19px; color: #333333; margin-bottom: 13px; }
            footer .footList .list .listContent { font-size: 12px; color: #666666; line-height: 16px; margin-bottom: 14px; cursor: pointer; font-family: MicrosoftYaHeiLight; font-weight: 300; }
                footer .footList .list .listContent .listModal { position: absolute; padding: 15px; background: #fff; display: none; border-radius: 20px; margin-top: -70px; margin-left: 150px; box-shadow: 1px 1px 5px #80808063; }
                    footer .footList .list .listContent .listModal:after { content: ""; display: block; display: block; width: 0px; height: 0px; border-top: 10px solid White; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; transform: rotate(90deg); margin-left: -30px; margin-top: -85px;}
                footer .footList .list .listContent img { width: 130px; height: 130px; }
    footer a { color: #666 }
        footer a:hover { border-bottom: 2px solid #C3ACAC; padding-bottom: 5px; }
        footer a.showImg:hover div { display: block; color: #C63535 }

.footBorder { width: 44%; height: 1px; background: #ccc; width: 100%; margin-bottom: 20px }
.footBottom { font-size: 12px; color: #666666; line-height: 28px; font-family: MicrosoftYaHeiLight; font-weight: 300; text-align: center }
.vision { background-position: bottom left; background-size: cover; }
/*.wx { top: 1%; right: 20%; }
.shipin { top: 15%; right: 20%; }*/

.swiper-container { width: 100%; height: 100%; }