/*!-----------------[初始化]--------------*/
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

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

ol,
ul {
    list-style: none;
}

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

fieldset,
img {
    border: 0;
}

abbr,
acronym {
    border: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.l,
.col-l,
.col_l,
.col-c,
.col_c {
    float: left;
}

.r,
.col-r,
.col_r {
    float: right;
}

.c {
    clear: both;
}

.fix {
    zoom: 1;
}

.fix:after,
.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

em {
    font-weight: normal;
    font-style: normal;
}
[v-cloak] {
    display: none
}
body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family:  'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #fafafc;
}

img {
    max-width: 100%;
    border: none;
}

input,
textarea,
select {
    font-size: 14px;
    color: #333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-family:  'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

::-ms-input-placeholder {
    color: #999;
}

select::-ms-expand {
    display: none;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

/*!-----------------[初始化结束]--------------*/
.fancybox__container{
    z-index: 9999;
}

/*布局*/
.wp {
    padding: 0 .6rem;
}
.wp1360{
    max-width: 13.6rem;
    margin: 0 auto;
    width: 95%;
}
.wp1400{
    max-width: 14rem;
    margin: 0 auto;
    width: 95%;
}


/*!******************************
    -------[=导航]-------
********************************/
.menuBtn {
    display: none;
    position: absolute;
    top: 0.24rem;
    right: 0.24rem;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn b {
    display: block;
    height: 0.06rem;
    background-color: #181818;
    margin: .08rem 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn.open b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -.08rem;
    width: .6rem;
}

.menuBtn.open b:first-child {
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.menuBtn.open b:last-child {
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}


/*!******************************
    -------[=公用]-------
********************************/
.g-cur {
    background-color: #f5f5f5;
    overflow: hidden;
}

.cur,
.cur a {
    font-size: .16rem;
    color: #666666;
}

.cur {
    padding: .13rem 0 .13rem .28rem;
    background: url(../images/i-cur.png) no-repeat left center;
    -webkit-background-size: .19rem auto;
    -moz-background-size: .19rem auto;
    -ms-background-size: .19rem auto;
    -o-background-size: .19rem auto;
    background-size: .19rem auto;
}

.cur a:hover {
    color: #0062a9;
}

.pages {
    text-align: center;
    font-size: 0;
}

.pages ul {
    display: inline-block;
}

.pages ul li {
    float: left;
    margin: 0 .07rem;
}

.pages ul li span,
.pages ul li a {
    display: block;
    height: .44rem;
    line-height: .42rem;
    text-align: center;
    font-size: 0.16rem;
    color: #666;
    border: .01rem solid #dcdcdc;
    padding: 0 .05rem;
    min-width: .44rem;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.pages ul li.on a,
.pages ul a:hover {
    background-color: #0062a9;
    border-color: #0062a9;
    color: #fff;
}

.pages ul li.prev,
.pages ul li.next {
    min-width: 1.51rem;
}



/*兼容*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;display:none;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#004585;z-index:-1;}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px;}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px;}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px;}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px;}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px;}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto 10px;font-size:80px;line-height:80px;}
#browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat;}
#browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) 0 -100px no-repeat;}
#browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) 0 -200px no-repeat;}
#browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) 0 -300px no-repeat;}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block;}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px;}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700;}


@media screen and (max-width: 1200px) {
    .menuBtn {
        display: block;
    }

    .wp,.wp1400,.wp1360 {
        padding: 0 .3rem;
        max-width: none;
        width: auto;
    }

   

   
}

/* 字体大小 */
:root {
    --fz12: 0.12rem;
    --fz14: 0.14rem;
    --fz15: 0.15rem;
    --fz16: 0.16rem;
    --fz18: 0.18rem;
    --fz20: 0.2rem;
    --fz22: 0.22rem;
    --fz24: 0.24rem;
    --fz26: 0.26rem;
    --fz28: 0.28rem;
    --fz30: 0.3rem;
    --fz32: 0.32rem;
    --fz34: 0.34rem;
    --fz36: 0.36rem;
    --fz38: 0.38rem;
    --fz40: 0.4rem;
    --fz42: 0.42rem;
    --fz44: 0.44rem;
    --fz46: 0.46rem;
    --fz48: 0.48rem;
    --fz50: 0.5rem;

    /* 主题色 */
    --theme-color: #ff6900;
    --font-color: #000;
    --font-color1: #666;
}

.fz12 {
    font-size: var(--fz12)
}

.fz14 {
    font-size: var(--fz14)
}

.fz15 {
    font-size: var(--fz15)
}

.fz16 {
    font-size: var(--fz16)
}

.fz18 {
    font-size: var(--fz18)
}

.fz20 {
    font-size: var(--fz20)
}

.fz22 {
    font-size: var(--fz22)
}

.fz24 {
    font-size: var(--fz24)
}

.fz26 {
    font-size: var(--fz26)
}

.fz28 {
    font-size: var(--fz28)
}

.fz30 {
    font-size: var(--fz30)
}

.fz32 {
    font-size: var(--fz32)
}

.fz34 {
    font-size: var(--fz34)
}

.fz36 {
    font-size: var(--fz36)
}

.fz38 {
    font-size: var(--fz38)
}

.fz40 {
    font-size: var(--fz40)
}

.fz42 {
    font-size: var(--fz42)
}

.fz44 {
    font-size: var(--fz44)
}

.fz46 {
    font-size: var(--fz46)
}

.fz48 {
    font-size: var(--fz48)
}

.fz50 {
    font-size: var(--fz50)
}


@media screen and (max-width: 1920px) {
    :root {
        --fz12: 12px;
    }
}

@media screen and (max-width: 1525px) {
    :root {
        --fz14: 0.16rem;
        --fz15: 0.16rem;
        --fz16: 0.18rem;
        --fz18: 0.2rem;
        --fz20: 0.22rem;
        --fz22: 0.24rem;
        --fz24: 0.26rem;
        --fz26: 0.28rem;
        --fz28: 0.3rem;
        --fz30: 0.32rem;
        --fz32: 0.34rem;
        --fz34: 0.36rem;
        --fz36: 0.38rem;
        --fz38: 0.4rem;
        --fz40: 0.42rem;
        --fz42: 0.44rem;
        --fz44: 0.46rem;
        --fz46: 0.48rem;
        --fz48: 0.5rem;
        --fz50: 0.52rem;
    }
}

@media screen and (max-width: 1342px) {
    :root {
        --fz14: 0.18rem;
        --fz15: 0.18rem;
        --fz16: 0.2rem;
        --fz18: 0.22rem;
        --fz20: 0.24rem;
        --fz22: 0.26rem;
        --fz24: 0.28rem;
        --fz26: 0.3rem;
        --fz28: 0.32rem;
        --fz30: 0.34rem;
        --fz32: 0.36rem;
        --fz34: 0.38rem;
        --fz36: 0.4rem;
        --fz38: 0.42rem;
        --fz40: 0.44rem;
        --fz42: 0.46rem;
        --fz44: 0.48rem;
        --fz46: 0.5rem;
        --fz48: 0.52rem;
        --fz50: 0.54rem;
    }
}

@media screen and (max-width: 1199px) {
    :root {
        --fz12: 0.2rem;
        --fz14: 0.24rem;
        --fz15: 0.24rem;
        --fz16: 0.28rem;
        --fz18: 0.32rem;
        --fz20: 0.36rem;
        --fz22: 0.4rem;
        --fz24: 0.44rem;
        --fz26: 0.48rem;
        --fz28: 0.52rem;
        --fz30: 0.56rem;
        --fz32: 0.56rem;
        --fz34: 0.56rem;
        --fz36: 0.56rem;
        --fz38: 0.56rem;
        --fz40: 0.56rem;
        --fz42: 0.56rem;
        --fz44: 0.56rem;
        --fz46: 0.56rem;
        --fz48: 0.56rem;
        --fz50: 0.56rem;

    }
}

@media screen and (max-width: 959px) {
    :root {
        --fz12: 0.24rem;
        --fz14: 0.26rem;
        --fz15: 0.26rem;
        --fz16: 0.28rem;
        --fz18: 0.3rem;
        --fz20: 0.32rem;
        --fz22: 0.34rem;
        --fz24: 0.36rem;
        --fz26: 0.38rem;
        --fz28: 0.4rem;
        --fz30: 0.42rem;
        --fz32: 0.42rem;
        --fz34: 0.42rem;
        --fz36: 0.42rem;
        --fz38: 0.42rem;
        --fz40: 0.42rem;
        --fz42: 0.42rem;
        --fz44: 0.42rem;
        --fz46: 0.42rem;
        --fz48: 0.42rem;
        --fz50: 0.42rem;


    }
}