body
{
    line-height: 1.5;
}
.fz12
{
    font-size: 12px;
}
.fz13
{
    font-size: 13px;
}
.fz14
{
    font-size: 14px;
}
.fz15
{
    font-size: 15px;
}
.fz16
{
    font-size: 16px;
}
.fz17
{
    font-size: 17px;
}
.fz18
{
    font-size: 18px;
}
.fz19
{
    font-size: 19px;
}
.fz20
{
    font-size: 20px;
}
.fz21
{
    font-size: 21px;
}
.fz22
{
    font-size: 22px;
}
.fz23
{
    font-size: 23px;
}
.fz24
{
    font-size: 24px;
}
.fz25
{
    font-size: 25px;
}
.fz26
{
    font-size: 26px;
}
.fz27
{
    font-size: 27px;
}
.fz28
{
    font-size: 28px;
}
.fz29
{
    font-size: 29px;
}
.fz30
{
    font-size: 30px;
}
.fz31
{
    font-size: 31px;
}
.fz32
{
    font-size: 32px;
}
.fz33
{
    font-size: 33px;
}
.fz34
{
    font-size: 34px;
}
.fz35
{
    font-size: 35px;
}
.fz36
{
    font-size: 36px;
}
.fz37
{
    font-size: 37px;
}
.fz38
{
    font-size: 38px;
}
.fz39
{
    font-size: 39px;
}
.fz40
{
    font-size: 40px;
}
.index_pd
{
    padding: 80px 0;
}
.index_pd40
{
    padding: 40px 0;
}
.pb40
{
    padding-bottom: 40px;
}
.pb20
{
    padding-bottom: 20px;
}
.index_title
{
    font-size: 40px;
    font-weight: normal;
}
.index_sub_title
{
    font-size: 20px;
    font-weight: normal;
}
.index_text
{
    font-size: 16px;
    font-weight: normal;
}
.index_btn
{
    padding: 15px 50px;
}
@media(max-width: 1440px) and (min-width: 1366px)
{
    .index_title
    {
        font-size: 40px;
        font-weight: normal;
    }
    .index_sub_title
    {
        font-size: 20px;
        font-weight: normal;
    }
    .index_text
    {
        font-size: 16px;
        font-weight: normal;
    }
}
@media(max-width: 1365px) and (min-width: 768px)
{
    .index_title
    {
        font-size: 30px;
        font-weight: normal;
    }
    .index_sub_title
    {
        font-size: 20px;
        font-weight: normal;
    }
    .index_text
    {
        font-size: 16px;
        font-weight: normal;
    }
    .fz36
    {
        font-size: 26px;
    }
}
@media(max-width: 767px)
{
    .index_title
    {
        font-size: 24px;
        font-weight: normal;
    }
    .index_sub_title
    {
        font-size: 18px;
        font-weight: normal;
    }
    .index_text
    {
        font-size: 14px;
        font-weight: normal;
    }
    .index_pd
    {
        padding: 40px 0;
    }
    .index_pd40
    {
        padding: 20px 0;
    }
    .index_btn
    {
        padding: 8px 20px;
    }
    .pb40
    {
        padding-bottom: 24px;
    }
    .fz36
    {
        font-size: 20px;
    }
}
@media(max-width: 767px)
{
    html
    {
        font-size: 204.5333px;
    }
}
@media(max-width: 725px)
{
    html
    {
        font-size: 193.3333px;
    }
}
@media(max-width: 675px)
{
    html
    {
        font-size: 180px;
    }
}
@media(max-width: 625px)
{
    html
    {
        font-size: 166.6667px;
    }
}
@media(max-width: 575px)
{
    html
    {
        font-size: 153.3333px;
    }
}
@media(max-width: 525px)
{
    html
    {
        font-size: 140px;
    }
}
@media(max-width: 475px)
{
    html
    {
        font-size: 126.6667px;
    }
}
@media(max-width: 425px)
{
    html
    {
        font-size: 113.3333px;
    }
}
@media(max-width: 375px)
{
    html
    {
        font-size: 100px;
    }
}
@media(max-width: 300px)
{
    html
    {
        font-size: 80px;
    }
}
@media(min-width: 768px)
{
    html
    {
        font-size: 40px;
    }
}
@media(min-width: 820px)
{
    html
    {
        font-size: 42.7083px;
    }
}
@media(min-width: 870px)
{
    html
    {
        font-size: 45.3125px;
    }
}
@media(min-width: 920px)
{
    html
    {
        font-size: 47.9167px;
    }
}
@media(min-width: 970px)
{
    html
    {
        font-size: 50.5208px;
    }
}
@media(min-width: 1020px)
{
    html
    {
        font-size: 53.125px;
    }
}
@media(min-width: 1070px)
{
    html
    {
        font-size: 55.7292px;
    }
}
@media(min-width: 1120px)
{
    html
    {
        font-size: 58.3333px;
    }
}
@media(min-width: 1170px)
{
    html
    {
        font-size: 60.9375px;
    }
}
@media(min-width: 1220px)
{
    html
    {
        font-size: 63.5417px;
    }
}
@media(min-width: 1270px)
{
    html
    {
        font-size: 66.1458px;
    }
}
@media(min-width: 1320px)
{
    html
    {
        font-size: 68.75px;
    }
}
@media(min-width: 1370px)
{
    html
    {
        font-size: 71.3541px;
    }
}
@media(min-width: 1420px)
{
    html
    {
        font-size: 73.9583px;
    }
}
@media(min-width: 1470px)
{
    html
    {
        font-size: 76.5625px;
    }
}
@media(min-width: 1520px)
{
    html
    {
        font-size: 79.1667px;
    }
}
@media(min-width: 1570px)
{
    html
    {
        font-size: 81.7708px;
    }
}
@media(min-width: 1620px)
{
    html
    {
        font-size: 84.375px;
    }
}
@media(min-width: 1620px)
{
    html
    {
        font-size: 84.375px;
    }
}
@media(min-width: 1670px)
{
    html
    {
        font-size: 86.97917px;
    }
}
@media(min-width: 1720px)
{
    html
    {
        font-size: 89.5833px;
    }
}
@media(min-width: 1770px)
{
    html
    {
        font-size: 92.1875px;
    }
}
@media(min-width: 1820px)
{
    html
    {
        font-size: 94.7917px;
    }
}
@media(min-width: 1870px)
{
    html
    {
        font-size: 97.3958px;
    }
}
@media(min-width: 1920px)
{
    html
    {
        font-size: 100px;
    }
}
li
{
    list-style: none;
}
div, button, input, span, video, button:focus, input:focus, a, a:focus, span:focus
{
    outline: none!important;
}
td
{
    padding-left: 5px;
}/*wq start*/
.vertical_center, .ab-center
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.flex-center, .fx-center
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;/*水平居中*/
    align-items: center;/*垂直居中*/
}
.fl
{
    float: left!important;
}
.fr
{
    float: right!important;
}
.por
{
    position: relative;
}
.poa
{
    position: absolute;
}
.w-10
{
    width: 10%!important;
}
.w-20
{
    width: 20%!important;
}
.w-25
{
    width: 25%!important;
}
.w-30
{
    width: 30%!important;
}
.w-40
{
    width: 40%!important;
}
.w-50
{
    width: 50%!important;
}
.w-100, .img-full, .w-full
{
    width: 100%!important;
    display: block;
}
.img-fluid
{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.m-auto
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.row-little
{
    margin-left: -15px;
    margin-right: -15px;
}
.transition-linear
{
    transition: all .5s linear;
}
.transition-ease
{
    transition: all .5s ease;
}
.transition-ease-in
{
    transition: all .5s ease-in;
}
.transition-ease-in-out
{
    transition: all .5s ease-in-out;
}
.transition-ease-out
{
    transition: all .5s ease-out;
}
.transform-scale
{
    overflow: hidden;
}
.transform-scale img
{
    transition: all .5s ease;
}
.transform-scale:hover img
{
    transform: scale(1.05);
}
@media(max-width: 768px)
{
    .transform-scale:hover img
    {
        transform: scale(1.05);
    }
}
[class*='my-mask']
{
    position: relative;
    z-index: 9;
    transition: all .5s ease;
}
[class*='my-mask']:before
{
    position: absolute;
    display: block;
    content: '';
    z-index: -1;
    transition: all .5s ease;
}
.my-mask:before
{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    display: block;
    content: '';
    z-index: -1;
    transition: all .5s ease;
}
.my-mask:hover:before
{
    opacity: 1;
}
.my-mask-l:before
{
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
}
.my-mask-l:hover:before
{
    width: 100%;
}
.my-mask-t:before
{
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
}
.my-mask-t:hover:before
{
    height: 100%;
    background-color: rgba(0,0,0,.8);
}
.my-mask-r:before
{
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
}
.my-mask-r:hover:before
{
    width: 100%;
    background-color: rgba(0,0,0,.8);
}
.my-mask-b:before
{
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
}
.my-mask-b:hover:before
{
    height: 100%;
    background-color: rgba(0,0,0,.8);
}
@media(max-width: 1200px)
{
    .transform-img:hover img
    {
        transform: scale(1);
    }
    [class^='transform-scale-']:hover img
    {
        transform: scale(1)!important;
    }
    [class^='my-mask']:before
    {
        display: none!important;
    }
}/*手机站断点*/
@media(max-width: 1200px)
{
    .nav-hidden-mobile
    {
        display: none!important;
    }
}
@media(min-width: 1201px)
{
    .nav-hidden-pc
    {
        display: none!important;
    }
}
@media(min-width: 768px)
{
    .banner-hidden-pc
    {
        display: none;
    }
}
@media(max-width: 767px)
{
    .banner-hidden-mobile
    {
        display: none;
    }
}
@media(max-width: 768px)
{
    .hidden-mobile
    {
        display: none!important;
    }
    .layui-layer-setwin .layui-layer-close2
    {
        right: 0!important;
        top: 0!important;
    }
    .layui-layer-setwin
    {
        width: 30px;
        height: 30px;
    }
}
@media(min-width: 768px)
{
    .hidden-pc
    {
        display: none!important;
    }
}/*wq end*//*flex*/
.d-flex
{
    display: flex;
    flex-wrap: wrap;
}
.d-flex:after, .d-flex:before
{
    display: none!important;
}
.flex-nowrap
{
    flex-wrap: nowrap;
}
.justify-content-center, .justify-center
{
    justify-content: center;
}
.justify-content-between, .justify-between
{
    justify-content: space-between;
}
.jsutify-content-around, .justify-around
{
    justify-content: space-around;
}
.align-items-center, .align-center
{
    align-items: center;
}
.align-items-start, .align-start
{
    align-items: flex-start;
}
.align-items-end, .align-end
{
    align-items: flex-end;
}
.flex-column
{
    flex-direction: column;
}
.flex-center
{
    justify-content: center;
    align-items: center;
}
.flex-auto
{
    flex: auto;
}
.align-content-center, .align-center
{
    align-content: center;
}
.p-0
{
    padding: 0!important;
}
.pr-0
{
    padding-right: 0!important;
}
.pl-0
{
    padding-left: 0!important;
}
.h-100
{
    height: 100%!important;
}
.f-b
{
    font-weight: bold;
}/* margin */
.mt40, .mt-40
{
    margin-top: 40px;
}
.mb40, .mb-40
{
    margin-bottom: 40px;
}
.mt-30, .my-30
{
    margin-top: 30px;
}
.mb-30, .my-30
{
    margin-bottom: 30px;
}
.mt-20, .my-20
{
    margin-top: 20px;
}
.mb-20, .my-20
{
    margin-bottom: 20px;
}
.mb-10
{
    margin-bottom: 10px;
}
.mr-10
{
    margin-right: 5px;
}
.ml-10
{
    margin-left: 10px;
}
.mr-5
{
    margin-right: 5px;
}
.ml-5
{
    margin-left: 5px;
}
.py-10
{
    padding-top: 10px;
    padding-bottom: 10px;
}/* text */
.tac
{
    text-align: center!important;
}
.tal
{
    text-align: left!important;
}
.tar
{
    text-align: right!important;
}
.font-i, .font-italic
{
    font-style: italic;
}
.font-bold, .font-b
{
    font-weight: bold;
}/* 有高亮图片 */
.d-block
{
    display: block;
}
.img-par
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.normal
{
    transition: all .5s;
}
.hover
{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%,-50%);
    transition: all .5s;
    z-index: 9;
    opacity: 0;
}
.img-par:hover .normal
{
    opacity: 0;
}
.img-par:hover .hover
{
    opacity: 1;
}
@media(min-width: 992px)
{
    .col-xs-ban-right
    {
        width: 468px;
        float: right;
    }
    .col-xs-ban-left
    {
        width: 468px;
        float: left;
    }
}
@media(min-width: 1260px)
{
    .col-xs-ban-right
    {
        width: 600px;
        float: right;
    }
    .col-xs-ban-left
    {
        width: 600px;
        float: left;
    }
}
@media(min-width: 1680px)
{
    .col-xs-ban-right
    {
        width: 720px;
        float: right;
        position: relative;
    }
    .col-xs-ban-left
    {
        width: 720px;
        float: left;
        position: relative;
    }
}
@media(max-width: 991px)
{
    .col-xs-ban-right
    {
        padding-left: 30px;
    }
    .col-xs-ban-left
    {
        padding-right: 30px;
    }
}