@font-face
{
    font-family: "BEBASNEUE REGULAR";
    src: url("../font/bebasneue regular.woff2") format("woff2"),url("../font/bebasneue regular.woff") format("woff"),url("../font/bebasneue regular.ttf") format("truetype"),url("../font/bebasneue regular.eot?") format("embedded-opentype"),url("../font/bebasneue regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: "PINGFANG BOLD_1";
    src: url("../font/glyphicons-halflings-regular.woff2") format("woff2"),url("../font/glyphicons-halflings-regular.woff") format("woff"),url("../font/glyphicons-halflings-regular.ttf") format("truetype"),url("../font/glyphicons-halflings-regular.eot?") format("embedded-opentype"),url("../font/glyphicons-halflings-regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
header
{
    position: fixed;
    height: 2.2rem;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 300;
    background-color: #fff;
    transition: all .3s;
}
header.on-header
{
    height: 2.25rem;
    border-bottom: 1px solid #e5e5e5;
}
.w1680
{
    position: relative;;
    width: 87.5%;
    margin: 0 auto;
}
header .header
{
    position: relative;
}
header .header .logo
{
    position: absolute;
    top: 0;
    left: 0;
    width: 4.3rem;
    display: block;
    z-index: 10;
}
header .header .logo img
{
    width: 100%;
}
header .header .logo img.logoimg1
{
    display: none;
}
header .header .header-ul
{
    font-size: 0;
    text-align: left;
    margin-left: 15%;
}
header .header .header-ul li .secwen-right
{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(60px);
    transition: .3s;
}
header .header .header-ul li
{
    font-size: 18px;
    display: inline-block;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 0 .5rem;
    color: #333;
    position: relative;
    position: relative;
}
header.on-header .header .header-ul li
{
    height: 2.25rem;
    line-height: 2.25rem;
    transition: all .3s;
}
header.on-header .header .header-right
{
    top: .75rem;
    transition: all .3s;
}
header.active .header .header-ul li .secwen-right
{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: .3s;
}
header .header .header-right.secwen-right
{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(60px);
    transition: .3s;
}
header.active .header .header-right.secwen-right
{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: .3s;
}
header .header .header-ul li>a
{
    display: inline-block;
    font-weight: 600;
}
header .header .header-ul li>a.cur:after
{
    width: 100%;
}
header .header .header-ul li>a.cur
{
    color: #e50113;
}
header .header .header-ul li>a:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s;
    width: 0;
    height: 2px;
    background-color: #e60012;
    content: "";
}
header .header .header-ul li.first
{
    margin-right: 1.5rem;
}
header .header .header-ul li.first:after
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #ccc;
    content: "";
    right: -1rem;
}
header .header .header-ul li>a
{
    color: #333;
    transition: all .3s;
}
header .header .header-ul li.first a
{
    cursor: initial;
}
header .header .header-ul li .header-xia
{
    position: fixed;
    top: 2.2rem;
    padding: 1rem 0 1.25rem;
    background-color: #fff;
    min-width: 24.5rem;
    z-index: 5;
    left: 0%;
    display: none;
    width: 100%;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
header .header .header-ul li .header-xia .center-div
{
    width: 60%;
    margin-left: 20%;
}
header.on-header .header .header-ul li .header-xia
{
    top: 2.25rem;
}
header .header .header-ul li .header-xia .left
{
    float: left;
    width: 6.5rem;
}
header .header .header-ul li .header-xia .right
{
    float: left;
    white-space: nowrap;
    margin-left: 2.5rem;
    padding-top: .5rem;
    width: 15rem;
}
header .header .header-ul li .header-xia .right .img
{
    float: left;
    max-width: 7.25rem;
    margin-right: .5rem;
}
header .header .header-ul li .header-xia .right .img:nth-last-child(1)
{
    margin-right: 0;
}
header .header .header-ul li .header-xia .right .img img
{
    max-width: 100%;
}
header .header .header-ul li .header-xia .left .title-div .tit
{
    font-size: .4rem;
    color: #777;
    line-height: 1.5rem;
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    background-image: url(../image/header-right.png);
    border-bottom: 1px solid #ccc;
    position: relative;
    box-sizing: border-box;
}
header .header .header-ul li .header-xia .left .title-div .tit:after
{
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #e50113;
    left: 0;
    content: "";
    transition: all .3s;
}
header .header .header-right
{
    position: absolute;
    right: 0;
    top: 1rem;
    vertical-align: middle;
    font-size: 0;
    transition: all .3s;
}
header .header .header-right>a
{
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
    background-size: 100% 100%;
}
header .header .header-right .tianmao
{
    background-image: url(../image/tmss.png);
    margin-right: .75rem;
}
header .header .header-right .jindong
{
    background-image: url(../image/jdss.png);
    margin-right: 1.25rem;
}
header .header .header-right .en-tab
{
    display: inline-block;
    position: relative;
    top: -.15rem;
}
header .header .header-right .en-tab>a
{
    font-size: 16px;
    color: #666;
    padding-right: .5rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    background-image: url(../image/header-xia.png);
}
header .header .header-right .en-tab>a .phosan
{
    display: none;
}
header .header .header-right .en-tab .en-xia
{
    position: absolute;
    padding: .2rem;
    background-color: #f4f4f4;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 4px;
    display: none;
}
header .header .header-right .en-tab .en-xia a
{
    font-size: .35rem;
    color: #444;
    display: block;
}
header .header-btn
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 24px;
    display: none;
}
header .header-btn .line
{
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #666;
    transition: all .2s;
    transform-origin: center;
}
header .header-btn .line1
{
    top: 0;
}
header .header-btn .line2
{
    top: 50%;
    margin-top: -1px;
}
header .header-btn .line3
{
    bottom: 0;
}/*底部CSS*/
footer .footer-top .select
{
    display: none;
}
footer .footer-right .pojoi
{
    display: none;
}
footer
{
    padding: 1.75rem 0 0;
    background-color: #212121;
}
footer .footer-top
{
    padding-bottom: 1rem;
}
footer .footer-abo
{
    padding-bottom: 1rem;
    font-size: 0;
}
footer .footer-abo a
{
    color: #555;
    font-size: .375rem;
    display: inline-block;
    margin-right: .5rem;
}
footer .footer-abo a:hover
{
    color: #e50113;
}
footer .footer-left
{
    position: absolute;
    top: 0;
    left: 0;
}
footer .footer-left .num-tel
{
    font-size: 1rem;
    color: #fff;
    font-family: "BEBASNEUE REGULAR";
    line-height: 1rem;
}
footer .footer-left .quan-tel
{
    font-size: .425rem;
    color: #fff;
    line-height: .43rem;
    margin-top: .4rem;
}
footer .footer-left .true-select
{
    margin-top: 1.25rem;
    width: 3.25rem;
    height: 1.25rem;
    display: block;
    font-size: .4rem;
    color: #999;
    background-color: #444;
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../image/footer-more.png);
    line-height: 1.25rem;
    padding-left: .75rem;
    transition: all .3s;
}
footer .footer-left .f-logo
{
    margin-top: .9rem;
    text-align: left;
}
footer .footer-left .f-logo img
{
    max-width: 100%;
}
footer .footer-ul
{
    font-size: 0;
    text-align: left;
    width: 66%;
    margin: 0 auto;
}
footer .footer-ul li
{
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5rem;
}
footer .footer-ul li:nth-last-child(1)
{
    margin-right: 0;
}
footer .footer-ul li dt
{
    font-size: .5rem;
    margin-bottom: .8rem;
    font-weight: initial;
}
footer .footer-ul li dt a
{
    color: #fff;
    transition: all .3s;
}
footer .footer-ul li dd
{
    font-size: .4rem;
    margin-bottom: .5rem;
}
footer .footer-ul li dd.er-dd
{
    font-size: .35rem;
    margin-bottom: .3rem;
}
footer .footer-ul li dd a
{
    color: #777;
    transition: all .3s;
}
footer .footer-ul li dd.er-dd a
{
    opacity: .5;
    transition: all .3s;
}
footer .footer-right
{
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}
footer .footer-right .right-name
{
    font-size: .45rem;
    color: #fff;
    margin-bottom: .8rem;
}
footer .footer-right .share-imgmore a
{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 1px solid #fff;
    line-height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    opacity: .5;
    transition: all .3s;
    margin-right: .25rem;
    position: relative;
    z-index: 10;
}
footer .footer-right .share-imgmore a.weixin
{
    background-image: url(../image/weixin.png);
}
footer .footer-right .share-imgmore a.weibo
{
    background-image: url(../image/weibo.png);
}
footer .footer-right .share-imgmore a.weiqq
{
    background-image: url(../image/qq.png);
    margin-right: 0;
}
footer .footer-right .share-imgmore a .ma-img
{
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2.8rem;
    opacity: 0;
    transition: all .3s;
    visibility: hidden;
}
footer .footer-right .guan-img
{
    margin-top: .75rem;
    text-align: center;
    width: 2.5rem;
}
footer .footer-right .guan-img img
{
    width: 100%;
}
footer .footer-right .guan-img .img-name
{
    font-size: .3rem;
    color: #666;
    margin-top: .4rem;
    white-space: nowrap;
}
footer .footer-bottom
{
    height: 2rem;
    line-height: 2rem;
    border-top: 1px solid rgba(255,255,255,.05);
}
footer .footer-bottom p
{
    color: #555;
    font-size: .375rem;
    float: left;
}
footer .footer-bottom p a
{
    color: #555;
    transition: all .3s;
}
footer .footer-bottom p a.zhichi
{
    margin-left: .25rem;
}
footer .footer-bottom .select
{
    width: 5.5rem;
    position: relative;
    float: right;
    top: .5rem;
}
footer .footer-bottom .select .tit
{
    display: block;
    border: 1px solid rgba(255,255,255,.2);
    line-height: 1rem;
    height: 1rem;
    padding: 0 .4rem;
    color: #7f7f7f;
    font-size: .3rem;
    position: relative;
    background-image: url(../image/f-xia.png);
    background-position: 4.8rem center;
    background-size: 8px;
    background-repeat: no-repeat;
}
footer .footer-bottom .select .sub
{
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    border: 1px solid rgba(255,255,255,.2);
    box-sizing: border-box;
    background-color: #212121;
    max-height: 4rem;
    overflow: hidden;
    display: none;
}
footer .footer-bottom .select.on .sub
{
    display: block;
}
footer .footer-bottom .select .sub a
{
    display: block;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .4rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #7f7f7f;
    font-size: .3rem;
    transition: all .3s;
}
.pho-header
{
    position: fixed;
    top: 2.2rem;
    height: calc(100vh - 2.2rem);
    background-color: #fff;
    left: 0;
    width: 100%;
    z-index: 300;
    display: none;
}
.pho-header ul
{
    width: 87.5%;
    margin: 0 auto;
    margin-top: .5rem;
}
.pho-header ul li dt
{
    font-size: .55rem;
    color: #333;
    line-height: 1.2rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: .3rem;
}
.pho-header ul li dt a
{
    color: #333;
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    background-image: url(../image/header-right.png);
}
.pho-header ul li dd
{
    font-size: .45rem;
    color: #666;
    line-height: 1rem;
    padding-left: .5rem;
    display: none;
}
.pho-header ul li dd a
{
    color: #666;
    display: block;
}
header .header-btn.cur .line
{
    top: 50%;
    bottom: auto;
    margin-top: -1px;
    background-color: #e50113;
}
header .header-btn.cur .line1
{
    transform: rotate(45deg);
}
header .header-btn.cur .line2
{
    opacity: 0;
    filter: alpha(opacity=0);
}
header .header-btn.cur .line3
{
    transform: rotate(-45deg);
}
.bottom-index-fixed
{
    position: fixed;
    width: 62px;
    right: 42px;
    bottom: 80px;
    z-index: 3;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    display: none;
    padding-bottom: 4px;
    border-radius: 4px;
    transition: all .3s;
}
.bottom-index-fixed.show1
{
    display: block;
}
.bottom-index-fixed .tovasen-a .imgs
{
    width: 19px;
    height: 17px;
    display: block;
    margin: 8px auto 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../image/tovasen-a.png);
}
.tovasen-s0
{
    font-size: .3rem;
    color: #fff;
}
.bottom-index-fixed.show1:hover
{
    background-color: #e60012;
}
body.index-body .bottom-index-fixed.show1
{
    display: none;
}
@media(max-width: 1681px)
{
    footer .footer-ul li
    {
        margin-right: 1.7rem;
    }
}
@media(max-width: 1440px)
{
    header .header .header-ul li .header-xia .left .title-div .tit
    {
        font-size: .45rem;
    }
}
@media(max-width: 1240px)
{
    header .header .header-ul li .header-xia .center-div
    {
        width: 70%;
        margin-left: 15%;
    }
}
@media(max-width: 1024px)
{
    header .header .header-right
    {
        right: 1rem;
        top: .3rem;
    }
    header .header .header-right>a
    {
        display: none;
    }
    header .header .header-ul
    {
        display: none;
    }
    header .header .logo img.logoimg
    {
        display: none;
    }
    header .header .logo img.logoimg1
    {
        display: block;
    }
    header .header-btn
    {
        display: block;
        right: 0;
    }
    header .header
    {
        height: 2.2rem;
    }
    header .header .logo
    {
        top: 50%;
        transform: translateY(-50%);
    }
    header
    {
        border-bottom: 1px solid #e5e5e5;
        box-sizing: border-box;
    }
    header .header .header-right .en-tab
    {
        top: .5rem;
        right: 1.2rem;
    }
}
@media(max-width: 992px)
{
    footer .footer-right
    {
        display: none;
    }
    footer .footer-ul
    {
        display: none;
    }
    footer .footer-left
    {
        position: relative;
    }
    footer .footer-left .num-tel
    {
        text-align: center;
    }
    footer .footer-left .quan-tel
    {
        text-align: center;
    }
    footer .footer-left .true-select
    {
        margin: 1.25rem auto 0;
    }
    footer .footer-left .f-logo
    {
        text-align: center;
    }
    footer .footer-bottom .select
    {
        display: none;
    }
    footer .footer-top
    {
        padding-bottom: 0;
    }
    footer .footer-bottom
    {
        border-top: 0;
    }
    footer .footer-bottom p
    {
        width: 100%;
        text-align: center;
    }
}
@media(max-width: 767px)
{
    header
    {
        height: 1rem;
    }
    header .header
    {
        height: 1rem;
    }
    header .header .logo
    {
        width: 1.5rem;
    }
    header .header-btn
    {
        width: 30px;
        height: 20px;
    }
    .pho-header
    {
        top: 1rem;
        height: calc(100% - 1rem);
    }
    .pho-header ul li dt
    {
        font-size: .3rem;
        line-height: 1rem;
        margin-bottom: 0;
    }
    .pho-header ul li dd
    {
        font-size: .26rem;
        line-height: .8rem;
        padding-left: .2rem;
    }
    .pho-header ul
    {
        margin-top: .2rem;
    }
    footer
    {
        padding: .6rem 0 0;
    }
    footer .footer-left .num-tel
    {
        font-size: .5rem;
        line-height: .6rem;
    }
    footer .footer-left .quan-tel
    {
        font-size: .3rem;
        line-height: .3rem;
        margin-top: .1rem;
    }
    footer .footer-left .true-select
    {
        height: .8rem;
        width: 2.2rem;
        font-size: .24rem;
        margin-top: .4rem;
        padding-left: .5rem;
        background-position: 2rem center;
        line-height: .8rem;
        display: block;
        float: left;
        margin-left: .5rem;
    }
    footer .footer-left .f-logo
    {
        display: none;
    }
    footer .footer-bottom p
    {
        font-size: .24rem;
        line-height: .36rem;
    }
    footer .footer-bottom
    {
        height: .6rem;
        margin-top: .6rem;
        line-height: 0;
        padding-bottom: .6rem;
    }
    .bottom-index-fixed.show1
    {
        display: none;
    }
    footer .footer-abo
    {
        display: none;
    }
    header .header .header-right .en-tab
    {
        top: -.15rem;
        right: auto;
    }
}