@charset'UTF-8';
* { outline: none }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html,
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden }
body { padding: 0; margin: 0 auto; font-size: 16px; font-family: 'ArialMT', arial, Microsoft YaHei, '微软雅黑', '宋体';    /* line-height:1.5; */ color: #221613; min-width: 320px; width: 100%; zoom: 1; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased }
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; padding: 0 }
.ul,
.ul li,
.dl,
.dl dd,
.dl dt { list-style: none; margin: 0; padding: 0 }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
select,
input,
textarea { color: #605e5c; font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
input:focus { outline: none }
textarea { resize: none; -webkit-appearance: none }
textarea,
input,
select { background: none; border: none; margin: 0; padding: 0 }
button,
input[type='button'],
input[type='submit'],
input[type='reset'] { -webkit-appearance: none; cursor: pointer }
button[disabled],
input[disabled] { cursor: default }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline }
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption { display: block }
figure,
figcaption { margin: 0; padding: 0 }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #c4c4c4 }
input:-moz-placeholder,
textarea:-moz-placeholder { color: #c4c4c4 }
input::-moz-placeholder,
textarea::-moz-placeholder { color: #c4c4c4 }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #c4c4c4 }
img { border: none; border: 0; max-width: 100%; vertical-align: top; }
a { color: #2e2e2e; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
a:focus { outline: none; -moz-outline: none; }
a:hover { color: #82cbc4; }

/* 动画 */
.t { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s }

/* 单行隐藏 */
.otxthide { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }

/* 多行隐藏 */
.otxthide2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* 禁止选中 */
.txtcopy { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text }
.wMain { padding: 0 100px; }
.w1200 { max-width: 1200px; margin: 0 auto; }
@media screen and (max-width:1200px) {
    .wMain { padding: 0 2%; }
    .w1200 { max-width: 96%; }
}
.dropdown ul { padding: 0; margin: 0; }

/* 重写全屏滚动样式 */
#fp-nav ul li,
.fp-slidesNav ul li { width: 15px; height: 15px; margin: 5px; }
#fp-nav.fp-right { right: 5%; }
#fp-nav ul li a span,
.fp-slidesNav ul li a span { width: 15px; height: 15px; margin: 0; background: url(../images/icon/Dot.png) no-repeat center/cover; left: 0; top: 0; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span { width: 15px; height: 15px; margin: 0; background: url(../images/icon/Dot_on.png) no-repeat center/cover; }
#fp-nav ul li a + .fp-tooltip { font-size: 12px; top: 1px; }
#fp-nav ul li a.active + .fp-tooltip { padding-right: 22px; }
#fp-nav ul li a.active + .fp-tooltip { -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; transition: opacity .2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li a.active + .fp-tooltip::after { content: ""; display: block; position: absolute; top: 6px; right: 0; width: 18px; height: 1px; background-color: #fff; }
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span { width: 15px; height: 15px; margin: 0; }
.digitalPrompt { display: none; position: fixed; left: 100px; top: 50%; background: url(../images/icon/pageBg.png) no-repeat bottom; padding-bottom: 115px; width: 30px; text-align: center; }
.digitalPrompt span { font-size: 20px; color: #fff; -webkit-transform: rotate(-88deg); -moz-transform: rotate(-88deg); -ms-transform: rotate(-88deg); -o-transform: rotate(-88deg); transform: rotate(-88deg); display: block; }

/* 重定义首页banner */
.Home_banner .bx-wrapper .bx-controls { position: absolute; right: 100px; bottom: 100px; width: 140px; height: 160px; border-bottom: 5px solid #fff; }
.Home_banner .bx-wrapper .bx-controls-direction a { top: auto; bottom: 15px; width: 50px; height: 10px; }
.Home_banner .bx-wrapper .bx-prev { left: 0; }
.Home_banner .bx-wrapper .bx-next { right: 0; }
.Home_banner .bx-wrapper .bx-pager { font-size: 20px; color: #fff; padding-top: 0; font-weight: 500; }
.Home_banner .bx-wrapper .bx-pager span { font-size: 100px; letter-spacing: -8px; }

/* 重定义下拉框 */
.Home_NationalStore .select .dropdown { display: inline-block; }
.Home_NationalStore .select .dropdown ul { padding: 0; margin: 0; }
.Home_NationalStore .select .dropdown { width: 258px; height: 58px; background-color: transparent; border: 1px solid #fff; }
.Home_NationalStore .select .dropdown .selected { padding: 0; font-size: 16px; line-height: 58px; text-align: left; color: #fff; padding: 0 50px 0 20px; }
.Home_NationalStore .select .dropdown li { font-size: 16px; }
.Home_NationalStore .select .dropdown .carat:after { display: none; }
.Home_NationalStore .select .dropdown .carat { width: 10px; height: 10px; border: none; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; }
.Home_NationalStore .select .dropdown.open .carat { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }



/* .Home_NationalStore .select .dropdowndiv { width: 258px; height: 58px; background-color: transparent; border: 1px solid #fff; } */

.Home_NationalStore .select .dropdowndiv{width: 70%; background-color: transparent; border: 1px solid #fff; height: 58px; margin: 0 auto; text-align: left; margin-top: 10px;}
@media screen and (min-width: 769px){
        .Home_NationalStore .select .dropdowndiv{width:25%; display: inline-block; margin:0 10px;  max-width: 258px;}
}

/*---------------------------------------
                 font 
---------------------------------------*/

/*** font-size***/
.f-siz12 { font-size: 12px; }
.f-siz14 { font-size: 14px; }
.f-siz16 { font-size: 16px; }
.f-siz18 { font-size: 18px; }
.f-siz20 { font-size: 20px; }
.f-siz22 { font-size: 22px; }
.f-siz24 { font-size: 24px; }
.f-siz26 { font-size: 26px; }
.f-siz28 { font-size: 28px; }
.f-siz30 { font-size: 30px; }
.f-wei-nor { font-weight: normal; }
.f-wei-b { font-weight: bold; }
.f-sty-nor { font-style: normal; }

/*--------------------------
         border 
-----------------------------*/
.bor { border: 1px solid #eee; }
.bor-t { border-top: 1px solid #eee; }
.bor-r { border-right: 1px solid #eee; }
.bor-b { border-bottom: 1px solid #eee; }
.bor-l { border-left: 1px solid #eee; }

/**************************************************
=========== padding ===============================
**************************************************/
.pad-5 { padding: 5px; }
.pad-10 { padding: 10px; }
.pad-15 { padding: 15px; }
.pad-20 { padding: 20px; }
.pad-25 { padding: 25px; }
.pad-t5 { padding-top: 5px; }
.pad-t10 { padding-top: 10px; }
.pad-t15 { padding-top: 15px; }
.pad-t20 { padding-top: 20px; }
.pad-t25 { padding-top: 25px; }
.pad-t30 { padding-top: 30px; }
.pad-r0 { padding-right: 0; }
.pad-r5 { padding-right: 5px; }
.pad-r10 { padding-right: 10px; }
.pad-r15 { padding-right: 15px; }
.pad-r20 { padding-right: 20px; }
.pad-r25 { padding-right: 25px; }
.pad-r30 { padding-right: 30px; }
.pad-b5 { padding-bottom: 5px; }
.pad-b10 { padding-bottom: 10px; }
.pad-b15 { padding-bottom: 15px; }
.pad-b20 { padding-bottom: 20px; }
.pad-b25 { padding-bottom: 25px; }
.pad-b30 { padding-bottom: 30px; }
.pad-l0 { padding-left: 0; }
.pad-l5 { padding-left: 5px; }
.pad-l10 { padding-left: 10px; }
.pad-l15 { padding-left: 15px; }
.pad-l20 { padding-left: 20px; }
.pad-l25 { padding-left: 25px; }
.pad-l30 { padding-left: 30px; }

/**************************************************
=========== margin ===============================
**************************************************/
.mar-auto { margin-left: auto; margin-right: auto; }
.mar-5 { margin: 5px; }
.mar-10 { margin: 10px; }
.mar-15 { margin: 15px; }
.mar-20 { margin: 20px; }
.mar-25 { margin: 25px; }
.mar-t5 { margin-top: 5px; }
.mar-t10 { margin-top: 10px; }
.mar-t15 { margin-top: 15px; }
.mar-t20 { margin-top: 20px; }
.mar-t25 { margin-top: 25px; }
.mar-t30 { margin-top: 30px; }
.mar-t5 { margin-top: 5px; }
.mar-r5 { margin-right: 5px; }
.mar-r10 { margin-right: 10px; }
.mar-r15 { margin-right: 15px; }
.mar-r20 { margin-right: 20px; }
.mar-r25 { margin-right: 25px; }
.mar-r30 { margin-right: 30px; }
.mar-b5 { margin-bottom: 5px; }
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b25 { margin-bottom: 25px; }
.mar-b30 { margin-bottom: 30px; }
.mar-l5 { margin-left: 5px; }
.mar-l10 { margin-left: 10px; }
.mar-l15 { margin-left: 15px; }
.mar-l20 { margin-left: 20px; }
.mar-l25 { margin-left: 25px; }
.mar-l30 { margin-left: 30px; }

/******* float *******/
.clearfix:after { content: ''; display: block; height: 0; line-height: 0; visibility: hidden; clear: both; }
.fl { float: left; }
.fr { float: right; }

/* .row{ margin-left:-15px; margin-right:-15px; } */

/*************************************
===============position===============
***********************************/
.pos-r { position: relative; }
.pos-a { position: absolute; }
.pos-f { position: fixed; }
.t { top: 0; }
.r { right: 0; }
.b { bottom: 0; }
.l { left: 0; }
.zindex-9 { z-index: 9; }
.zindex-99 { z-index: 99; }
.zindex-999 { z-index: 999; }
.zindex-9999 { z-index: 9999; }
.zindex-99999 { z-index: 99999; }
.zindex-999999 { z-index: 999999; }

/****************************
    ========= text =========
*****************************/

/*** display ***/
.dis-b { display: block; }
.dis-ib { display: inline-block; }
.dis-n { display: none; }

/*** text-align ***/
.t-a-l { text-align: left; }
.t-a-c { text-align: center; }
.t-a-r { text-align: right; }

/*** vertical ***/
.ver-a-m { vertical-align: middle; }

/*** overflow ***/
.over-h { overflow: hidden; }

/**************************************
================ color ========================
*****************************************/
.c-000 { color: #000; }
.c-100 { color: #100; }
.c-200 { color: #200; }
.c-300 { color: #300; }
.c-400 { color: #400; }
.c-500 { color: #500; }
.c-600 { color: #600; }
.c-700 { color: #700; }
.c-800 { color: #800; }
.c-900 { color: #900; }
.c-a00 { color: #a00; }
.c-b00 { color: #b00; }
.c-c00 { color: #c00; }
.c-d00 { color: #d00; }
.c-e00 { color: #e00; }
.c-f00 { color: #f00; }

/******************/
.c-010 { color: #010; }
.c-020 { color: #020; }
.c-030 { color: #030; }
.c-040 { color: #040; }
.c-050 { color: #050; }
.c-060 { color: #060; }
.c-070 { color: #070; }
.c-080 { color: #080; }
.c-090 { color: #090; }
.c-0a0 { color: #0a0; }
.c-0b0 { color: #0b0; }
.c-0c0 { color: #0c0; }
.c-0d0 { color: #0d0; }
.c-0e0 { color: #0e0; }
.c-0f0 { color: #0f0; }

/*******************/
.c-001 { color: #001; }
.c-002 { color: #002; }
.c-003 { color: #003; }
.c-004 { color: #004; }
.c-005 { color: #005; }
.c-006 { color: #006; }
.c-007 { color: #007; }
.c-008 { color: #008; }
.c-009 { color: #009; }
.c-00a { color: #00a; }
.c-00b { color: #00b; }
.c-00c { color: #00c; }
.c-00d { color: #00d; }
.c-00e { color: #00e; }
.c-00f { color: #00f; }

/******************/
.c-111 { color: #111; }
.c-222 { color: #222; }
.c-333 { color: #333; }
.c-444 { color: #444; }
.c-555 { color: #555; }
.c-666 { color: #666; }
.c-777 { color: #777; }
.c-888 { color: #888; }
.c-999 { color: #999; }
.c-aaa { color: #aaa; }
.c-bbb { color: #bbb; }
.c-ccc { color: #ccc; }
.c-eee { color: #ddd; }
.c-fff { color: #fff; }

/*****************/
.c-fa0 { color: #fa0; }
.c-af0 { color: #af0; }
.c-f0a { color: #f0a; }
.c-a0f { color: #a0f; }
.c-0af { color: #0af; }
.c-0fa { color: #0fa; }

/*************************************
======== background-color ===========
************************************/
.bgc-000 { background-color: #000; }
.bgc-100 { background-color: #100; }
.bgc-200 { background-color: #200; }
.bgc-300 { background-color: #300; }
.bgc-400 { background-color: #400; }
.bgc-500 { background-color: #500; }
.bgc-600 { background-color: #600; }
.bgc-700 { background-color: #700; }
.bgc-800 { background-color: #800; }
.bgc-900 { background-color: #900; }
.bgc-a00 { background-color: #a00; }
.bgc-b00 { background-color: #b00; }
.bgc-c00 { background-color: #c00; }
.bgc-d00 { background-color: #d00; }
.bgc-e00 { background-color: #e00; }
.bgc-f00 { background-color: #f00; }

/******************************/
.bgc-010 { background-color: #010; }
.bgc-020 { background-color: #020; }
.bgc-030 { background-color: #030; }
.bgc-040 { background-color: #040; }
.bgc-050 { background-color: #050; }
.bgc-060 { background-color: #060; }
.bgc-070 { background-color: #070; }
.bgc-080 { background-color: #080; }
.bgc-090 { background-color: #090; }
.bgc-0a0 { background-color: #0a0; }
.bgc-0b0 { background-color: #0b0; }
.bgc-0c0 { background-color: #0c0; }
.bgc-0d0 { background-color: #0d0; }
.bgc-0e0 { background-color: #0e0; }
.bgc-0f0 { background-color: #0f0; }

/*****************************/
.bgc-001 { background-color: #001; }
.bgc-002 { background-color: #002; }
.bgc-003 { background-color: #003; }
.bgc-004 { background-color: #004; }
.bgc-005 { background-color: #005; }
.bgc-006 { background-color: #006; }
.bgc-007 { background-color: #007; }
.bgc-008 { background-color: #008; }
.bgc-009 { background-color: #009; }
.bgc-00a { background-color: #00a; }
.bgc-00b { background-color: #00b; }
.bgc-00c { background-color: #00c; }
.bgc-00d { background-color: #00d; }
.bgc-00e { background-color: #00e; }
.bgc-00f { background-color: #00f; }

/*******************************/
.bgc-111 { background-color: #111; }
.bgc-222 { background-color: #222; }
.bgc-333 { background-color: #333; }
.bgc-444 { background-color: #444; }
.bgc-555 { background-color: #555; }
.bgc-666 { background-color: #666; }
.bgc-777 { background-color: #777; }
.bgc-888 { background-color: #888; }
.bgc-999 { background-color: #999; }
.bgc-aaa { background-color: #aaa; }
.bgc-bbb { background-color: #bbb; }
.bgc-ccc { background-color: #ccc; }
.bgc-eee { background-color: #ddd; }
.bgc-fff { background-color: #fff; }

/*******************************/
.bgc-fa0 { background-color: #fa0; }
.bgc-af0 { background-color: #af0; }
.bgc-f0a { background-color: #f0a; }
.bgc-a0f { background-color: #a0f; }
.bgc-0af { background-color: #0af; }
.bgc-0fa { background-color: #0fa; }
