@charset "utf-8";
/* CSS Document */
/*
------TOP:样式重置---------------------------------------------------------------------*/
article, nav, aside, header, footer, section, hgroup, menu {
    display: block;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

html, body, article, nav, aside, header, footer, section, hgroup, menu, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

/*@font-face {
    font-family: pngfang;
    src: url("../font/pngfang");
}*/

body {
    direction: ltr;
    font: 13px/1.5;
    color: #333;
    height: 100%;
    /*font-family: 'pngfang','Arial','宋体';*/
}

ul, ol, dl, menu {
    list-style: none;
}

img, select, input {
    vertical-align: middle;
}

input, button, textarea, select, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
    *font-size: 100%;
}

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

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

em {
    font-style: normal;
}

caption {
    text-align: left;
}

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

    a:hover {
        color: #333;
    }

    a:active {
        color: #333;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}
/*
------清除浮动--------------------------------------------------------------------------*/
.clearfix:after, .product:after, .nav ul:after, #BottomNav ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix, .product, .nav ul, #BottomNav ul {
    *zoom: 1;
}

select {
    -webkit-appearance: none; /*兼容苹果手机*/
    border: 1px solid #EBEBEB;
    width: 100px;
    height: 25px;
    line-height: 25px;
    /*防止紧紧靠在边上*/
    text-indent: 2px;
    background-color: transparent;
}

/*头部公共样式*/
.hade {
    width: 100%;
    height: 2.5rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.04);
}

    .hade .logo {
        width: 4.59rem;
        height: 1.33rem;
        margin: 0.59rem 0 0 0.8rem;
    }

        .hade .logo img {
            width: 4.59rem;
            height: 1.33rem;
        }

    .hade .menus {
        width: 1.11rem;
        height: 1.11rem;
        margin: 0.7rem 0.8rem 0 0;
    }

        .hade .menus img {
            width: 1.11rem;
            height: 1.11rem;
        }

.noheader {
    width: 100%;
    height: 2.5rem;
}

.menubody {
    position: fixed;
    left: 0;
    top: 2.5rem;
    width: 100%;
    height: calc(100% - 5.113rem);
    background-color: #000000;
    z-index: 1000;
    /*padding: 1.5rem 0;*/
    overflow: auto;
    display: none;
}

    .menubody .menuul {
        width: 100%;
        margin: 1rem auto 1.5rem;
    }

        .menubody .menuul .menuli {
            width: 100%;
            border-bottom: 2px solid #343434;
            overflow: hidden;
        }

            .menubody .menuul .menuli .menulibox {
                width: 92.3%;
                min-height: 2.93rem;
                margin: 0 auto;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;
                padding: 0.665rem 0;
            }

            .menubody .menuul .menuli .lidata {
                padding: 0 3.85%;
                background-color: #232323;
                font-size: 0.7rem;
                display: flex;
                flex-wrap: wrap;
            }

            .menubody .menuul .menuli h4 {
                padding: 1.07rem 8.85% 0;
                background-color: #232323;
                color: #fff;
                font-size: 0.7rem;
                text-align: left
            }

                .menubody .menuul .menuli h4 .h4name {
                    display: inline-block;
                    border-left: 2px solid #1895ED;
                    padding-left: 0.53rem;
                    text-align:left
                }

.menuli .lidata .lidatafl {
    width: 25%;
    text-align: center;
    color: #666666;
    margin: 1.07rem 0;
}

.menuul .menuli .menuli-left {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
    color: #fff;
}

    .menuul .menuli .menuli-left .iconbg {
        height: 1.6rem;
        width: 1.6rem;
        float: left;
        /*margin-right: 0.53rem;*/
        background: url("../images/head/syicon.png") no-repeat left top;
        background-size: 100% 100%;
    }

.menuul .menuli:nth-child(2) .menuli-left .iconbg {
    background-image: url("../images/head/abouticon.png");
}

.menuul .menuli:nth-child(3) .menuli-left .iconbg {
    background-image: url("../images/head/cpcenter.png");
}

.menuul .menuli:nth-child(4) .menuli-left .iconbg {
    background-image: url("../images/head/hyjj.png");
}

