.flex
{
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-inline
{
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
.flex-wrap
{
    -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
}
.flex-nowrap
{
    -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important;
}

.space-between,
.c-b,.c-bb
{
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.justify-start,
.c-l
{
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.justify-end,
.c-r
{
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.flex-center,
.justify-center,
.c-c
{
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.space-around,
.c-a
{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}





.stretch,.h-bb
{
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}
.align-start,.h-t
{
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.align-end,.h-b
{
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.flex-middle,
.align-middle,.h-c
{
    -ms-flex-align: center!important;
    align-items: center!important;
}
.content-start,.f-t
{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}
.content-end,.f-b
{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}
.content-center,.f-c
{
    -ms-flex-line-pack: center!important;
    align-content: center!important;
}
.content-space-between,.f-bb
{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}
.content-space-around,.f-a
{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}
.content-stretch,.f-p
{
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important;
}
.wh,
.center-content
{
    display: -ms-flexbox!important;
    display: flex!important;

    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.kswh
{
    display: -ms-flexbox!important;
    display: flex!important;


    -ms-flex-align: center!important;
    align-items: center!important;
}

.flex-first
{
    -ms-flex-order: -1;
    order: -1;
}
.flex-last
{
    -ms-flex-order: 1;
    order: 1;
}
.flex-auto
{
    -ms-flex: auto !important;
        flex: auto !important;
}
.flex-none
{
    -ms-flex: none !important;
        flex: none !important;
}
.flex-1
{
    -ms-flex: 1 !important;
        flex: 1 !important;
}
.selft-stretch
{
    -ms-flex-item-align: stretch!important;
    -ms-grid-row-align: stretch!important;
    align-self: stretch!important;
}
.align-self-start
{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.align-self-end
{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.align-self-middle
{
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
}
.justified
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}



.rowss,
.column
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex: auto;
        flex: auto;
}
.rows.single,
.column.single
{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}



.rows,
.f-lr,
.flex-row
{
        flex-direction: row;

    -ms-flex-direction: row;
}
.rows-reverse,
.f-rl,
{
        flex-direction: row-reverse;

    -ms-flex-direction: row-reverse;
}
.f-tb,
.flex-column
{
        flex-direction: column;

    -ms-flex-direction: column;
}
.column-reverse,
.f-bt,
{
        flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;
}
.rows,
.column
{
    margin: -0.25rem -0.25rem 0;
}

.rows .rows,
.column .rows,
.rows .column,
.column .column
{
    margin: -.25rem;
}








.outline
{
    border: .05rem solid rgba(0, 0, 0, .1);
}

.borderless
{
    border: none !important;
}
.divider,.x-b
{
    border-bottom: .05rem solid rgba(0, 0, 0, .1);
}
.divider-top,.x-t
{
    border-top: .05rem solid rgba(0, 0, 0, .1);
}
.divider-left,.x-l
{
    border-left: .05rem solid rgba(0, 0, 0, .1);
}
.divider-right,.x-r
{
    border-right: .05rem solid rgba(0, 0, 0, .1);
}
.divider-all,.x
{
    border: .05rem solid rgba(0, 0, 0, .1);
}
.space
{
    margin-bottom: 1rem !important;
}
.space-sm
{
    margin-bottom: .5rem !important;
}
.space-xs
{
    margin-bottom: .25rem !important;
}
.space-xl
{
    margin-bottom: 2rem !important;
}
.space-lg
{
    margin-bottom: 1.5rem !important;
}
.center-block
{
    margin-right: auto;
    margin-left: auto;
}
.no-padding
{
    padding: 0!important;
}
.no-margin
{
    margin: 0!important;
}
.has-margin
{
    margin: 1rem !important;
}
.has-margin-sm
{
    margin: .5rem !important;
}
.has-padding
{
    padding: .5rem .5rem !important;
}
.has-padding-xs
{
    padding: .25rem !important;
}
.has-padding-sm
{
    padding: .25rem .25rem !important;
}
.has-padding-lg
{
    padding: 1rem 1rem !important;
}
.has-padding-xl
{
    padding: 1.25rem 1.25rem !important;
}
.has-padding-v
{
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.has-padding-h
{
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}


.scroll-x
{
    overflow-x: auto;
}
.scroll-y
{
    overflow-y: auto;

}
.scroll-none
{
    overflow: hidden;
}
.fade
{
    transition: .2s cubic-bezier(.175, .885, .32, 1);

    opacity: 0;
}

.scale
{
    transition: .2s cubic-bezier(.175, .885, .32, 1);
    transform: scale(.8);
}

.collapse
{
    display: none;
}

.collapsing
{
    position: relative;

    overflow: hidden;

    transition: ease height .2s;
}


.shadow-divider
{
    box-shadow: inset 0 -.05rem 0 rgba(0, 0, 0, .1);
}
.shadow-divider-outside
{
    box-shadow: 0 .05rem 0 rgba(0, 0, 0, .1);
}
.shadow-none
{
    box-shadow: none !important;
}

.text-shadow-white
{
    text-shadow: 0 .05rem .1rem rgba(255, 255, 255, .5);
}
.text-shadow-black
{
    text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}
.outline
{
    border: .05rem solid rgba(0, 0, 0, .1);
    background-color: transparent!important;
}
.primary
{
    color: #fff!important;
    border-color: #3280fc !important;
    background-color: #3280fc !important;
}



.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto{position:relative;width:100%;min-height:1px;display:flex}
.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{width:8.333333%}
.col-2{width:16.666667%}
.col-3{width:25%}
.col-4{width:33.333333%}
.col-5{width:41.666667%}
.col-6{width:50%}
.col-7{width:58.333333%}
.col-8{width:66.666667%}
.col-9{width:75%}
.col-10{width:83.333333%}
.col-11{width:91.666667%}
.col-12{width:100%}

.col-1{max-width:8.333333%}
.col-2{max-width:16.666667%}
.col-3{max-width:25%}
.col-4{max-width:33.333333%}
.col-5{max-width:41.666667%}
.col-6{max-width:50%}
.col-7{max-width:58.333333%}
.col-8{max-width:66.666667%}
.col-9{max-width:75%}
.col-10{max-width:83.333333%}
.col-11{max-width:91.666667%}
.col-12{max-width:100%}




.hol,.hol-12{height:100%}
.hol-1{height:8.333333%}
.hol-2{height:16.666667%}
.hol-3{height:25%}
.hol-4{height:33.333333%}
.hol-5{height:41.666667%}
.hol-6{height:50%}
.hol-7{height:58.333333%}
.hol-8{height:66.666667%}
.hol-9{height:75%}
.hol-10{height:83.333333%}
.hol-11{height:91.666667%}

.hol,.hol-12{max-height:100%}
.hol-1{max-height:8.333333%}
.hol-2{max-height:16.666667%}
.hol-3{max-height:25%}
.hol-4{max-height:33.333333%}
.hol-5{max-height:41.666667%}
.hol-6{max-height:50%}
.hol-7{max-height:58.333333%}
.hol-8{max-height:66.666667%}
.hol-9{max-height:75%}
.hol-10{max-height:83.333333%}
.hol-11{max-height:91.666667%}


.btn-1{border: 1px solid transparent;}
.btn-2{border: 2px solid transparent;}


.bd{font-size:.875rem;line-height: .875rem;}/*14*/
.bd-1{font-size:1rem;line-height:1rem;}/*16*/
.bd-2{font-size:1.125rem;line-height:1.125rem;}/*18*/

.bx{font-size:0.75rem;line-height: 0.75rem;}/*12*/
.bx-1{font-size:0.625rem;line-height: 0.625rem;} /*10*/
.bx-2{font-size:0.5rem;line-height: 0.5rem;}/*8*/





h1,.h1
{
    font-size: 30px;
}
h2,.h2
{
    font-size: 24px;
}
h3,.h3
{
    font-size: 20px;
}
h4,.h4
{
    font-size: 18px;
}
h5,.h5
{
    font-size: 16px;
}
h6,.h6
{
    font-size: 14px;
}
h7,.h7
{
    font-size: 10px;
}

h8,.h8
{
    font-size: 8px;
}


.font{font-size:.875rem} /*14*/
.font-1{font-size:1rem;}/*16*/
.font-2{font-size:1.125rem;} /*18*/
.font-3{font-size:1.25rem;} /*20*/
.font-4{font-size:1.5rem}/*24*/
.font-5{font-size:1.875rem}/*30*/
.font-6{font-size:2.25rem}/*36*/
.font-7{font-size:2.65rem}/*42*/
.font-8{font-size:3rem}/*42*/
.font-x1{font-size:0.75rem}/*12*/
.font-x2{font-size:0.625rem} /*10*/
.font-x3{font-size:0.5rem}/*8*/
.font-x4{font-size:0.375rem}/*6*/
.font-x5{font-size:0.25rem}/*4*/
.font-x6{font-size:0.125rem}/*2*/













.b{font-weight: bold;}


/*澶у皬*/

.wap-1{width:1.5rem;height:1.5rem;}
.wap-2{width:2rem;height:2rem;}
.wap-3{width:2.5rem;height:2.5rem;}
.wap-4{width:3rem;height:3rem;}
.wap-5{width:4rem;height:4rem;}

/*璺濈杈规*/
.m-0{margin:0}
.m-1{margin:.25rem}
.m-2{margin:.5rem}
.m-3{margin:1rem}
.m-4{margin:1.5rem}
.m-5{margin:3rem}
/*涓�*/
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.mt-6{margin-top:4rem}
.mt-7{margin-top:5rem}
/*涓�*/
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}

/*宸�*/
.ml-1{margin-left:.25rem}
.ml-2{margin-left:.5rem}
.ml-3{margin-left:1rem}
.ml-4{margin-left:1.5rem}
.ml-5{margin-left:3rem}

/*鍙�*/
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.mr-3{margin-right:1rem}
.mr-4{margin-right:1.5rem}
.mr-5{margin-right:3rem}

/*璺濈杈规*/
.p-0{padding:0}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:1rem}
.p-4{padding:1.5rem}
.p-5{padding:3rem}
/*涓�*/
.pt-1{padding-top:.25rem}
.pt-2{padding-top:.5rem}
.pt-3{padding-top:1rem}
.pt-4{padding-top:1.5rem}
.pt-5{padding-top:3rem}
.pt-6{padding-top:5rem}
/*涓�*/
.pb-1{padding-bottom:.25rem}
.pb-2{padding-bottom:.5rem}
.pb-3{padding-bottom:1rem}
.pb-4{padding-bottom:1.5rem}
.pb-5{padding-bottom:3rem}
.pb-6{padding-bottom:5rem}

/*宸�*/

.pl-1{padding-left:.25rem}
.pl-2{padding-left:.5rem}
.pl-3{padding-left:1rem}
.pl-4{padding-left:1.5rem}
.pl-5{padding-left:3rem}

/*鍙�*/
.pr-1{padding-right:.25rem}
.pr-2{padding-right:.5rem}
.pr-3{padding-right:1rem}
.pr-4{padding-right:1.5rem}
.pr-5{padding-right:3rem}
/*鎸夐挳*/
button{color:#fff}
.btn::after,.btn-1::after,.btn-2::after {
 		 border: 0;
} 




/*鍦嗚*/
.j,
.circle
{
    border-radius: 50%;
}

.j-2,
.rounded
{
    border-radius: .15rem;
}
.j-1,
.rounded-sm
{
    border-radius: .1rem;
}
.j-3,
.rounded-lg
{
    border-radius: .3rem;
}
.j-4,
.rounded-lg
{
    border-radius: 1rem;
}
.j-5,
.rounded-lg
{
    border-radius:5rem;
}

.bk{
	border: 2px dotted #605F5F;
}
.bk-1{
	border-style:solid;
	border-width:1px;
	border-color:#F0F0F0;
}
/*闃村奖棰滆壊*/

.yy-1{ box-shadow:0.1rem 0.1rem 0.3rem #7a86ff}
.yy-2{ box-shadow:0.1rem 0.1rem 0.3rem #328dff}
.yy-3{ box-shadow:0.1rem 0.1rem 0.3rem #3BBA00}
.yy-4{ box-shadow:0.1rem 0.1rem 0.3rem #fab63f}
.yy-5{ box-shadow:0.1rem 0.1rem 0.3rem #fe413b}
.yy-6{ box-shadow:0.1rem 0.1rem 0.3rem #31c3b2}
.yy-7{ box-shadow:0.1rem 0.1rem 0.3rem #ec0080}
.yy-8{ box-shadow:0.1rem 0.1rem 0.3rem #e5e8eb}



.bottom,.top,.bom{z-index:1;position:fixed}
.bottom,.bom{bottom:0;}
.top{top:0;}

/*宸�*/
.l-1{left:.25rem}
.l-2{left:.5rem}
.l-3{left:1rem}
.l-4{left:1.5rem}
.l-5{left:3rem}
/*鍙�*/
.r-1{right:.25rem}
.r-2{right:.5rem}
.r-3{right:1rem}
.r-4{right:1.5rem}
.r-5{right:3rem}
/*涓�*/
.t-1{top:.25rem}
.t-2{top:.5rem}
.t-3{top:1rem}
.t-4{top:1.5rem}
.t-5{top:3rem}
.t-6{top:4rem}
.t-7{top:5rem}
.t-8{top:6rem}
.t-9{top:8rem}
.t-9{top:10rem}
/*涓�*/
.b-1{bottom:.25rem}
.b-2{bottom:.5rem}
.b-3{bottom:1rem}
.b-4{bottom:1.5rem}
.b-5{bottom:3rem}
.b-6{bottom:4rem}
.b-7{bottom:6rem}
.b-8{bottom:8rem}
.b-9{bottom:10rem}

/*
 鍔ㄧ敾鏁堟灉
 * */
.dh-left{animation:dh-left .8s ease both}
.dh-right{animation:dh-right .8s ease both}
.dh-top{animation:dh-top .8s ease both}
.dh-bom{animation:dh-bom .8s ease both}
.dh-left-xs{animation:dh-left-xs .8s ease both}
.dh-right-xs{animation:dh-right-xs .8s ease both}
.dh-top-xs{animation:dh-top-xs .8s ease both}
.dh-bom-xs{animation:dh-bom-xs .8s ease both}
.xz{animation:xz .8s ease both}
.dh-w{animation:w-xz .8s ease both}


.z {
    z-index: 0;
}
.z-1 {

    z-index: 10;
}
.z-2 {

    z-index: 20;
}
.z-3 {

    z-index: 30;
}
.z-4 {

    z-index: 50;
}
.z-5 {

    z-index: 999999;
}

.modal {
	height: 0%;
	width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #3a4358;
}
.modal-xs{	
	height: 100%;
	
}

/*闃村奖*/
.yy-1,
.shadow,
.shadow-1
{
    box-shadow: rgba(0, 0, 0, .05) 0 .05rem .2rem, rgba(0, 0, 0, .12) 0 .05rem .1rem;
}
.yy-2,
.shadow-2
{
    box-shadow: rgba(0, 0, 0, .12) 0 .05rem .3rem, rgba(0, 0, 0, .15) 0 .05rem .2rem;
}
.yy-3,
.shadow-3
{
    box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem;
}
/*閫忔槑搴�*/
.tm,.tm-1{opacity:0.1;}
.tm-2{opacity:0.2;}
.tm-3{opacity:0.3;}
.tm-4{opacity:0.4;}
.tm-5{opacity:0.5;}
.tm-6{opacity:0.6;}
.tm-7{opacity:0.7;}
.tm-8{opacity:0.8;}
.tm-9{opacity:0.9;}


/*楂樻樉绀�*/
@keyframes h-xz {
  0%   { height: 0%; opacity:0;}
  100% { height: 100%;opacity:1;}
}

/*楂樻樉绀�*/
@keyframes w-xz {
  0%   { width: 0%; opacity:0;}
  100% { width: auto;opacity:1;}
}


@keyframes xz {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}


@keyframes dh-left
{
  0%   { transform:translate3d(-100%,0,0); }
  100% { transform:translate3d(0,0,0);opacity:1; }
}
@keyframes dh-right
{
  0%   { transform:translate3d(100%,0,0); }
  100% { transform:translate3d(0,0,0);opacity:1; }
}
@keyframes dh-top
{
  0%   { transform:translate3d(0,-100%,0); }
  100% { transform:translate3d(0,0,0);opacity:1; }
}
@keyframes dh-bom
{
  0%   { transform:translate3d(0,100%,0); }
  100% { transform:translate3d(0,0,0);opacity:1; }
}
/*闅愯棌*/
@keyframes dh-left-xs
{
  0%   { transform:translate3d(0,0,0); }
  100% { transform:translate3d(-100%,0,0);opacity:0; }
}
@keyframes dh-right-xs
{
  0%   { transform:translate3d(0,0,0); }
  100% { transform:translate3d(100%,0,0);opacity:0; }
}
@keyframes dh-top-xs
{
  0%   { transform:translate3d(0,0,0);  }
  100% { transform:translate3d(0,-100%,0);opacity:0; }
}
@keyframes dh-bom-xs
{
  0%   { transform:translate3d(0,0,0); }
  100% { transform:translate3d(0,100%,0);opacity:0; }
}

.fluid
{
    width: 100%!important;
}


.cell{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: stretch;
    align-items: stretch;
}
.tile,
.cell
{
    max-width: 100%;

    -ms-flex: auto;
        flex: auto;
}



.bar-1{border-color:#7a86ff}
.bar-2{border-color:#328dff}
.bar-3{border-color:#3BBA00}
.bar-4{border-color:#fab63f}
.bar-5{border-color:#fe413b}
.bar-6{border-color:#31c3b2}
.bar-7{border-color:#ec0080}
.bar-8{border-color:#dde2ec}
.bar-f{border-color:#fff}
.bar-h{border-color:#000}




.hg{line-height:.875rem} /*14*/
.hg-1{line-height:1rem;}/*16*/
.hg-2{line-height:1.125rem;} /*18*/
.hg-3{line-height:1.25rem;} /*20*/
.hg-4{line-height:1.5rem}/*24*/
.hg-5{line-height:1.875rem}/*30*/
.hg-6{line-height:2.25rem}/*36*/
.hg-7{line-height:2.65rem}/*42*/
.hg-8{line-height:3rem}/*42*/

.hg-x1{line-height:0.75rem}/*12*/
.hg-x2{line-height:0.625rem} /*10*/
.hg-x3{line-height:0.5rem}/*8*/
.hg-x4{line-height:0.375rem}/*6*/
.hg-x5{line-height:0.25rem}/*4*/
.hg-x6{line-height:0.125rem}/*2*/


/*鑳屾櫙棰滆壊*/
.bg-1{background-color:#7a86ff}
.bg-2{background-color:#328dff}
.bg-3{background-color:#3BBA00}
.bg-4{background-color:#fab63f}
.bg-5{background-color:#DB4440}
.bg-6{background-color:#31c3b2}
.bg-7{background-color:#ec0080}
.bg-8{background-color:#F0F0F0}
.bg-9{background-color:#F2F4F8}
.bg-f{background-color:#fff}
.bg-h{background-color:#000}

/*瀛椾綋棰滆壊*/
.cor{color: #6c757d;}
.cor-1{color:#7a86ff}
.cor-2{color:#328dff}
.cor-3{color:#3BBA00}
.cor-4{color:#fab63f}
.cor-5{color:#fe413b}
.cor-6{color:#31c3b2}
.cor-7{color:#ec0080}
.cor-8{color:#3a4358}
.cor-9{color:#868686}
.cor-f{color:#fff}
.cor-h{color:#000}

.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.t-c {
  text-align: center;
}

.bg-img {
    background: url(/images/banner.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-size: 100% auto;
}
h2.m_1 {
    text-align: center;
    margin: 0;
    color: #555;
    font-weight: 300;
    font-size: 2.4em;
}
.text-center,.t-c {
    text-align: center;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.r{
float:right;
}
.l{
float:left;
}

.kbtn_list .btn{
	font-size: 0.6rem;
	padding: .175rem .375rem;
}

 	

.bg_color{

            background-repeat: no-repeat;
            /*background-position: top;*/
            background-size: 100% 100%;
            -webkit-filter: blur(0.9rem);
            -moz-filter: blur(0.9rem);
            -o-filter: blur(0.9rem);
            -ms-filter: blur(0.9rem);
            filter: blur(0.9rem);
 
           text-align: center;
           line-height: 9rem;
          float: left;
	          top:-8%;
	          left:-10%;
          	position: absolute;
          	width: 120%;
            height: 120%;
            overflow:hidden;

}

.bg_color img{

            width: 100%;

            
overflow:hidden;
}
 .yuan {
          position: absolute;
          left: 0;
          top: 10%;
          border-radius: 50%;
          
        }
        
.w-c
{

    align-items: center!important;
}

.w-h
{

    justify-content: center!important;
  
}
@font-face {
    font-family: 'fontNameRegular';
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAAPAIAAAwBwRkZUTVqolicAABP4AAAAHEdERUYAKQAeAAAT2AAAAB5PUy8yYN4c0wAAAXgAAABgY21hcA4jHTwAAAIoAAABSmN2dCACoQJqAAAELAAAABpmcGdt8zcBSgAAA3QAAAAuZ2x5ZjbWqGkAAAR8AAAMsGhlYWTqWbjaAAAA/AAAADZoaGVhDdQGdwAAATQAAAAkaG10eEdMEg0AAAHYAAAATmxvY2EhVB5sAAAESAAAADJtYXhwAiMAiQAAAVgAAAAgbmFtZTRHJAEAABEsAAACB3Bvc3RAWQ9HAAATNAAAAKJwcmVwybP5SQAAA6QAAACIAAEAAAABAACuIiNiXw889QAfCAAAAAAArGdZagAAAADYnRW0AE/+jAXTBjMAAAAIAAIAAAAAAAAAAQAABmb+ZwGZCAAAAAAABdMAAQAAAAAAAAAAAAAAAAAAAA8AAQAAABgAUgADAAAAAAACAAQAAAADAAACAAA1AAAAAAADBfsBkAAFAAAEAAQAAAAAAAQABAAAAAQAAGYCAAAFAgEGCQABAQEBAaEAeu/533z7AAAAHgAAAABIVUxVAEAAL/8ZBmb+ZwGZBmYBmSAEAAAAAAAA/////wAAACAAAQQAAAAAAAAAAqoAAAWfAE8EAACsA/wBGgP8ALYEAQDHA/8AkwQBALID/wC3A/wAvAQDAKsEAgCtCAACLQKAAiACEQHQAh4CHgInAjACNAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACADn/Gf//AAAAL/8Q////1AD+AAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAMEBQYHCAkKCwwNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwACxFaUQtsAEsRbCAYmggsABUWCGwQFlELbACLEW4AQBiaCCwAFRYIbBAWUQtAACxgAAVS1JYuAH/G7gAAFmFugCIAAEAIBqNHUuwlFJYuAJIHVlAGgwMCwsKCgkJCAgHBwYGBQUEBAMDAgIBAQwAKrEaDEtSWCFAGgwMCwsKCgkJCAgHBwYGBQUEBAMDAgIBAQwCKhtLUlhAGgwMCwsKCgkJCAgHBwYGBQUEBAMDAgIBAQwBKllZACkANwBHAFcAYwB1AH8AhQBaAGUAcAB9AIUAAAAAAAAAAAAAABAAXgB+AMgBKAFiAbACEgI+ArIDFgNuA5ID6gRWBI4E4AVIBXoF8gZYAAAAAQBP/owFYQYzAAMAAjEwEwEzAU8EZqz7jv6MB6f4WQACAKwAKANOBVEAHgA0AAIxMAEeBwcOBAcGLgU9ATQ+BBM+BDUnLgMHDgICFx4DAgY4ZEkvGA8KAwECDiNEbkw4blNFIBACCh81VGs5LTodCAEEAhdCZCceHQQCAQIQG0AFTQUoQ1dTZrW9V1txe1k0BAQQK1Ndo1+80EBOdFFAHfuKAjBddJlLxlpnRwUiGlhh/oMbTYI4KQAAAAABARoAKwKTBUoACwAOAUAFBwgMCgkvPP08MTABNT4CPwIDJxEnARohRkIOH6MBwbEEOJICCigYMwH64QEEAwEAAQC2ACoDVQVUACsAGABAChUWDBgXFRQHFhcvPP08AS88/TwxMBM0PgQXHgMHDgUPASEVITU+CCcuAiMOAh0BtgUkPVyCQDNiTTIFBCc2dFRaFjAB1f1pHzQyU0lqKRcIAwUcNTo2SwwDaU2DbVk7GgkIMV2HTDhdTYtvhzNour09Y1yBZH4+ODMiKDgzAUFePGEAAAEAxwAgA18FUgBBAAIxMAEeBAcOBCcuAz0BFxQGFx4CNz4DJy4CByM1Mj4DLgEOARcVIyY+Azc2HgMHDgEPAQKsKzsxEgoFBRo4U39LPHhRGasDAwUqTCwwPRgDAwtHUR1ELTpUPAJIWk4zAqsBAyRGbE1Xe1AwDwQGNSFCAvIZK0lfZT4vXlU/IggFMGNvR40BNmsULDcZCQk6RFcaUUIeAb0JJVONTgkhUjtsPmiMUjgGBjBJYn8vQmAQJQAAAAIAkwArA1sFTQAKAA0ANQBAGQMEBwgMDQwKCQMCBwYHCgAFBAwLBwYHCgAvPDw8/Tw8PC88PDz9PAEvPDw8/Tw8PDEwEycBMwMzFwcDIxEnFwOUAQGcqwGAAoABuuLiAQFK2AMr/K+yAf7iAR+zAQGhAAAAAQCyACgDTgVNAC4ADgBABSwrBy0uLzz9PDEwAT4CFx4EBw4DJyIuAy8BMx4ENz4CJy4DIwYPASMTJRUlAYAUHVI8Q2I7Ig0GByREgFg4bFQtFwUOsgQIF0JvJRkdCgECFSsvJFQbIbciAkD+bgOdFhQdBAVBcZieU0uSXT4BHklZaihdK0lUNQEjGFyGMDJwRCUBQ0ICoAGnAQAAAgC3ACMDWwVXAC4ARAACMTABPgIXHgMHDgQnLgQ0Nz4FFx4DHwEjLgMOAw8BFwYeAzMxFxY+AjUuAyciDgEBZUVZjUcdNSERAgQgIVSERmF2Ph0NAwMMFytQg19PVDgmBA6yAwUXQ2o3GBUBCAYDBA0dOhQtJUMkDwESHjYjJVsyAwIuJgQ3GE1nhD9Ob0BOJgUGT2aot7dPR3VlZ1UyCgk4UWAogipCSDUHM0OXHGjyDl1iQi0EAigwYSgxW0QlAS9LAAEAvAAmA08FSwAUAA4AQAUBAAcTFC88/TwxMBMhBw4FFwcjJj4EPwEFvAKTAj04MDUWFgECugIKFBQaRhg3/lEFS51dZ3zCi9o46bSinn1y2jeCAQAAAAADAKsAKANIBVMALgA+AE0AAjEwAS4DNz4EFx4EBw4BDwEeBQcOBCMGLgQ3PgI/ARMyPgEnLgIHDgIXHgITPgEnLgIHDgIXHgIBPxkkIioGAzFAWWs3OFdKHRMIBysVOSUwIhgKAwYJJjdPWSwwQjxJTBoDAhNBFiXDNEIaCQtBUS4jKwMBARhJKC1UBgVNYB8YFwUDAyE6AuMRIT1iWT2CSC0SBwgwU1OTOTFSDioYKj5HMHUwQFREOBIBDBs8bYZUMFZkDhn9+z+DPEBSFxgTSWASJ149AmkDPnZeQwUaFEU/Gy5FIQAAAgCtAA8DPwVWACsAPQAOAUAFFBUMACsvPP08MTABDgEHBi4DNz4EFx4DFREUDgMHBi4CLwEzHgM3PgI1AzQuAicmDgIXHgI3Nj8BApslSDJOd1InEQcEIEpeXkY3UlBCEB08WTRcnEk8BguyBQkiPyZBOx0LAhc/NSpcIgEGCjRLLEwRHgJpGCcIDjFUWqd+SWNOMhIHByBJgU39yjp8ZlY5DBUyPX9NaDdbNx0DBEOEQQGOOVxYOAUDKFqkIDw2GA4XNEoAAAACAi0AJgXTBVEAJAA/AAIxMAE0PgY3Nh4HEgcOBiMGLgY3HgU3PgUnLgQnJg4EAi0FGzlIUFBQKitoXjg9NjMSAwcCAgkNMVh6bzxuil4uNRMLB8QBChs3RlUnMFhDIBADBAURIkpKLTBgUyYTBQMIL5FwbEwxHg8CAQ4gITA/ZmZQ/tU2J1lEcF9EGAE2UT1mQmiQN0KwXkctEQEBHEFbdZ5yZFtUORkCARZAVIFvAAECgAAmBGQFTQALABgAQAoJCgwACwMCBwABLzz9PAEvPP08MTABITUzMj4BPwEzEyMDiP74YCdDMRAitgHcBCezFCIUKfrZAAECIAAoBacFWAAxABgAQAoxAAwCATEwBwABLzz9PAEvPP08MTAlITU+AT8BNj8BPgMnLgIHDgIPASc+BxceBQcOAg8BBg8BIQWn/HkjJkRkPEaHJUYiCA0OPlQ5PFFEAwnFAQUSLENUV2pGOmpnOCkOAgMfUULXbCZOApIozy8sQ2Q6OW0gST9eJiRBJgIDK0NCYgEuRFteRDkjEwYGJ1BKYV8vLmZkNaNVLFgAAAAAAQIRACQFmgVTAEsAAjEwAT4HFx4EBw4BDwEeBAcOBAcGLgcvARcUHgI3Mj4BJy4DIyc1Fj4EJy4BJyIOAhcHAiMDCBk0RkxUaDElX3VZJwMERx5YNzJLLQocEDBXWWEpLlVUQ0Q0IR8YAgfGDB92citOawICPVlOEGAqQlE9LgEUGmg1OF80HQEBA58jVVxWQCUaCwECEDtnbkRWbw4wERtAYpdTLEtPLxUBAgoVHTA0ND9bI1QCRzdGXgIaZFc6STETAbUCBB4wRlchJykBIjdQD0EAAAAAAgHQACcFrAVPAAoADQAxAEAXCAkMCw0CAQYHCgAMCw0CAQgHDQwHAgMvPP08PDwBLzw8PP08PDwvPDw8/TwxMCUjNSEnATMRFxUHAwEhBQ7I/YsBAoG9np7J/noBhyf0zwNl/IoBuwIC1P3qAAAAAAECHgAeBacFTgAwAA4AQAUuLQcvMC88/TwxMAE+ARceBgcOAycuBC8BMx4CFxY+AycuAycmBg8BJxMlFQUDFT1mVDlWTVIvNAoQEVN9q1sxV11DTgYWzAgeaFQ4Z0EaEAQGKTlGMDNyHjTFNQL5/ckDhSUoAwMcKEZFerpGRohkMwcDGjQ9dzBzMmFVBQQlS1VjNT1HMR0DAiEpQAECxgHKAgAAAgIeAB4FrQVWADEARQACMTABLgMnIg4BDwE+AhceBAcOBAcGLgU3PgY3Nh4DHwEBHgMXFj4DJy4CJyYGDwEE7gQJJl1OR4FKBg9fW208WXlXKwsHCTJLanAzMXB4Y1EYDgEBEiNRbmJcN0hsVT1HBRL9NwEGJF5FNFRWSgITETxIFkOrFjYDshYqXUYBRYdAfUQiEgcMU25udTlFeFRCHQMECzBGg2ylfG2UfotgKBICAR02QIYiaf6GLmhjTwwKESVgpTAnPBoECUUaOAAAAAECJwAlBa4FTwAVABgAQAoBAgwAFQEABxQVLzz9PAEvPP08MTABBQcOBQIPASc+BT8BIQInA4cBKDdWOUIdMwEL6wkNKzFHSw1C/Z4FTwG9HS94ftB5/uIfpAFKVcbK0L0YhAADAjAAIAW5BVgALQBAAFEAAjEwAR4EBw4DIwYuBDc+AT8BLgQ3PgQXHgUHDgEPAiYOAxceAjc+AzUuAgEeAzc+AycuAQcOAgTePUY+FgQEClGbljUvWIOILAYODDgwRB0vPikCGg86WV59Q0ZvcDodAQcMOhtS5BxZUTkBGRZTVSouQlEsAUV5/ugBJkZBMDFtNgEdJHM4O20hAvUiNltlXyNHf1sZAQskdm6aPDFaJjgNHD5beT0kT0AqEQQFJFFUYzwhNFoPNGMCFkFnayknLwwCAREsUTJCaEABdSBDKBgCAS9SSiYtIgMEMkcAAAACAjQAJwWzBVMAMgBFAAIxMAEOAicuBTc+BDc2HgYHDgYnLgMvATMeAz4CPwIuBCcmDgIXHgEXFjY/AQTpMlp5MT9oRkkvGgcEI0Jfe0VOin1JNBQJAQMEDB44U218TCJqkFIIEbkGHWWdXz4qAwYCBgsVI0tCRnZIHhQTb1JHfxM3AnYpOBQEBCkwS1qTRC1qX0gqBwYaRVZxXHl3UkVvdnZhRCMEARRdh0BoLGRPBTNZfTFU9DA9PEEwBwYjTHJGRmoBAlUZRQAAAAAAABEA0gABAAAAAAABAAgAEgABAAAAAAACAAcAKwABAAAAAAADAAoASQABAAAAAAAEABAAdgABAAAAAAAFAAwAoQABAAAAAAAGAAgAwAADAAEECQABABAAAAADAAEECQACAA4AGwADAAEECQADABQAMwADAAEECQAEACAAVAADAAEECQAFABgAhwADAAEECQAGABAArgADAAEIBAABAAoAyQADAAEIBAACAA4A1QADAAEIBAADAAoA5QADAAEIBAAEAAoA8QADAAEIBAAIADYA/QBVAG4AdABpAHQAbABlAGQAAFVudGl0bGVkAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABIAFUATABVADoAIAAxADkAOQA1AABIVUxVOiAxOTk1AABVAG4AdABpAHQAbABlAGQAIABSAGUAZwB1AGwAYQByAABVbnRpdGxlZCBSZWd1bGFyAABWAGUAcgBzAGkAbwBuACAAMQAuADAAIAAAVmVyc2lvbiAxLjAgAABVAG4AdABpAHQAbABlAGQAAFVudGl0bGVkAH7PUXh8l57RfkEAAAByAGUAZwB1AGwAYQByAAB+z1F4fJee0X5BAAB+z1F4fJee0X5BAABUcnVldHlwZSBGb250IENvbnZlcnRlZCBieSBGb2N1cyAgU3lzdGVtJ3MgVHJ1ZVR5cGUgMy4AAAAAAgAAAAAAAP5nAGYAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAAQACABIAEwAUABUAFgAXABgAGQAaABsAHAECAQMBBAEFAQYBBwEIAQkBCgELB3VuaUZGMTAHdW5pRkYxMQd1bmlGRjEyB3VuaUZGMTMHdW5pRkYxNAd1bmlGRjE1B3VuaUZGMTYHdW5pRkYxNwd1bmlGRjE4B3VuaUZGMTkAAAABAAAADAAAABYAAAACAAEAAwAXAAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAAKxnWWoAAAAA2J0VtA==) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.z-ff span{font-family: fontNameRegular,apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 48px;line-height: 0.7;}

.z-ff .num_1{
	font-size: 80px;line-height: 1;letter-spacing:-8px;
}
.z-ff .num_2{
	width: 60px;line-height: 1;font-size:2.2rem;
}
.row .wk5{
		padding:1.5rem;
	}
.bg-33{
	background-color: #373B58;
}
.bg-44{
	background-color: #A19074;
} 
.pp .font-4{
  	font-size:2.2rem;
  }
.pp .font-3{
  	font-size:1.8rem;
  }
  
.whf{
 		width: 20%;margin-right: 40%;margin-left: 40%; 
  
 }  
  
.al a{

	overflow:hidden;

}

.al a .bg-f{
	height: 100%;
}

.al a .bg  button,.al a .bg{
	opacity: 0;
}

.al a.col-xs-12:hover .bg-f{
		
	animation:anlis .3s ease both;
}

.al a.col-xs-12:hover .bg button,.al a.col-xs-6:hover .bg {
	
		
	animation:anlisan .2s ease both;
}	



 @keyframes anlisan {
            0%{
                transform: scale(1);
                opacity: 0;  
            }

            100%{
                transform: scale(1); 
                opacity: 1;
            }
}

 @keyframes anlis {
            0%{
                transform: scale(1);
                opacity: 1;  
            }

            100%{
                transform: scale(1); 
                opacity: 0.5;
            }
}


.kabout{
	display: -ms-flexbox!important;
    display: flex!important;
}

#owl-demo img{
	
	height: auto;
}

@media screen and (max-width: 768px)  {

#intro {
  width: 100%;
  height: auto;
  position: relative;
  background-size: cover;
  
}

.kabout{
 		display: block!important;
}

.kabout .x-r{
 		 border-bottom: .05rem solid rgba(0, 0, 0, .1);
 		 border-right: 0;
 		 border-color:#F2F4F8
}

.kabout .pl-0{padding-left:0rem}
	  .back-to-top {
	    bottom: 15px;
	  }
	#logo{
		padding-top: 8px;
	}
  .hs-3{
  	padding-top: 30px;
  }
  
  .hs-x{
  	border-right: 0rem solid rgba(0, 0, 0, .1);
  }
  .pp .font-4{
  	font-size: 12px;
  }
  .pp .font-3{
  	font-size: 10px;
  }
  
 	.z-ff .num_1{
	font-size: 50px;line-height: 1.2;letter-spacing:-3px;
	}
	.z-ff .num_2{
		width: 40px;font-size:0.9rem;
	}
	.z22{
		font-size: 10px;
	}
	.row .wk5{
		padding:1rem;
	}
	 

}

.bg-s,.jd{
	position: relative;
}
.bg-s .bg{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}







.live{

  			animation:living .8s ease both;
            z-index: 80;
       }



        @keyframes living {
            0%{
                transform: scale(1);
                opacity: 0.5;  
            }

            100%{
                transform: scale(1.5); 
                opacity: 0.5;
            }
        }


.yc{
	  overflow:hidden
}
#fuwu .bg{
	background-repeat: no-repeat;
	background-position: right bottom;
}

#owl-demopc a.bg-s.block-link-hover1:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  opacity: 1;
   transform: scale(1.08); 
   z-index: 20;

   box-shadow:0.1rem 0.1rem 0.3rem #F1F1F1;
   overflow:hidden
}

#owl-demo .bg-s{
	box-shadow:0.1rem 0.1rem 0.3rem #e5e8eb
}

#owl-demo a.bg-s:hover .bg{
	
			animation:anlis .4s ease both;
	
}
#footer{
	background-color: #2B2B2B;
}