/* base style */
html {
    color: #000;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    color: #666;
    font: 14px/1.5 "微软雅黑", Helvetica, STHeiti, Droid Sans Fallback;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*body,html{ width:100%; height:100%; }*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input, select, textarea {
    font-size: 100%
}

article, aside, footer, header, nav, section, audio, canvas, video {
    display: block;
}

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

fieldset, img {
    border: 0
}

abbr, acronym {
    border: 0;
    font-variant: normal
}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml15{ margin-left: 15px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}

.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}


.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pr10{ padding-right: 10px;}
.pr05{ padding-right: 5px;}
.pr20{ padding-right: 20px;}
.pr30{ padding-right: 30px;}

.pb20{ padding-bottom: 20px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}

del {
    text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

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

button {
    outline: 0;
    border: none;
}

ins, a {
    text-decoration: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    color: #666;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover {
    text-decoration: none;
    color: #E61300;
}

textarea {
    resize: none;
}

iframe, img {
    border: 0;
}

img {
    display: inline-block;
    vertical-align: top;
    /*-webkit-transition: all 0.5s linear;*/
    /*-moz-transition: all 0.5s linear;*/
    /*-ms-transition: all 0.5s linear;*/
    /*-o-transition: all 0.5s linear;*/
    /*transition: all 0.5s linear;*/
}

ul, ol, li, dl, dt, dd {
    list-style: none;
}

/*input,select,textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
}
input {-webkit-appearance: none;}
::-webkit-input-placeholder {  WebKit, Blink, Edge
    color:    #ccc;
	font-size:12px;
}
:-moz-placeholder {  Mozilla Firefox 4 to 18
   color:    #ccc;
   font-size:12px;
}
::-moz-placeholder {  Mozilla Firefox 19+
   color:    #ccc;
   font-size:12px;
}
:-ms-input-placeholder {  Internet Explorer 10-11
   color:    #ccc;
   font-size:12px;
}*/
.transition {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.pr {
    position: relative;
}

.abs {
    position: absolute
}

.fixed {
    position: fixed;
}

.fl {
    float: left;
    display: inline-block;
}

.fr {
    float: right;
    display: inline-block;
}

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

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both
}

.box-sizing-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*容器的属性*/
/*flex-direction属性决定主轴的方向（即项目的排列方向）。*/
/*flex-direction: row | row-reverse | column | column-reverse;*/
/*flex-wrap属性定义，如果一条轴线排不下，如何换行。*/
/*flex-wrap: nowrap | wrap | wrap-reverse;*/
/*flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap*/
.flex-flow-wrap {
    flex-flow: row wrap;
}

/*justify-content属性定义了项目在主轴上的对齐方式。 flex-start（默认值）：左对齐*/
.just-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.just-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.just-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.just-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.just-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/*align-items属性定义项目在交叉轴上如何对齐。stretch（默认值）*/
.align-item-start {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.align-item-end {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.align-item-center {
    -webkit-align-items: center;
    align-items: center;
}

.align-item-end {
    -webkit-align-items: baseline;
    align-items: baseline;
}

/*align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用 默认值 stretch */
.align-content-start {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.align-content-end {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.align-content-center {
    -webkit-align-content: center;
    align-content: center;
}

.align-content-between {
    -webkit-align-content: space-between;
    align-content: space-between;
}

.align-content-around {
    -webkit-align-content: space-around;
    align-content: space-around;
}

/*项目的属性*/
/*order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。*/
/*flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。*/
/*flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。*/
/*flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。*/
/*flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。*/
/*align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto*/

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.text-over {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-over-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text-over-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/*
FILTER: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
*/

.song {
    font-family: "宋体", serif;
    margin-left: 5px;
}

/********************************************************************************************/

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}


/********************************************************************************************/
.container {
    padding: 0 13px;
}

.top {
    padding: 10px 0;
    position: relative;
}

.top .logo {
    width: 30%;
    text-align: left;
}

.top .logo img {
    max-width: 100%;
}

.top .search {
    border: 1px #78733b solid;
    padding: 0 10px;
    margin: 0 10px;
    height: 26px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    line-height: 24px;
    position: relative;
}

.top .search i {
    width: 16px;
    height: 16px;
    position: absolute;

    left: 10px;

    background-size: 100% 100%;
}

.top .search input {
    border: 0;
    padding-left: 20px;
    font-size: 0.75rem; background:none;
}





.top .search input {-webkit-appearance: none;}
.top .search input::-webkit-input-placeholder {
    color:    #ccc;
    font-size:12px;
}
.top .search input:-moz-placeholder {
    color:    #ccc;
    font-size:12px;
}
.top .search input::-moz-placeholder {
    color:    #ccc;
    font-size:12px;
}
.top .search input::-ms-input-placeholder {
    color:    #ccc;
    font-size:12px;
}

.top .menu {
    width: 25px;
}

.top .menu img {
    width: 100%;
}

.top .online_service {
    width: 25px;
    margin-left: 10px;
}

.top .online_service img {
    width: 100%;
}

.top_search_win {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #F6F6F6;
    z-index: 1001;
    display: none;
}

.top_search_box_1 {
    width: 100%;
    background: #ffffff;
    height: 46px;
    border-bottom: 1px #f2f2f2 solid;
}

.close_top_search {
    width: 40px;
    height: 45px;
}

.close_top_search i {
    margin: 12px 0 0 10px;

    display: block;

    background-size: 100% 100%;
}
.c223e53{ color: #223e53}
.c797434{ color: #797434}

.top_search_form {
    padding: 7px 13px 7px 35px;
    position: relative;
}

.top_search_form i {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 17px;
    background: url("../images/search.png") no-repeat;
    background-size: 100% 100%;
}

.top_search_form input[type="text"] {
    width: 0;
    font-size: 0.75rem;
    color: #232326;
    border: 0;
    outline: none;
    padding-left: 10px;
    margin-right: 10px;
}

.top_search_form input[type="submit"] {
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.875rem;
    border: 0;
    background: #e93b3d;
    color: #fff;
    outline: none;
}

.top_search_box_2 {
    width: 100%;
    background: #ffffff;
    padding: 15px 13px 20px;
}

.top_search_box_2_title {
    font-size: 0.9375rem;
    color: #232326;
    line-height: 1;
}

.top_search_box_2_list {

}

.top_search_box_2_list a {
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden;
    margin-right: 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    display: block;
    color: #686868;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f0f2f5;
    padding: 0 13px;
    font-size: 0.75rem;
}

.top_search_box_2_list a.red {
    color: #e93b3d;
}

/*current_top*/
.current_top {
    width: 100%;
    height: 45px;
    border-bottom: 1px #f2f2f2 solid;
    position: relative;
    background: #ffffff;
}

.current_top .return {
    width: 44px;
    height: 44px;
    background: url("../images/return.png") center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.current_top .return a {
    display: block;
    height: 44px;
}

.current_top .current_top_menu {
    width: 44px;
    height: 44px;
    background: url("../images/icon-4.png") center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}

.current_top .current_top_title {
    text-align: center;
    line-height: 44px;
    font-size: 1.125rem;
}

.top_sub_menu {
    background-color: rgba(0, 0, 0, .9);
    border-radius: 4px;
    width: 125px;
    position: absolute;
    right: 10px;
    top: 53px;
    z-index: 1001;
    display: none;
}

.top_sub_menu:before {
    position: absolute;
    top: -5px;
    right: 7px;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(0, 0, 0, .9);
    border-style: solid;
    border-width: 0 5px 5px;
}
.top_sub_menu_2:before {
    right: 47px;
}

.top_sub_menu_3:before {
    border-color: transparent transparent  rgba(123,117,55, .9);
    right: 23px;
}
.top_sub_menu_3{
    top: 46px;
    background-color: rgba(123,117,55, .9);
}


.top_sub_menu .item {
    display: block;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;

}

.top_sub_menu .item:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: hsla(0, 0%, 100%, .2);
    height: 1px;
    left: 40px;
    right: 0;
    top: 0;
}

.yuan50{ border-radius: 50%}


/*color - style*/
.red {
    color: #ff0000;
}

.green {
    color: green;
}

.orange {
    color: darkorange;
}


/*************************************/
.bg-f5 {
    background: #f5f5f5;
}

.bg-fff {
    background: #ffffff;
}

/*************************************/
.h-1 {
    height: 1px;
}
.h-5 {
    height: 5px;
}

.h-6 {
    height: 6px;
}

.h-7 {
    height: 7px;
}

.h-8 {
    height: 8px;
}

.h-8 {
    height: 9px;
}

.h-10 {
    height: 10px;
}

.h-11 {
    height: 11px;
}

.h-12 {
    height: 12px;
}

.h-13 {
    height: 13px;
}

.h-14 {
    height: 14px;
}

.h-15 {
    height: 15px;
}

.h-20 {
    height: 20px;
}


/*************************************/
.foot-height-53 {
    height: 50px;
}

.foot-nav {
   border-top: 1px #e5e5e5 solid;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 0px 10px 0px;
    background: #ffffff;
}

.foot-nav li {
    text-align: center;
}


.foot-nav li p {
    line-height: 1;
    font-size: 0.75rem;
    color: #78733b;
    margin-top: 2px;
}
.foot-nav li span {
    font-size: 1.2rem;
    color: #78733b;
    margin-top: 2px;
}
.foot-nav li.active p,.foot-nav li.active span {
    color: #fe551c;
}




.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.contleft {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.contright {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.contgu {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contkh {
    -webkit-justify-content: center;
    justify-content: center;
}

.contzhong {
    -webkit-align-items: center;
    align-items: center;
}

.fdc {
    flex-direction: column;
}











/* base style */
.w94{ width: 94%; margin: 0px auto}
.iconfont {
    font-family: "iconfont" !important;

    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; color: #666;
}
.w800{ width: 800px; margin: 0 auto; }
html {
    color: #000;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    color: #333;
    font: 14px/1.5 "微软雅黑", Helvetica, STHeiti, Droid Sans Fallback;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*height: 20000px;*/
    background: #ffffff;
    overflow-x:hidden;
    overflow-y:hidden
}
.relative{position: relative;}
.absolute{position: absolute;}

/*body,html{ width:100%; height:100%; }*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input, select, textarea {
    font-size: 100%
}
.ashou{
    cursor: pointer;}
article, aside, footer, header, nav, section, audio, canvas, video, img {
    display: block;
}

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

fieldset, img {
    border: 0
}


del {
    text-decoration: line-through
}


.navigation li a:hover, .navigation li a.now, .goods_category_list li a.now {

    color:#062c33;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal
}



button {
    outline: 0;
    border: none;
}

ins, a {
    text-decoration: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    color: #333;

}

a:hover {
    text-decoration: none;
    color: #062c33;
}

textarea {
    resize: none;
}

iframe, img {
    border: 0;
}

img {
    vertical-align: top;
    /*-webkit-transition: all 0.5s linear;*/
    /*-moz-transition: all 0.5s linear;*/
    /*-ms-transition: all 0.5s linear;*/
    /*-o-transition: all 0.5s linear;*/
    /*transition: all 0.5s linear;*/
}

ul, ol, li, dl, dt, dd {
    list-style: none;
}


.fl {
    float: left;
    display: inline-block;
}

.fr {
    float: right;
    display: inline-block;
}

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

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both
}

.box-sizing-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.just-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.align-center {
    -webkit-align-items: center;
    align-items: center;
}

.align-top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.align-bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}




.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.text-over {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-over-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-over-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.text-over-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}




.w100{ width: 100%;}
.flex-flow-wrap {
    flex-flow: row wrap;
}


.page {
    width: 100%; text-align: center;
    margin-top: 20px; padding: 30px 0px;
}

.page.page-right {
    text-align: right;
}

.page a, .page span {
    padding: 5px 12px;
    margin-left: 5px;
    display: inline-block;
    border: 1px #ddd solid;
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; margin-bottom: 8px;
}

.page a:hover, .page span {
    color: #EA4335;
    border: 1px #EA4335 solid;
    background: #ffffff;
}

.ddd {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-sizing-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.contleft {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.contright {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.contgu {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contkh {
    -webkit-justify-content: center;
    justify-content: center;
}

.contzhong {

    flex-wrap: wrap-reverse;

    justify-content: center;

    list-style: none;
}

.fdc {
    flex-direction: column;
}
.m0a{ margin: 0px auto}

.w40px{ width: 40px}
.h40px{ height: 40px}
.d4-666{ width: 4px; height: 4px; border-radius: 50%; background: #666}
.d4-333{ width: 4px; height: 4px; border-radius: 50%; background: #333}
.d4-000{ width: 4px; height: 4px; border-radius: 50%; background: #000}
.h40px{ height: 40px}


.heigh1{ height:1px;}
.heigh2{ height: 2px;}
.heigh3{ height: 3px;}
.heigh10{ height: 30px;}
.heigh30{ height: 30px;}
.heigh30{ height: 30px;}
.heigh40{ height: 40px;}
.heigh50{ height: 50px;}
.heigh60{ height: 60px;}
.heigh70{ height: 70px;}


.f12b{ font-size: 12px;font-weight: bold;}
.f14b{ font-size: 14px;font-weight: bold;}
.f16b{ font-size: 16px;font-weight: bold;}
.f18b{ font-size: 18px;font-weight: bold;}
.f24b{ font-size: 24px;font-weight: bold;}
.f32b{ font-size: 32px;font-weight: bold;}
.f36b{ font-size: 36px;font-weight: bold;}
.f48b{ font-size: 48px;font-weight: bold;}
.f60b{ font-size: 60px;font-weight: bold;}
.f72b{ font-size: 72px;font-weight: bold;}

.f10{ font-size: 10px;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f32{ font-size: 32px;}
.f36{ font-size: 36px;}
.f42{ font-size: 42px;}
.f48{ font-size:48px;}
.f60{ font-size:60px;}
.f72{ font-size:72px;}



.w10{ width: 10%}
.w20{ width: 20%}
.w23{ width: 23%}
.w24{ width: 24%}
.w25{ width: 25%}
.w30{ width: 30%}
.w33{ width: 33.33%}
.w35{ width: 35%}
.w36{ width: 36%}
.w26{ width: 26%}
.w32{ width: 31.6%}
.w50{ width: 50%}
.w40{ width: 40%}

.w48{ width: 48%}
.w58{ width: 58%}
.w60{ width: 60%}
.w62{ width: 62%}
.w70{ width: 70%}
.w80{ width: 80%}


.lih20{ line-height: 20px;}
.lih24{ line-height: 24px;}
.lih20{ line-height: 20px;}
.lih32{ line-height: 32px;}
.lih30{ line-height: 30px;}
.lih36{ line-height: 36px;}
.lih40{ line-height: 40px;}
.lih48{ line-height: 48px;}
.lih50{ line-height: 50px;}
.lih56{ line-height: 56px;}
.lih60{ line-height: 60px;}
.lih18{ line-height: 18px;}
.lih64{ line-height: 64px;}

.c000{ color: #000}
.cfff{ color: #fff}
.cf1f1f1{ color: #f1f1f1}
.cf00{ color: #f00}
.clan{ color: #1b6d85}
.clv{ color: #1e7e34}
.cf00{ color: #f00}
.c666{ color: #666}
.c333{ color: #333}
.c999{ color: #999}

.b000{ background: #000}
.b131313{ background: #131313}
.b666{ background: #666}
.b333{ background: #333}
.b1b1b1b{ background: #1b1b1b;  }
.bf1f1f1{ background: #f1f1f1}
.bfff{ background: #fff}
.be5e5e5{ background: #e5e5e5}
.bccc{ background: #ccc}
.b999{ background: #999}

.bof1f1f1{ border-bottom: #f1f1f1 solid 1px;}
.bof9f9f9{ border-bottom: #f9f9f9 solid 1px;}
.boe5e5e5{ border-bottom: #e5e5e5 solid 1px;}
.bo333{ border-bottom: #333 solid 1px;}
.bo999{ border-bottom: #999 solid 1px;}

.bte5e5e5{ border-top: #e5e5e5 solid 1px;}
.btf1f1f1{ border-top: #f1f1f1 solid 1px;}
.btf9f9f9{ border-top: #f9f9f9 solid 1px;}
.bt999{ border-top: #999 solid 1px;}
.bt666{ border-top: #666 solid 1px;}
.bt444{ border-top: #444 solid 1px;}

.btfff01{
border-top-color: rgba(255, 255, 255, .1);
border-top-style: solid;
border-top-width: 1px;
}

.bo01fff02{ border: solid 1px rgba(255, 255, 255,0.2);}
.bo0100002{ border: solid 1px rgba(0, 0, 0,0.2);}

.bo01e5e5e5{ border: solid 1px #e5e5e5;}
.bo01f1f1f1{ border: solid 1px #f1f1f1;}
.yuan4{ border-radius: 4px;}
.yuan6{ border-radius: 6px;}

.top0{ top: 0}
.left0{left:0}
.top-100{top:-100%}
.left-100{left:-100%}
.right0{right: 0px}
.bottom0{bottom: 0px}

.p4{ padding: 4px;}
.p6{ padding: 6px;}
.p8{ padding: 8px;}
.p60{ padding:60px;}
.p10{ padding: 10px;}
.p20{ padding: 20px;}
.p30{ padding: 30px;}
.p40{ padding: 40px;}
.p50{ padding: 50px;}
.p60{ padding: 60px;}
.p70{ padding: 70px;}


.top10{ margin-top: 10px;}
.top20{ margin-top: 20px;}
.top30{ margin-top: 30px;}
.top40{ margin-top: 40px;}
.top50{ margin-top: 50px;}

.yc{overflow: hidden;}
.fd01 { overflow: hidden;}
.fd01 img{transition: all 0.6s; }
.fd01 img:hover{transform: scale(1.04);}
.ptm5{padding: 5px 0px;}
.ptm10{padding: 10px 0px;}
.ptm15{padding: 15px 0px;}
.ptm20{padding: 20px 0px;}
.ptm30{padding: 30px 0px;}
.ptm40{padding: 40px 0px;}
.ptm50{padding: 50px 0px;}
.ptm60{padding: 60px 0px;}
.ptm70{padding: 70px 0px;}
.ptm80{padding: 80px 0px;}
.ptm90{padding: 90px 0px;}

.bor50{ border-radius: 50%;}


.prl10{ padding-left: 10px; padding-right: 10px;}
.prl20{ padding-left: 20px; padding-right: 20px;}
.prl30{padding-left: 30px; padding-right: 30px;}
.prl40{padding-left: 40px; padding-right: 40px;}
.prl50{padding-left: 50px; padding-right: 50px;}
.prl60{padding-left: 60px; padding-right: 60px;}
.prl70{padding-left: 70px; padding-right: 70px;}
.prl80{padding-left: 80px; padding-right: 80px;}
.prl90{padding-left: 90px; padding-right: 90px;}

.ptm100{padding: 100px 0px;}
.ptm110{padding: 110px 0px;}
.rgba0006{ background: rgba(0,0,0,0.6)}
.rgba0005{ background: rgba(0,0,0,0.5)}
.rgba0004{ background: rgba(0,0,0,0.4)}
.rgba0007{ background: rgba(0,0,0,0.7)}
.rgba0008{ background: rgba(0,0,0,0.8)}
.rgba0009{ background: rgba(0,0,0,0.9)}
.h50l30{height: 30px; line-height: 30px;}
.h40l40{height:40px; line-height: 40px;}
.h50l50{height: 50px; line-height: 50px;}
.h50l60{height: 60px; line-height: 60px;}
.h50l70{height: 70px; line-height: 70px;}
.h50l80{height: 80px; line-height: 80px;}


.nw01 li.pb15{padding-bottom: 15px;}
.mb30{ margin-bottom: 30px;}

.yb_conct{position:fixed;z-index:9999999;top:260px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#f16021 url(/Public/Home/images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#f16021 url(/Public/Home/images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#f16021 url(/Public/Home/images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#f16021 url(/Public/Home/images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{ width:130px; margin-left:10px; border:5px #fff solid;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}




@media (max-width: 479px) {
    .off-canvas-wrapper .off-canvas-inner-content {
        width: 280px
    }
}

.off-canvas-menu-wrapper.open .off-canvas-inner-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.off-canvas-menu-wrapper .off-canvas-inner-content {
    background-color: #FFF;
    width: 400px;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(calc(100% - 50px));
    -ms-transform: translateX(calc(100% - 50px));
    transform: translateX(calc(100% - 50px));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-left: auto;
    position: relative
}

.off-canvas-search-wrapper .off-canvas-inner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}


.off-canvas-wrapper .btn-close-off-canvas {
    left: 100%
}

.btn-close-off-canvas {
    width: 50px;
    height: 56px;
    color: #212121;
    line-height: 56px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    top: 0;
    right: 100%;
    background: #F8F9FA;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-close-off-canvas i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 24px;
    line-height: 24px
}

.btn-close-off-canvas:hover {
    color: #122179;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.btn-close-off-canvas:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 479px) {
    .btn-close-off-canvas {
        width: 35px
    }

    .btn-close-off-canvas i {
        font-size: 18px
    }
}
.off-canvas-wrapper .off-canvas-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    height: 100%;
    overflow: auto
}


.off-canvas-search-wrapper.open .off-canvas-inner {
    opacity: 1;
    visibility: visible;
    -webkit-animation: slideInUp 1s forwards;
    animation: slideInUp 1s forwards
}

.off-canvas-search-wrapper .off-canvas-inner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.off-canvas-search-wrapper .off-canvas-inner {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden
}

.off-canvas-search-wrapper .off-canvas-inner form {
    position: relative;
    width: 90%;
    margin: auto
}

.off-canvas-search-wrapper .off-canvas-inner form input {
    background-color: #E9ECEF;
    border: none;
    outline: none;
    padding: 15px 80px 15px 15px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-search-wrapper .off-canvas-inner form .search-btn {
    background-color: #122179;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 100%;
    width: 60px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-search-wrapper .off-canvas-inner form .search-btn:hover {
    background-color: #212121;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-wrapper .offcanvas-widget-area {
    padding-top: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.off-canvas-wrapper .offcanvas-widget-area .widget-social {
    margin-top: auto;
    padding-bottom: 20px
}
.off-canvas-wrapper .offcanvas-widget-area .widget-social span{ color: #333; font-size: 16px; background: #f1f1f1; padding: 8px; border-radius: 50%;}

.off-canvas-menu-wrapper .offcanvas-widget-area {
    padding-top: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.dh{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.off-canvas-menu-wrapper .offcanvas-widget-area .desc-content {
    padding-bottom: 30px
}

.off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li {
    list-style: none;
    margin-bottom: 20px;
    white-space: nowrap
}

.off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li > span {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 23px;
    color: #212121
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link {
    margin: 20px 0;
    padding-bottom: 30px
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 600;
    color: #212121
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a:hover {
    color: #122179
}

.off-canvas-menu-wrapper .offcanvas-widget-area .widget-social {
    margin-top: auto;
    padding-bottom: 20px
}

.offcanvas-widget-area {
    padding: 0px 40px 20px
}

@media (max-width: 479px) {
    .offcanvas-widget-area {
        padding: 0 30px 20px
    }
}

.offcanvas-widget-area .search-box-wrap {
    background-color: #F8F9FA;
    margin: -40px -40px 60px -40px;
    padding: 14px 40px
}

@media (max-width: 479px) {
    .offcanvas-widget-area .search-box-wrap {
        margin: -40px -30px 60px -30px
    }
}

.offcanvas-widget-area .search-box-wrap form {
    position: relative
}

.offcanvas-widget-area .search-box-wrap form input {
    background-color: transparent;
    border: none;
    display: block;
    padding-right: 30px;
    outline: none;
    width: 100%
}

.offcanvas-widget-area .search-box-wrap form .btn-search {
    border: none;
    background-color: transparent;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.offcanvas-widget-area .search-box-wrap form .btn-search:hover {
    color: #122179
}
a.chover333:hover{color: #333333}
a.choverfff:hover{color: #fff}
a.chover000:hover{color: #000}
a.chover999:hover{color: #999}
a.chover666:hover{color: #666}
a.choverf00:hover{color: #f00}
.text0{ width: 0px; height: 0px;}
.w120{ width: 120px;}
.w1200{ width: 1200px; margin: 0 auto}


.off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    cursor: url(../images/icon/cancel.png), auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}
.contsx{flex-direction:column}
.h100{min-height: 100vh;}
.h1px{ height: 1px;}
.h2px{ height: 2px;}
.h3px{ height: 3px;}
.h4px{ height: 4px;}
.mt-2px{ margin-top: -2px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt35{ margin-top: 35px;}
.mt40{ margin-top: 40px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt55{ margin-top: 55px;}
.mt60{ margin-top: 60px;}
.mt65{ margin-top: 65px;}
.mt70{ margin-top: 70px;}
.mt75{ margin-top: 75px;}
.mt80{ margin-top: 80px;}
.mt85{ margin-top: 85px;}
.mt90{ margin-top: 90px;}
.mt95{ margin-top: 95px;}
.mt100{ margin-top: 100px;}
.mt110{ margin-top: 110px;}

.pcw1200{ width: 1200px; margin: 0px auto}

.w88{ width: 88%; margin: 0px auto}
@media (max-width: 900px) {
    .sj96 {
        width: 96%;
    }
}
.mobile-menu {
    height: 100%;
    padding-right: 30px;
    margin-right: -30px;
    margin-bottom: 40px
}

.mobile-menu li > a {
    font-size: 15px;
    color: #252525;
    text-transform: capitalize;
    line-height: 18px;
    position: relative;
    display: block;
    padding: 15px 0;
    font-weight: 600
}

.mobile-menu li > a:hover {
    color: #000
}

.mobile-menu li ul li {
    border: none
}

.mobile-menu li ul li a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 15px 8px;
    font-weight: 400
}

.mobile-menu .has-children, .mobile-menu .menu-item-has-children {
    position: relative
}

.mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {
    line-height: 50;
    top: 0;
    left: 100%;
    width: 30px;
    position: absolute;
    height: 50px;
    text-align: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {
        left: 90%
    }
}

.mobile-menu .has-children .menu-expand i, .mobile-menu .menu-item-has-children .menu-expand i {
    display: block;
    position: relative;
    width: 10px;
    margin-top: 23px;
    border-bottom: 1px solid #252525;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out
}

.mobile-menu .has-children .menu-expand i:before, .mobile-menu .menu-item-has-children .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid #252525;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.mobile-menu .has-children.active > .menu-expand i:before, .mobile-menu .menu-item-has-children.active > .menu-expand i:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}
/*移动导航结束*/

@media (max-width: 900px){
    .fsj12b{ font-size: 12px;font-weight: bold;}
    .fsj14b{ font-size: 14px;font-weight: bold;}
    .fsj16b{ font-size: 16px;font-weight: bold;}
    .fsj18b{ font-size: 18px;font-weight: bold;}
    .fsj24b{ font-size: 24px;font-weight: bold;}
    .fsj36b{ font-size: 36px;font-weight: bold;}
    .fsj48b{ font-size: 48px;font-weight: bold;}
    .mlsj0{ margin-left: 0px;!important}
    .msj5{ margin:1px;}
    .text-left-sj{ text-align: left;}
    .text-right-sj{ text-align: right}
    .text-center-sj{ text-align:center}
    .fleftsj{ float: left}
    .frightsj{ float: right}

    .ptmsj20{padding: 20px 0px;}
    .ptmsj30{padding: 30px 0px;}
    .ptmsj40{padding: 40px 0px;}
    .ptmsj50{padding: 50px 0px;}
    .ptmsj60{padding: 60px 0px;}
    .ptmsj70{padding: 70px 0px;}
    .ptmsj80{padding: 80px 0px;}

    .mtsj20{ margin-top: 20px;}
    .mtsj25{ margin-top: 25px;}
    .mtsj30{ margin-top: 30px;}
    .mtsj35{ margin-top: 35px;}
    .mtsj40{ margin-top: 40px;}
    .mtsj45{ margin-top: 45px;}
    .mtsj50{ margin-top: 50px;}
    .mtsj55{ margin-top: 55px;}
    .mtsj60{ margin-top: 60px;}
    .mtsj65{ margin-top: 65px;}
    .mtsj70{ margin-top: 70px;}
    .mtsj75{ margin-top: 75px;}

    .prlsj02{padding: 0px 2px;}
    .prlsj05{padding: 0px 5px;}
    .prlsj10{padding: 0px 10px;}
    .prlsj30{padding: 0px 30px;}
    .prlsj40{padding: 0px 40px;}
    .prlsj50{padding: 0px 50px;}
    .prlsj60{padding: 0px 60px;}
    .prlsj70{padding: 0px 70px;}
    .prlsj80{padding: 0px 80px;}
    .prsj0{padding-right: 0px}
    .plsj0{padding-left: 0px}
    .dsjno{ display: none}


    .csj333{ color: #333}
    .csj666{ color: #666}
    .csj999{ color: #999}
    .csj000{ color: #000}
    .csjf1f1f1{ color: #f1f1f1}

    .fsj08{ font-size: 8px;}
    .fsj10{ font-size: 10px;}
    .fsj12{ font-size: 12px;}
    .fsj14{ font-size: 14px;}
    .fsj16{ font-size: 16px;}
    .fsj18{ font-size: 18px;}
    .fsj24{ font-size: 24px;}
    .fsj36{ font-size: 36px;}
    .fsj48{ font-size:48px;}
    .wsj47{ width: 47%}
    .wsj20{ width: 20%}
    .wsj25{ width: 25%}
    .wsj48{ width: 48%}
    .wsj485{ width: 48.5%}
    .wsj49{ width: 49%}
    .wsj100{ width: 100%}
}
/*幻灯片03开始**/

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-button-prev,.swiper-button-next{ color: #fff;opacity:0.6;}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff;opacity:0.6;}
.swiper-pagination-bullet-active{ height: 12px; width: 24px; border-radius: 6px;opacity:1;}
@media (max-width: 900px){
    .swiper-button-prev,.swiper-button-next{ display: none}

    .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff;opacity:0.6;}
    .swiper-pagination-bullet-active{ height: 8px; width: 16px; border-radius: 4px;opacity:1;}
}

.nowf00 a,a.nowf00{ color: #900}
.nowlan a,a.nowlan{ color: #007aff}
/*幻灯片03结束/ */


.swiper-containergg1,.swiper-containergg2,.swiper-containergg3,.swiper-containergg4{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-containergg1 > .swiper-pagination{ text-align:right; padding-right: 10px; bottom: 10px; position: absolute; z-index: 20}
.swiper-containergg2 > .swiper-pagination{ text-align:right; padding-right: 10px; bottom: 10px; position: absolute; z-index: 20}
.swiper-containergg3 > .swiper-pagination{ text-align:right; padding-right: 10px; bottom: 10px; position: absolute; z-index: 20}
.swiper-containergg4 > .swiper-pagination{ text-align:right; padding-right: 10px; bottom: 10px; position: absolute; z-index: 20}


.abctop18{ font-size: 16px; color: #fff; bottom: 0px; padding: 10px; width:100%;background: rgba(0,0,0,0.7);text-align: left; left: 0px;}

.swiper-containergg1 .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 4px;}
.swiper-containergg2 .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 4px;}
.swiper-containergg3 .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 4px;}
.swiper-containergg4 .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 4px;}

.swiper-containergg1 .swiper-pagination-bullet-active,.swiper-containergg2 .swiper-pagination-bullet-active,.swiper-containergg3 .swiper-pagination-bullet-active,.swiper-containergg4 .swiper-pagination-bullet-active{ background: #f00}




/*滑动门*/


.overflow-hide{overflow:hidden}
.pavilion-container .tab-content-wrap{position:relative;}
.pavilion-container .pavilion-inner .tabs li{cursor:pointer}

.pavilion-container .tab-content{ display: none}
.pavilion-container .tab-content.show{display:block}


.pavilion-container .pavilion-inner .tabs001 li{cursor:pointer}

.pavilion-container .tab-content001{ display: none}
.pavilion-container .tab-content001.show{display:block}

.pavilion-container .pavilion-inner .tabs002 li{cursor:pointer}

.pavilion-container .tab-content002{ display: none}
.pavilion-container .tab-content002.show{display:block}

.pavilion-container .pavilion-inner .tabs003 li{cursor:pointer}

.pavilion-container .tab-content003{ display: none}
.pavilion-container .tab-content003.show{display:block}
.ddd333333{ background: url("../images/d333333.png") left center no-repeat;}
.ddd000000{ background: url("../images/dhei.png") left center no-repeat;}
.ddddf00{ background: url("../images/dhong.png") left center no-repeat;}
.ddd666666{ background: url("../images/d333.png") left center no-repeat;}