.menuul .menuli:nth-child(5) .menuli-left .iconbg {
    background-image: url("../images/head/qgzs.png");
}

.menuul .menuli:nth-child(6) .menuli-left .iconbg {
    background-image: url("../images/head/lxwm.png");
}

.menuul .menuli .menuli-right {
    height: 1.6rem;
    width: 1.6rem;
    background: url("../images/head/xia.png") no-repeat left top;
    background-size: 100% 100%;
}

.menuul .menuli .activ {
    background-image: url("../images/head/shang.png");
}

.flexbot {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    height: 2.613rem;
    display: flex;
    justify-content: space-between;
    box-shadow: 9px 0px 6px 6px rgba(0,0,0,0.04);
}

    .flexbot .navtodo {
        text-align: center;
        height: 2.613rem;
        font-size: 0.5rem;
        font-weight: 400;
        color: rgba(79,79,99,1);
        flex: 1;
    }

        .flexbot .navtodo img {
            display: inline-block;
            width: 1.39rem;
            height: 1.39rem;
        }

.playphone {
    position: fixed;
    left: 0;
    top: 2.5rem;
    width: 100%;
    height: calc(100% - 5.113rem);
    background-color: rgba(0,0,0,.69);
    z-index: 999;
    /*padding: 1.5rem 0;*/
    overflow: auto;
    display: none;
}
    .playphone .phonebg{
        width:82%;
        height:17.44rem;
        position:absolute;
        left:9%;
        top:50%;
        margin-top:-8.72rem;
        background:url(../images/head/phonebg.png) no-repeat left top;
        background-size:100% 100%;
        overflow:hidden;
    }
.phonebg h4 {
    width: 93%;
    padding-left: 7%;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(255,255,255,0.7);
    margin:2.13rem 0 0.32rem;
}
.phonebg .nump {
    width: 83%;
    padding-left: 7%;
    text-align: left;
    font-size: 1.28rem;
    font-weight: 600;
    color: rgba(255,255,255,1);
}
    .phonebg .nump a{
        display:inline-block;
        width:4rem;
        height:1.5rem;
        background:url(../images/head/bo.png) no-repeat left top;
        background-size:100% 100%;
        float:right;
    }
.phonebg .worktime {
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(255,255,255,1);
    margin: 2.13rem 0 0.32rem;
    margin-top:0.8rem;
}
.phonebg  .close{
    position:absolute;
    top:0.3rem;
    right:0.3rem;
    width:1.92rem;
    height:1.92rem;
    background:url(../images//head/close.png) no-repeat left top;
    background-size:100% 100%;
}
/*底部样式*/
.foot {
    width: 100%;
    background: #2A2C35;
    margin-bottom: 2.613rem;
    overflow: hidden;
    padding-bottom: 0.5rem;
}

    .foot .foot-top {
        width: 89.3%;
        overflow: hidden;
        margin: 1.2rem 0 0 6.67%;
    }

        .foot .foot-top h3 {
            color: rgba(255,255,255,.8);
            font-weight: 500;
            font-size: 0.8rem;
            margin-bottom: 0.2rem;
        }

        .foot .foot-top div {
            font-size: 0.6rem;
            font-weight: 400;
            color: rgba(93,99,105,1);
            line-height: 24px;
        }

        .foot .foot-top .lx2 {
            color: #A9B2BA;
        }

        .foot .foot-top .foot-top-left {
            overflow: hidden;
            float: left;
            text-align:left;
        }

        .foot .foot-top .foot-top-right {
            overflow: hidden;
            float: right;
            width: 4.75rem;
            height: 4.75rem;
            background: url("../images/head/erweima.png") no-repeat left top;
            background-size: 100% 100%;
        }

    .foot .foot-xian {
        height: 1px;
        width: 92%;
        margin: 0.57rem auto 0.57rem;
        background-color: #32333C;
    }

    .foot .foot-bot {
        overflow: hidden;
        color: #5D6369;
        font-size: 0.6rem;
        font-weight: 400;
        text-align: center;
        margin: 0 auto;
        line-height: 20px;
    }