@charset "UTF-8";
/*
** @Author: obear
** @Date: 2019-05-23 09:58:56
** @Last Modified by:   Marte
** @Last Modified time: 2020-03-13 15:56:08
*/

/*全局初始化样式*/

/*
** 本站采用rem作为单位，rem不兼容IE8，如需兼容可以在rem之前设置px单位。 如：
** body{ fonts-zie: 14px; fonts-size: .14rem; }
** 本站所有图标使用的是svg矢量图标，来自 iconfont+
*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

* {
    outline: none;
}

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 625%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

    html,
    html body {
        overflow-x: hidden;
    }

body {
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    font-size: 0.14rem;
    font-family: "Arial","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei",微软雅黑,"\9ED1\4F53","SimHei","黑体" !important;
    line-height: 1.5;
    color: #130C0E;
    width: 100%;
    zoom: 1;
    position: relative; /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust: none; /*取消点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0); /*控制文本可选性 - 未启用*/ /* -webkit-user-select: none; -moz-user-select: none; user-select: none; */ /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
}

/*默认去除ul、li的默认样式*/
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    padding: 0;
}

.ul,
.ul li,
.dl,
.dl dd,
.dl dt {
    list-style: none;
    margin: 0;
    padding: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,
input,
textarea {
    color: #666;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit; /*for IE*/
    *font-size: 100%;
}

    input:focus {
        outline: none;
    }

/*不允许多行输入文本框有滚动条*/
textarea {
    resize: none;
    -webkit-appearance: none;
}

/*初始化表单元素样式*/
textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"] {
        -webkit-appearance: none;
        cursor: pointer;
    }

        button[disabled],
        input[disabled] {
            cursor: default;
        }

/*初始化HTML5标签样式*/
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
    display: block;
}

/*去除figure边距*/
figure,
figcaption {
    margin: 0;
    padding: 0;
}

/*设置placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bcbcbc;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #bcbcbc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #bcbcbc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bcbcbc;
}

/*初始化图片样式*/
img {
    border: none;
    border: 0;
    max-width: 100%;
    vertical-align: top;
}

/*初始化a的样式和字体样式*/
a {
    color: #21b6d7;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.singlepage a {
    color: #21b6d7;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover {
    text-decoration: underline;
}

/*清除浮动*/
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
        font-size: 0px;
    }

/*设置内容宽度*/
.w1200 {
    width: 94%;
    margin: 0 auto;
}

@media (min-width:1280px) {
    section .txtbox p + p {
        margin-top: .3rem;
    }

    section .txtbox p {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .txtbox p strong {
            font-size: .16rem;
            font-weight: 700;
        }

    section .txtbox strong {
        font-size: .16rem;
        font-weight: 700;
    }

    section .page-intertek h4 {
        font-size: .16rem;
        font-weight: 700;
    }

    section .page-intertek p + p {
        margin-top: .3rem;
    }

    section .page-intertek p {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .page-intertek p strong {
            font-size: .16rem;
            font-weight: 700;
        }

    section .page-intertek li {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .page-intertek li strong {
            font-size: .16rem;
            font-weight: 700;
        }

        section .page-intertek li .ti {
            text-align: justify;
            font-size: .16rem;
            line-height: 1.8em;
        }

    section .txtbox li {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .txtbox li strong {
            font-size: .16rem;
            font-weight: 700;
        }

        section .txtbox li .ti {
            text-align: justify;
            font-size: .16rem;
            line-height: 1.8em;
        }

    section table tr td {
        font-size: .14rem;
        line-height: 1.6em;
    }

        section table tr td p {
            font-size: .14rem;
            line-height: 1.6em;
        }

        section table tr td strong {
            font-size: .16rem;
            font-weight: 700;
        }

    .w1200 {
        width: 1200px;
    }
}

@media (max-width:1279px) {
    section .txtbox p + p {
        margin-top: .3rem;
    }

    section .txtbox p {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .txtbox p strong {
            font-size: .16rem;
            font-weight: 700;
        }

    section .txtbox strong {
        font-size: .16rem;
        font-weight: 700;
    }

    section .page-intertek h4 {
        font-size: .16rem;
        font-weight: 700;
    }

    section .page-intertek p + p {
        margin-top: .3rem;
    }

    section .page-intertek p {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .page-intertek p strong {
            font-size: .16rem;
            font-weight: 700;
        }

    section .page-intertek li {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .page-intertek li strong {
            font-size: .16rem;
            font-weight: 700;
        }

        section .page-intertek li .ti {
            text-align: justify;
            font-size: .16rem;
            line-height: 1.8em;
        }

    section .txtbox li {
        text-align: justify;
        font-size: .16rem;
        line-height: 1.8em;
    }

        section .txtbox li strong {
            font-size: .16rem;
            font-weight: 700;
        }

        section .txtbox li .ti {
            text-align: justify;
            font-size: .16rem;
            line-height: 1.8em;
        }

    section table tr td {
        font-size: .14rem;
        line-height: 1.6em;
    }

        section table tr td p {
            font-size: .14rem;
            line-height: 1.6em;
        }

        section table tr td strong {
            font-size: .16rem;
            font-weight: 700;
        }
}
/*
** 定义字体
*/
@font-face {
    font-family: "NeoSans";
    src: url("../fonts/neosans.eot"); /* IE9 Compat Modes */
    src: url("../fonts/neosans.eot") format("embedded-opentype"), url("../fonts/neosans.woff2") format("woff2"), url("../fonts/neosans.woff") format("woff"), url("../fonts/neosans.ttf") format("truetype"), url("../fonts/neosans.svg#svgfontname") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Archivo-Regular";
    src: url("../fonts/archivo-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/archivo-regular.eot") format("embedded-opentype"), url("../fonts/archivo-regular.woff2") format("woff2"), url("../fonts/archivo-regular.woff") format("woff"), url("../fonts/archivo-regular.ttf") format("truetype"), url("../fonts/archivo-regular.svg#svgfontname") format("svg"); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

/*页面框架结构*/
.page-contain {
    padding-bottom: 5%;
}

    .page-contain .page-columnname {
        color: #130c0e;
        font-size: .18rem;
        font-weight: bold;
        line-height: 1;
    }

    .page-contain .category-box {
        margin: .15rem 0;
    }

        .page-contain .category-box li {
            float: left;
            padding-left: .05rem;
            line-height: .3rem;
        }

            .page-contain .category-box li:first-child {
                padding-left: 0;
            }

            .page-contain .category-box li a {
                display: block;
                padding: 0 .08rem;
                background-color: #21b6d7;
                color: #fff;
                text-align: center;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .page-contain .category-box li a:hover {
                    background-color: #ffc700;
                    text-decoration: none;
                }

.txt-justify,
.singlepage {
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
    overflow: hidden;
}

/*单片 设置文字两端对齐*/
@media (min-width:768px) {
    .slidebar {
        width: 23.33333%;
        float: right;
        margin-top: .53rem;
    }

    .page-main {
        width: 66.25%;
        float: left;
    }

    .page-main-full {
        width: 100%;
    }

    .page-columnname {
        font-size: .2rem;
    }
}

@media (min-width:1024px) {
    .page-contain .page-columnname {
        font-size: .26rem;
    }

    .page-contain .category-box {
        margin: .43rem 0 .25rem;
    }

        .page-contain .category-box li {
            line-height: .4rem;
            padding-left: .39rem;
        }

            .page-contain .category-box li a {
                min-width: 1.46rem;
                padding: 0;
            }
}

@media (min-width:1280px) {
    .page-contain {
        padding-bottom: .67rem;
    }
}

/*头部*/
.header {
    background-color: #ffc700;
    position: relative;
    z-index: 200;
}

    .header .logo {
        display: block;
        float: left;
    }

        .header .logo img {
            width: 100%;
        }

    .header .top-aux {
        padding: 4% 0;
        position: relative;
        z-index: 3;
    }

        .header .top-aux .logo {
            width: 30%;
            max-width: 1.78rem;
        }

        .header .top-aux .nav-aux {
            display: none;
        }

        .header .top-aux .tools {
            float: right;
        }

            .header .top-aux .tools .selbox {
                float: right;
                margin-right: .1rem;
                position: relative;
                color: #fff;
            }

                .header .top-aux .tools .selbox > span {
                    display: block;
                    font-size: 0;
                    color: #000;
                    cursor: pointer;
                }

                    /* .header .top-aux .tools .selbox.memberon > span{color:#ffc700;} */
                    .header .top-aux .tools .selbox > span:after {
                        font-family: 'iconfont';
                        line-height: 1;
                        display: inline-block;
                        font-size: .2rem;
                    }

                .header .top-aux .tools .selbox .ul {
                    width: .9rem;
                    visibility: hidden;
                    position: absolute;
                    left: 50%;
                    margin-left: -.45rem;
                    top: 100%;
                    padding-top: .05rem;
                }

                    .header .top-aux .tools .selbox .ul:before {
                        content: '';
                        position: absolute;
                        left: 50%;
                        margin-left: -.05rem;
                        top: -.05rem;
                        width: 0;
                        height: 0;
                        font-size: 0;
                        line-height: 0;
                        border-width: 0.05rem;
                        border-style: dashed dashed solid dashed;
                        border-color: transparent transparent #fff transparent;
                    }

                    .header .top-aux .tools .selbox .ul li {
                        background-color: #fff;
                        line-height: 2;
                    }

                        .header .top-aux .tools .selbox .ul li a {
                            display: block;
                            text-align: center;
                            cursor: pointer;
                        }

                            .header .top-aux .tools .selbox .ul li a:hover {
                                background-color: #130c0e;
                                color: #fff;
                            }

            .header .top-aux .tools .member-box .ul {
                display: none;
            }

            .header .top-aux .tools .member-box-ullogin .ul-unlogin {
                display: block;
            }

            .header .top-aux .tools .member-box-login .ul-login {
                display: block;
            }

            .header .top-aux .tools .language-box > span:after {
                content: '\e60d';
            }

            .header .top-aux .tools .member-box > span:after {
                content: '\e60c';
            }

            .header .top-aux .tools .selbox-box-active .ul,
            .header .top-aux .tools .selbox-box-hover .ul {
                visibility: visible;
            }

            .header .top-aux .tools .selbox-box-active > span:after {
                content: '\e610';
            }

        .header .top-aux .search-box {
            float: right;
            margin-right: .1rem;
        }

            .header .top-aux .search-box .ibtn {
                font-size: .2rem;
                color: #000;
                cursor: pointer;
            }

            .header .top-aux .search-box .search {
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: 100%;
                background-color: #fff;
                color: #130c0e;
            }

                .header .top-aux .search-box .search .search-wrap {
                    height: .35rem;
                    line-height: .33rem;
                    position: relative;
                }

                .header .top-aux .search-box .search .keyword {
                    width: -moz-calc(100% - .35rem);
                    width: calc(100% - .35rem);
                    height: 100%;
                    line-height: inherit;
                    padding: 0 .09rem;
                    float: left;
                }

                .header .top-aux .search-box .search .btn {
                    width: .35rem;
                    height: 100%;
                    font-size: .16rem;
                    text-align: center;
                    float: right;
                    cursor: pointer;
                }

                .header .top-aux .search-box .search input::-webkit-input-placeholder {
                    color: #130c0e;
                }

                .header .top-aux .search-box .search input:-moz-placeholder {
                    color: #130c0e;
                }

                .header .top-aux .search-box .search input::-moz-placeholder {
                    color: #130c0e;
                }

                .header .top-aux .search-box .search input:-ms-input-placeholder {
                    color: #130c0e;
                }

    .header .top-main .search-box {
        float: right;
        margin-right: .1rem;
    }

        .header .top-main .search-box .ibtn {
            font-size: .2rem;
            color: #000;
            cursor: pointer;
        }

        .header .top-main .search-box .search {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            background-color: #fff;
            color: #130c0e;
        }

            .header .top-main .search-box .search .search-wrap {
                height: .35rem;
                line-height: .33rem;
            }

            .header .top-main .search-box .search .keyword {
                width: -moz-calc(100% - .35rem);
                width: calc(100% - .35rem);
                height: 100%;
                line-height: inherit;
                padding: 0 .09rem;
                float: left;
            }

            .header .top-main .search-box .search .btn {
                width: .35rem;
                height: 100%;
                font-size: .16rem;
                text-align: center;
                float: right;
                cursor: pointer;
            }

            .header .top-main .search-box .search input::-webkit-input-placeholder {
                color: #130c0e;
            }

            .header .top-main .search-box .search input:-moz-placeholder {
                color: #130c0e;
            }

            .header .top-main .search-box .search input::-moz-placeholder {
                color: #130c0e;
            }

            .header .top-main .search-box .search input:-ms-input-placeholder {
                color: #130c0e;
            }

    .header .top-aux .nav-btn {
        width: .25rem;
        height: .2rem;
        float: right;
        position: relative;
        cursor: pointer;
    }

        .header .top-aux .nav-btn i {
            display: block;
            width: 100%;
            height: .03rem;
            background-color: #000;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .header .top-aux .nav-btn .i1 {
            top: 0;
        }

        .header .top-aux .nav-btn .i2 {
            top: 50%;
            margin-top: -.015rem;
        }

        .header .top-aux .nav-btn .i3 {
            bottom: 0;
        }

    .header .top-main .logo {
        display: none;
    }

    .header .top-main .mainnav li > a {
        font-weight: bold;
    }

@media (max-width:767px) {
    .header {
        border-top: 0.04rem solid #130c0e;
    }

        .header .top-aux {
            width: 100%;
        }

            .header .top-aux .top-aux-wrap {
                -webkit-display: flex;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .header .top-aux .search-box .search-wrap {
                border: 1px solid #ddd;
                -moz-border-radius: 0.05rem;
                border-radius: 0.05rem;
            }

            .header .top-aux .search-box .search {
                padding: .2rem 3%;
                visibility: hidden;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

            .header .top-aux .search-box-active .ibtn:before {
                content: '\e610';
            }

            .header .top-aux .search-box-active .search {
                visibility: visible;
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

        .header .top-main .search-box .search-wrap {
            border: 1px solid #ddd;
            -moz-border-radius: 0.05rem;
            border-radius: 0.05rem;
        }

        .header .top-main .search-box .search {
            padding: .2rem 3%;
            visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .header .top-main .search-box-active .ibtn:before {
            content: '\e610';
        }

        .header .top-main .search-box-active .search {
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        .header .top-main {
            display: none;
            padding-bottom: .1rem;
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            background-color: #fff;
            -webkit-box-shadow: 0 5px 10px -2px #b6b6b6;
            -moz-box-shadow: 0 5px 10px -2px #b6b6b6;
            box-shadow: 0 5px 10px -2px #b6b6b6;
        }

            .header .top-main .mainnav {
                background-color: #fff;
            }

                .header .top-main .mainnav li {
                    border-bottom: 1px solid #ddd;
                }

                    .header .top-main .mainnav li > a {
                        display: block;
                        padding: .15rem 0;
                        margin: 0 .25rem;
                        font-size: .16rem;
                        position: relative;
                    }

                    .header .top-main .mainnav li .subnav {
                        display: none;
                    }

                        .header .top-main .mainnav li .subnav dd {
                            background-color: #f8f8f8;
                            padding: 0 .25rem;
                            border-bottom: 1px solid #fff;
                        }

                            .header .top-main .mainnav li .subnav dd a {
                                display: block;
                                padding: .15rem;
                            }

                    .header .top-main .mainnav li.li-hasub > a:after {
                        content: '\e611';
                        font-family: 'iconfont';
                        line-height: 1;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        margin-top: -.09rem;
                    }

                    .header .top-main .mainnav li.li-open > a:after {
                        content: '\e612';
                    }

                    .header .top-main .mainnav li > a span {
                        position: absolute;
                        top: 0;
                        right: -.25rem;
                        width: .7rem;
                        height: 100%;
                        z-index: 99;
                    }

    html.navopen .header .top-aux .nav-btn .i1,
    html.navopen .header .top-aux .nav-btn .i3 {
        top: 50%;
        margin-top: -.015rem;
    }

    html.navopen .header .top-aux .nav-btn .i1 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    html.navopen .header .top-aux .nav-btn .i3 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    html.navopen .header .top-aux .nav-btn .i2 {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .header.headernone .top-aux .search-box .search {
        display: block;
    }

    .header.headernone .top-main .search-box .search {
        display: none;
    }
}

.header .top-main .mainnav li .serbus {
    display: none;
    border-top: 1px solid #ddd;
    padding-bottom: .1rem;
}

    .header .top-main .mainnav li .serbus .serbusitem .h3 {
        font-size: 16px;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
        margin-bottom: .1rem;
        padding-bottom: .1rem;
        font-weight: bold;
    }

    .header .top-main .mainnav li .serbus .serbusitem .itemli {
        margin-top: .1rem;
    }

        .header .top-main .mainnav li .serbus .serbusitem .itemli dd {
            display: inline-block;
            vertical-align: top;
            background: transparent;
            padding: 0;
            margin: 0;
        }

            .header .top-main .mainnav li .serbus .serbusitem .itemli dd a {
                padding: 0;
                color: #000;
            }

    .header .top-main .mainnav li .serbus .right {
        display: none;
    }

@media (min-width:768px) {
    .header .top-main {
        display: block !important;
    }

    .header .top-aux {
        height: .35rem;
        line-height: .35rem;
        padding: 0;
        background-color: #130c0e;
        color: #fff;
    }

        .header .top-aux .top-aux-wrap {
            display: block;
            float: right;
        }

        .header .top-aux .logo {
            display: none;
        }

        .header .top-aux .nav-aux {
            float: right;
            display: block;
        }

            .header .top-aux .nav-aux li {
                float: left;
                padding: 0 .13rem;
                position: relative;
                font-size: .12rem;
            }

                .header .top-aux .nav-aux li:before {
                    content: '';
                    width: .01rem;
                    height: .14rem;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    bottom: 0;
                    margin-top: -.07rem;
                }

                .header .top-aux .nav-aux li:first-child {
                    padding-left: 0;
                }

                    .header .top-aux .nav-aux li:first-child:before {
                        display: none;
                    }

                .header .top-aux .nav-aux li a {
                    color: #fff;
                    position: relative;
                    text-decoration: none;
                }

                    .header .top-aux .nav-aux li a:before {
                        content: '';
                        width: 100%;
                        height: .01rem;
                        display: block;
                        background-color: #fff;
                        position: absolute;
                        left: 0;
                        right: 0;
                        visibility: hidden;
                        bottom: -1px;
                        -webkit-transition: all 0.3s ease 0s;
                        -moz-transition: all 0.3s ease 0s;
                        transition: all 0.3s ease 0s;
                        opacity: 0;
                        filter: alpha(opacity=0);
                    }

                    .header .top-aux .nav-aux li a:hover:before {
                        visibility: visible;
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }

                    .header .top-aux .nav-aux li a:hover {
                        text-decoration: none;
                    }

        .header .top-aux .tools .selbox {
            position: relative;
            margin-right: 0;
            padding: 0 .13rem;
        }

            .header .top-aux .tools .selbox:before {
                content: '';
                width: .01rem;
                height: .14rem;
                display: block;
                background-color: #ffc700;
                position: absolute;
                left: 0;
                top: 50%;
                bottom: 0;
                margin-top: -.07rem;
            }

            .header .top-aux .tools .selbox > span {
                font-size: .14rem;
                color: #fff;
            }

                .header .top-aux .tools .selbox > span:after {
                    font-size: .18rem;
                    margin-left: .1rem;
                }

        .header .top-aux .member-box {
            margin-right: .08rem;
        }

        .header .top-aux .search-box {
            width: 1.25rem;
            margin-right: 0;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
        }

            .header .top-aux .search-box .ibtn {
                display: none;
            }

            .header .top-aux .search-box .search {
                position: static;
                padding: 0;
                visibility: visible;
            }

    .header.headernone .top-aux .search-box .search {
        display: none;
    }

    .header.headernone .top-main .search-box .search {
        display: block;
    }

    .header.headernone .top-aux {
        height: 0;
        line-height: 0;
    }

    .header .top-main .search-box {
        width: 1.25rem;
        margin-right: 0;
        margin-top: .12rem;
    }

        .header .top-main .search-box .ibtn {
            display: none;
        }

        .header .top-main .search-box .search {
            position: static;
            padding: 0;
            visibility: visible;
        }

    .header .top-aux .nav-btn {
        display: none;
    }

    .header .top-main {
        padding: .2rem 0;
    }

        .header .top-main .logo {
            width: 1.78rem;
            height: .6rem;
            display: block;
            float: left;
        }

        .header .top-main .mainnav {
            float: right;
            width: 65.83333%;
            height: .6rem;
            line-height: .6rem;
        }

            .header .top-main .mainnav li {
                float: left;
                width: 16.66666%;
                position: relative;
            }

            .header .top-main .mainnav li {
                position: static;
            }

                .header .top-main .mainnav li > a {
                    color: #000;
                    display: block;
                    text-align: center;
                    position: relative;
                }

                .header .top-main .mainnav li.active > a,
                .header .top-main .mainnav li:hover > a {
                    color: #fff;
                    text-decoration: none;
                }

                .header .top-main .mainnav li .subnav {
                    width: 100%;
                    background-color: #fff;
                    padding-top: .04rem;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 100%;
                    visibility: hidden;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(10px);
                    -moz-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    transform: translateY(10px);
                }

                    /* .header .top-main .mainnav li .subnav:before{content:'';width:0;height:.04rem;display:block;background-color:#130c0e;position:absolute;left:50%;right:0;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;} */
                    .header .top-main .mainnav li .subnav dd {
                        line-height: 2;
                    }

                        .header .top-main .mainnav li .subnav dd a {
                            display: block;
                            padding-left: .1rem;
                        }

                            .header .top-main .mainnav li .subnav dd a:hover {
                                background-color: transparent;
                                color: #fff;
                                text-decoration: underline;
                            }

                .header .top-main .mainnav li .subnav3 {
                    width: 130%;
                    left: -15%;
                    right: -15%;
                }

                .header .top-main .mainnav li:hover .subnav {
                    visibility: visible;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                    .header .top-main .mainnav li:hover .subnav:before {
                        width: 100%;
                    }

                .header .top-main .mainnav li .serbus {
                    display: block;
                    width: 100%;
                    background-color: #fff;
                    padding-top: .04rem;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 100%;
                    visibility: hidden;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(10px);
                    -moz-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    transform: translateY(10px);
                }

                .header .top-main .mainnav li:hover .serbus {
                    visibility: visible;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                .header .top-main .mainnav li .serbus .serbuscon .serbusitem {
                    display: block;
                }

                /*---*/
                .header .top-main .mainnav li .serbus {
                    background-color: #f9f9f9;
                    padding-top: .04rem;
                    position: absolute;
                    left: 0;
                    top: 100%;
                    width: 100%;
                    visibility: hidden;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(10px);
                    -moz-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    transform: translateY(10px);
                    -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
                    -moz-box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
                    box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
                }

                .header .top-main .mainnav li > a {
                    position: relative;
                }

                    .header .top-main .mainnav li > a:before {
                        content: '';
                        width: 0;
                        height: .04rem;
                        display: block;
                        background-color: #130c0e;
                        position: absolute;
                        left: 50%;
                        right: 0;
                        bottom: -.04rem;
                        -webkit-transform: translateX(-50%);
                        -moz-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                        -webkit-transition: all 0.3s ease 0s;
                        -moz-transition: all 0.3s ease 0s;
                        transition: all 0.3s ease 0s;
                        z-index: 9;
                    }

                .header .top-main .mainnav li a:after {
                    content: '';
                    width: 0;
                    height: .3rem;
                    display: block;
                    background-color: #f9f9f9;
                    position: absolute;
                    left: 50%;
                    right: 0;
                    bottom: -.34rem;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    z-index: 9;
                }

                .header .top-main .mainnav li .serbus .serbusTit {
                }

                    .header .top-main .mainnav li .serbus .serbusTit ul {
                        padding: 0;
                    }

                    .header .top-main .mainnav li .serbus .serbusTit li {
                        display: inline-block;
                        line-height: .4rem;
                        float: none;
                        width: 10%;
                        font-size: .16rem;
                        background: #f6f6f6;
                        color: #999;
                        cursor: pointer;
                        text-align: center;
                    }

                        .header .top-main .mainnav li .serbus .serbusTit li.on {
                            background: #ffc700;
                            font-weight: bold;
                            color: #000000;
                        }

                .header .top-main .mainnav li .serbus .serbuscon {
                }

                    /* .header .top-main .mainnav li .serbus .serbuscon .serbusitem { display: none; } */

                    /* .header .top-main .mainnav li .serbus .serbuscon .serbusitem.block { display: block; } */
                    .header .top-main .mainnav li .serbus .serbuscon .serbusitem dl {
                        width: 100%;
                        margin: 0;
                        padding: 0;
                    }

                        .header .top-main .mainnav li .serbus .serbuscon .serbusitem dl dt {
                            border-bottom: 1px solid #cccccc;
                            line-height: .4rem;
                            margin-bottom: .1rem;
                            font-weight: bold;
                        }

                        .header .top-main .mainnav li .serbus .serbuscon .serbusitem dl dd {
                            margin: 0;
                            line-height: .24rem;
                        }

                            .header .top-main .mainnav li .serbus .serbuscon .serbusitem dl dd a {
                            }

                .header .top-main .mainnav li:hover .serbus {
                    visibility: visible;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                .header .top-main .mainnav li:hover > a:before {
                    width: 100%;
                }

                .header .top-main .mainnav li:hover > a:after {
                    width: 100%;
                }

    .header.headernone .top-main .mainnav li > a:before,
    .header.headernone .top-main .mainnav li > a:after {
        width: 0;
    }

    .header .top-main .mainnav li .serbus .right {
        display: block;
    }

    .header .top-main .mainnav li .subnav.subbox {
        padding: 0.35rem 0;
    }

        .header .top-main .mainnav li .subnav.subbox .left {
            display: table-cell;
            padding-right: 35px;
        }

            .header .top-main .mainnav li .subnav.subbox .left dl {
                float: right;
            }

            .header .top-main .mainnav li .subnav.subbox .left dd {
                max-width: 130px;
            }

                .header .top-main .mainnav li .subnav.subbox .left dd a {
                    text-align: left;
                }

        .header .top-main .mainnav li .subnav.subbox .right {
            border-left: 1px solid #ddd;
            width: 400px;
            padding-left: 35px;
            display: table-cell;
            line-height: 24px;
            vertical-align: top;
        }

            .header .top-main .mainnav li .subnav.subbox .right .img {
                display: block;
                padding-bottom: 20px;
            }

                .header .top-main .mainnav li .subnav.subbox .right .img img {
                    width: 100%;
                }

            .header .top-main .mainnav li .subnav.subbox .right .info {
            }

            .header .top-main .mainnav li .subnav.subbox .right .more {
                display: inline-block;
                margin-top: 20px;
                color: #21b6d7;
                font-size: 16px;
                font-size: 0.16rem;
            }

        .header .top-main .mainnav li .subnav.subbox .table {
            display: table;
            width: 100%;
        }
}

@media (min-width:1000px) {
    .header .top-main .mainnav li .serbus .serbusitem {
        padding: 0 20px 40px;
        overflow: hidden;
    }

        .header .top-main .mainnav li .serbus .serbusitem .itemli {
            float: left;
            width: 30%;
            margin-right: 3%;
            overflow: hidden;
        }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(1) {
                width: 49%;
                max-width: 545px;
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) {
                width: 48%;
                max-width: 580px;
                margin-right: 0
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(3n) {
                margin-right: 0
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli dd {
                line-height: 40px;
                margin: 0;
                padding: 0;
                width: 33.33%;
                vertical-align: middle;
                display: block;
                float: left;
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd {
                line-height: 40px;
                margin: 0 0 15px 0;
                padding: 0;
                width: 100%;
                vertical-align: middle;
                display: block;
                float: left;
                padding-left: 70px;
                position: relative;
            }

                .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd img {
                    position: absolute;
                    width: 63px;
                    height: 63px;
                    left: 0;
                    top: 0;
                }

                .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd p {
                    color: #999;
                    line-height: 1.4;
                    margin: 0
                }

            .header .top-main .mainnav li .serbus .serbusitem .itemli dd a {
                line-height: 40px;
                text-align: left;
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(1) dd a {
                padding-left: 20px
            }

            .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd a:hover {
                background-color: #fff;
                color: #000;
                text-decoration: none;
            }
}

@media (min-width:1000px) {
    .header .top-main .mainnav li .subnav.subbox .left dd {
        min-width: 160px;
        max-width: none;
    }

        .header .top-main .mainnav li .subnav.subbox .left dd a {
            padding-left: 20px;
        }

    .header .top-main .mainnav li .subnav.subboxid2 .left dd {
        float: left;
        margin-left: 20px;
    }

    .header .top-main .mainnav li .subnav.subboxid2 .left dl {
        width: 380px;
    }
}

/*---*/
@media (min-width:1280px) {
    .header .top-aux .nav-aux li {
        padding: 0 .25rem;
    }

    .header .top-aux .tools .selbox {
        padding: 0 .2rem;
    }

    .header .top-main {
        padding: .29rem 0 .28rem;
    }

        .header .top-main .mainnav li > a {
            font-size: .18rem;
        }

        .header .top-main .mainnav li .subnav dd a {
            padding: .1rem .05rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }
}

.header .top-main .mainnav li .subnav.subbox .left dd a {
    color: #000;
    font-weight: bold;
    font-size: .15rem;
}

/*头部*/

/*底部*/
.footer .floor {
    padding: .1rem 0;
}

.footer .floor1 {
    background-color: #3c3d45;
}

.footer .floor2 {
    background-color: #130C0E;
}

.footer .search-box {
    line-height: .35rem;
}

    .footer .search-box .ti {
        width: .4rem;
        float: left;
        color: #fff;
    }

    .footer .search-box .search {
        width: -moz-calc(100% - .4rem);
        width: calc(100% - .4rem);
        float: right;
        background-color: #fff;
        margin-bottom: .1rem;
    }

        .footer .search-box .search .keyword {
            width: -moz-calc(100% - .35rem);
            width: calc(100% - .35rem);
            height: .35rem;
            line-height: inherit;
            padding: 0 .1rem;
            float: left;
        }

        .footer .search-box .search .btn {
            width: .35rem;
            height: .35rem;
            text-align: center;
            float: right;
            cursor: pointer;
        }

.footer .viewed-box .ti {
    color: #ffc700;
}

.footer .viewed-box .data-list li {
    float: left;
    padding-left: .1rem;
}
    /*.footer .viewed-box .data-list li:first-child { padding-left: 0; }*/
    .footer .viewed-box .data-list li a {
        color: #FFF;
    }

        .footer .viewed-box .data-list li a:after { /*content: '\e601';*/
            font-family: 'iconfont';
            font-size: .11rem;
            line-height: 1;
            margin-left: .05rem;
            color: #8E9498;
        }

/* .footer .viewed-box .data-list li a:hover{color:#ffc700;text-decoration:none;} */
.footer .navbt-box {
    padding-bottom: .1rem;
}

    .footer .navbt-box .logo-bt {
        margin-bottom: .10rem;
    }

    .footer .navbt-box .nav-bt li {
        float: left;
        margin-left: .1rem;
        position: relative;
        font-size: .12rem;
    }

        .footer .navbt-box .nav-bt li:before {
            content: '';
            width: 1px;
            height: .1rem;
            display: inline-block;
            background-color: #8E9498;
            margin-right: .1rem;
        }

        .footer .navbt-box .nav-bt li:first-child {
            margin-left: 0;
        }

            .footer .navbt-box .nav-bt li:first-child:before {
                display: none;
            }

        .footer .navbt-box .nav-bt li a {
            color: #7b7b7b;
        }

            .footer .navbt-box .nav-bt li a:hover {
                color: #ffc700;
                text-decoration: none;
            }

.footer .copyright-box {
    color: #7b7b7b;
    padding-top: .1rem;
}

    .footer .copyright-box .go-top-box {
        text-align: right;
        display: none;
    }

        .footer .copyright-box .go-top-box .go-top {
            width: .3rem;
            height: .3rem;
            text-align: center;
            color: #fff;
            line-height: .3rem;
            font-size: .12rem;
            float: right;
            cursor: pointer;
        }

            .footer .copyright-box .go-top-box .go-top:hover {
                background-color: #ffc700;
                text-decoration: none;
            }

    .footer .copyright-box .text-img {
        margin: .1rem auto;
        text-align: left;
    }

    .footer .copyright-box .text {
        font-size: .12rem;
    }

        .footer .copyright-box .text a {
            color: #7b7b7b;
        }

            .footer .copyright-box .text a:hover {
                color: #ffc700;
                text-decoration: none;
            }

.footer .navbt-box .nav-bt ul {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

@media (min-width:768px) {
    .footer .floor {
        padding: .18rem 0;
    }

    .footer .search-box {
        width: 25%;
        max-width: 1.79rem;
        float: right;
    }

        .footer .search-box .search {
            margin-bottom: 0;
        }

    .footer .viewed-box {
        float: left;
        line-height: .35rem;
        width: 85%
    }

        .footer .viewed-box .ti,
        .footer .viewed-box .data-list {
            display: inline-block;
            vertical-align: middle;
        }

    .footer .copyright-box .text {
        text-align: right;
    }
}

@media (min-width:1024px) {
    .footer .floor2 {
        padding: .15rem 0 .5rem;
    }

    .footer .navbt-box {
        float: left;
        padding-top: .05rem;
    }

    .footer .copyright-box {
        float: right;
    }
}

@media (min-width:1280px) {
    .footer .viewed-box .data-list li {
        padding-left: .3rem;
    }
}

/*底部*/

/*banner*/
.banner {
    position: relative;
}

/*首页banner*/
.homeban li a {
    display: block;
}

.homeban li img {
    width: 100%;
}

.homeban .bx-wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    background: none;
}

.homeban:hover .bx-controls .bx-controls-direction a {
    display: block;
    text-decoration: none;
}

.homeban .bx-controls .bx-controls-direction a {
    display: none;
}
    /*.homeban .bx-controls .bx-controls-direction a { text-indent: 0; font-size: 0; text-align: center; line-height: .32rem; }*/
    .homeban .bx-controls .bx-controls-direction a:before {
        font-family: 'iconfont';
        font-size: .2rem;
        color: rgba(255, 255, 255, 0.3);
    }
/*.homeban .bx-controls .bx-controls-direction a.bx-prev:before { content: '\e606'; }*/
/*.homeban .bx-controls .bx-controls-direction a.bx-next:before { content: '\e600'; }*/

/* .homeban .bx-controls .bx-controls-direction a:hover{background-color:#ffc700;} */
.homeban .bx-controls .bx-pager {
    width: 94%;
    left: 50%;
    margin-left: -47%;
    bottom: .1rem;
    padding: 0;
    text-align: left;
    z-index: 89;
}

    .homeban .bx-controls .bx-pager .bx-pager-item {
        margin-left: .05rem;
        vertical-align: middle;
    }

        .homeban .bx-controls .bx-pager .bx-pager-item:first-child {
            margin-left: 0;
        }

        .homeban .bx-controls .bx-pager .bx-pager-item a {
            width: .08rem;
            height: .08rem;
            margin: .02rem;
            background-color: #fff;
            text-decoration: none;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .homeban .bx-controls .bx-pager .bx-pager-item a.active {
                width: .12rem;
                height: .12rem;
                background-color: #21b6d7;
                margin: 0;
            }

@media (max-width:767px) {
    .banner {
        background: none !important;
    }
}
/*@media (min-width:768px) {
  .homeban .bx-controls .bx-controls-direction a { width: .4rem; height: .4rem; line-height: .4rem; margin-top: -.2rem; }
  .homeban .bx-controls .bx-controls-direction a:before { font-size: .3rem; }
}*/
@media (max-width:1200px) {
    .homeban li a {
        background: none !important;
    }
}

@media (min-width:1280px) {
    .homeban li a {
        width: 100%;
        height: 4rem;
        background-repeat: no-repeat;
        background-position: center;
    }

    .homeban li img {
        display: none;
    }

    .homeban .bx-controls .bx-controls-direction,
    .homeban .bx-controls .bx-pager {
        width: 12rem;
        margin-left: -6rem;
        bottom: .28rem;
    }

    .homeban .bx-controls .bx-controls-direction { /*position: absolute; /*left: 50%; top: 50%; margin-top: -.25rem; height: 0rem;*/
        display: none
    }
        /*.homeban .bx-controls .bx-controls-direction a { width: .5rem; height: .5rem; line-height: .5rem; margin-top: -.25rem; }*/
        .homeban .bx-controls .bx-controls-direction a:before {
            font-size: .39rem;
        }

        .homeban .bx-controls .bx-controls-direction a.bx-prev {
            left: -.5rem;
        }

        .homeban .bx-controls .bx-controls-direction a.bx-next {
            right: -.5rem;
        }
}

/*当前位置*/
.location {
    padding: .15rem 0;
    line-height: .22rem;
    color: #21b6d7;
}

    .location .current a {
        margin: 0 .05rem;
        color: #21b6d7;
        font-weight: bold;
    }

        .location .current a:first-child {
            margin-left: 0;
        }

        .location .current a:hover {
            color: #ffc700;
            text-decoration: none;
        }

    .location .current span {
        margin-left: .05rem;
        color: #666;
    }

    .location .share-box li {
        float: left;
        margin-left: .15rem;
    }

        .location .share-box li:first-child {
            margin-left: 0;
        }

        .location .share-box li a {
            display: block;
            cursor: pointer;
            color: #bbbeb8;
            background: none;
        }

            .location .share-box li a,
            .location .share-box li a:before {
                line-height: 1;
                font-size: .2rem;
            }

                .location .share-box li a:before {
                    font-family: 'iconfont';
                }

                .location .share-box li a:hover {
                    color: #ffc700;
                    text-decoration: none;
                }

        .location .share-box li.li-wechat a:before {
            content: '\e605';
        }

        .location .share-box li.li-weibo a:before {
            content: '\e608';
        }

        .location .share-box li.li-in a:before {
            content: '\e60b';
        }

@media (min-width:768px) {
    .location {
        padding: .27rem 0 .47rem;
    }

        .location .current {
            float: left;
        }

        .location .share-box {
            float: right;
        }

            .location .share-box li {
                margin-left: .25rem;
            }
}

@media screen and (max-width:768px) {
    .location .current {
        float: left;
    }

    .location .share-box {
        float: right;
    }
}

/*右侧菜单*/

/*在线留言*/

/* .slider-contact .ti-box{background-color:#21b6d7;color:#fff;line-height:.4rem;padding:0 .1rem;font-size:.16rem;} */
.slider-contact .ti-box a {
    background-color: #21b6d7;
    color: #fff;
    line-height: .4rem;
    padding: 0 .1rem;
    font-size: .16rem;
    display: block;
}

.slider-contact .ti-box .ico {
    width: .28rem;
    height: .28rem;
    line-height: .28rem;
    font-size: .13rem;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #21b6d7;
    margin-right: .08rem;
}

.slider-contact .ti-box a:hover {
    background-color: #000;
    text-decoration: none;
}

.slider-contact .ti-box a:hover {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

    .slider-contact .ti-box a:hover .ico {
        color: #ffc700;
    }

.slider-contact .contbox {
    margin-top: .1rem;
    background-color: #f5f5f5;
    padding: 0;
    color: #333;
}

    .slider-contact .contbox li {
        word-break: break-all;
        line-height: .3rem;
        padding: .08rem .15rem;
        border-top: 2px solid #fff;
    }

        .slider-contact .contbox li:first-child {
            border-top: 0;
        }

        .slider-contact .contbox li .ico {
            width: .28rem;
            height: .28rem;
            line-height: .28rem;
            text-align: center;
            display: inline-block;
            background-color: #e1e2e4;
            color: #767a7f;
            -moz-border-radius: 50%;
            border-radius: 50%;
            float: left;
        }

        .slider-contact .contbox li .txtbox {
            width: -moz-calc(100% - .28rem);
            width: calc(100% - .28rem);
            float: right;
            padding-left: .09rem;
        }

        .slider-contact .contbox li.li-name .txtbox {
            padding-left: 0;
            float: none;
            width: 100%;
        }

        .slider-contact .contbox li.li-name {
            color: #21b6d7;
            font-weight: bold;
        }

        .slider-contact .contbox li.li-mail a {
            color: #333;
        }

@media (min-width:768px) {
    .slider-contact .ti-box a {
        line-height: .52rem;
        padding: 0 .2rem;
        font-size: .2rem;
    }

    .slider-contact .ti-box .ico {
        margin-right: .14rem;
    }

    .slider-contact .contbox li {
        line-height: .37rem;
    }

        .slider-contact .contbox li .ico {
            width: .37rem;
            height: .37rem;
            line-height: .37rem;
            font-size: .2rem;
        }

        .slider-contact .contbox li .txtbox {
            width: -moz-calc(100% - .37rem);
            width: calc(100% - .37rem);
        }

        .slider-contact .contbox li.li-news .ico {
            font-size: .16rem;
        }
}

@media (min-width:1280px) {
    .slider-contact .contbox li .txtbox {
        font-size: .16rem;
    }
}

/*菜单*/
.nav-menu {
    padding-top: .3rem;
}

    .nav-menu li {
        border-bottom: 1px dashed #e3e3e3;
    }

        .nav-menu li a {
            display: block;
            padding: .13rem .1rem;
            color: #666;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .nav-menu li.active a,
            .nav-menu li a:hover {
                background-color: #767a7f;
                color: #fff;
                text-decoration: none;
            }

@media (min-width:768px) {
    .nav-menu li {
        font-size: .16rem;
    }

        .nav-menu li a {
            padding-left: .2rem;
            padding-right: .2rem;
        }
}

/*宣言*/
.slider-declaration {
    padding: .34rem .3rem .3rem .2rem;
    background-color: #f5f5f5;
    background-image: url(../images/slider-declaration-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    margin-top: .1rem;
    color: #333;
}

    .slider-declaration span {
        color: #999;
    }

/*视频*/
.slider-video {
    background-color: #f5f5f5;
    padding: .05rem;
    margin-top: .1rem;
}

    .slider-video .videoplayer {
        position: relative;
    }

        .slider-video .videoplayer:before {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .slider-video .videoplayer:hover:before {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .slider-video .videoplayer .play-btn {
            width: .5rem;
            height: .5rem;
            padding: .05rem;
            background-color: #21b6d7;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -.25rem;
            margin-top: -.25rem;
            z-index: 3;
            cursor: pointer;
            color: #fff;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
        }

            .slider-video .videoplayer .play-btn:before {
                content: '\e602';
                font-family: 'iconfont';
                font-size: .4rem;
                line-height: 1;
            }

        .slider-video .videoplayer img {
            width: 100%;
        }

        .slider-video .videoplayer video {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            display: none;
        }

    .slider-video > span {
        display: block;
        text-align: center;
        line-height: 1;
        padding: .1rem 0;
        color: #333;
    }

    .slider-video .video-play:before,
    .slider-video .video-play .play-btn,
    .slider-video .video-play img {
        display: none;
    }

    .slider-video .video-play video {
        display: block;
    }

@media (min-width:1280px) {
    .slider-video .videoplayer .play-btn {
        width: .69rem;
        height: .69rem;
        padding: .068rem;
        margin-left: -.345rem;
        margin-top: -.345rem;
    }

        .slider-video .videoplayer .play-btn:before {
            font-size: .55rem;
        }
}

/*其他导航*/
.slider-nav {
    margin-top: .1rem;
}

    .slider-nav li {
        padding-top: .1rem;
        line-height: .4rem;
    }

        .slider-nav li:first-child {
            padding-top: 0;
        }

        .slider-nav li > a {
            display: block;
            background-color: #21b6d7;
            color: #fff;
            padding: 0 .1rem;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            cursor: default;
        }

            .slider-nav li > a:hover {
                background-color: #ffc700;
                text-decoration: none;
            }

        .slider-nav li span.divspan {
            display: block;
            position: relative;
        }

            .slider-nav li span.divspan:before,
            .slider-nav li span.divspan:after {
                font-family: 'iconfont';
            }

            .slider-nav li span.divspan:before {
                content: '\e614';
                width: .28rem;
                height: .28rem;
                line-height: .28rem;
                font-size: .14rem;
                text-align: center;
                display: inline-block;
                background-color: #fff;
                color: #21b6d7;
                margin-right: .08rem;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

        /* .slider-nav li span:after{content:'\e616';width:.19rem;height:.19rem;padding:.02rem;line-height:.14rem;font-size:.12rem;text-align:center;position:absolute;right:0;top:50%;margin-top:-.095rem;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} */
        .slider-nav li .divbtxt {
            line-height: 24px;
            border: 1px solid #ddd;
            padding: 10px 15px;
            border-top: none;
        }

            .slider-nav li .divbtxt a {
                font-size: 16px;
            }

@media (min-width:768px) {
    .slider-nav li {
        line-height: .52rem;
        font-size: .2rem;
    }

        .slider-nav li span.divspan:before {
            margin-right: .14rem;
        }
}

.slider-nav-txt {
    margin-top: .1rem;
}

/*分页*/
.Pages {
    text-align: center;
}

    .Pages a {
        display: inline-block;
        padding: 0 .1rem;
        border: 1px solid #edecec;
        color: #666;
        line-height: .3rem;
        cursor: pointer;
    }

        .Pages a:hover {
            background-color: #21b6d7;
            color: #fff;
            text-decoration: none;
        }

        .Pages a.first {
            margin-right: .05rem;
        }

        .Pages a.last {
            margin-left: .05rem;
        }

        .Pages a.prev:before,
        .Pages a.next:before {
            font-family: 'iconfont';
        }

        .Pages a.prev:before {
            content: '\e61b';
        }

        .Pages a.next:before {
            content: '\e61a';
        }

        .Pages a.cur,
        .Pages a:hover {
            background-color: #21b6d7;
            color: #fff;
        }

        .Pages a.a_cur,
        .Pages a:hover {
            background-color: #21b6d7;
            color: #fff;
        }

    .Pages em {
        letter-spacing: -.5em;
        padding: 0 .05rem;
    }

        .Pages em a {
            letter-spacing: 0;
            border-left: 0;
            cursor: pointer;
        }

            .Pages em a:first-child {
                border-left: 1px solid #edecec;
            }

@media (min-width:768px) {
    .Pages a {
        padding: 0 .1rem;
        line-height: .4rem;
    }
}

@media (min-width:1024px) {
    .Pages a {
        padding: 0 .17rem;
        line-height: .45rem;
    }

        .Pages a.first {
            margin-right: .1rem;
        }

        .Pages a.last {
            margin-left: .1rem;
        }

    .Pages em {
        padding: 0 .1rem;
    }
}

/*分页*/
.pages {
    text-align: center;
}

    .pages a {
        display: inline-block;
        padding: 0 .05rem;
        border: 1px solid #edecec;
        color: #666;
        line-height: .3rem;
    }

        .pages a:hover {
            background-color: #21b6d7;
            color: #fff;
            text-decoration: none;
        }

        .pages a.first {
            margin-right: .05rem;
        }

        .pages a.last {
            margin-left: .05rem;
        }

        .pages a.prev:before,
        .pages a.next:before {
            font-family: 'iconfont';
        }

        .pages a.prev:before {
            content: '\e61b';
        }

        .pages a.next:before {
            content: '\e61a';
        }

        .pages a.cur,
        .pages a:hover {
            background-color: #21b6d7;
            color: #fff;
        }

        .pages a.a_cur,
        .pages a:hover {
            background-color: #21b6d7;
            color: #fff;
        }

    .pages em {
        letter-spacing: -.5em;
        padding: 0 .05rem;
    }

        .pages em a {
            letter-spacing: 0;
            border-left: 0;
        }

            .pages em a:first-child {
                border-left: 1px solid #edecec;
            }

@media (min-width:768px) {
    .pages a {
        padding: 0 .1rem;
        line-height: .4rem;
    }
}

@media (min-width:1024px) {
    .pages a {
        padding: 0 .17rem;
        line-height: .45rem;
    }

        .pages a.first {
            margin-right: .1rem;
        }

        .pages a.last {
            margin-left: .1rem;
        }

    .pages em {
        padding: 0 .1rem;
    }
}

/*
** 弹窗
*/
.pop-up {
    width: 80%;
    max-width: 3.87rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
    position: fixed;
    left: 50%;
    top: -100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 300;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .pop-up .pop-wrap {
        position: relative;
    }

    .pop-up .close {
        font-size: .22rem;
        width: .3rem;
        height: .3rem;
        text-align: center;
        color: #fff;
        position: absolute;
        right: 0;
        top: -.4rem;
        cursor: pointer;
    }

        .pop-up .close:hover {
            color: #ffc700;
        }

html.pop-open,
html.pop-open body,
html.pop-show,
html.pop-show body {
    overflow: hidden;
}

    html.pop-open body:before,
    html.pop-show body:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 210;
    }

    html.pop-open .pop-up,
    html.pop-show .pop-up {
        top: 50%;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    html.pop-show .pop-up {
        display: none;
    }

html.pop-login-show .pop-login {
    display: block;
    visibility: visible;
}

html.pop-registered-show .pop-registered {
    display: block;
    visibility: visible;
}

html.pop-password-show .pop-password {
    display: block;
    visibility: visible;
}

html.pop-login-active .pop-login {
    visibility: visible;
}

html.pop-registered-active .pop-registered {
    visibility: visible;
}

html.pop-password-active .pop-password {
    visibility: visible;
}

html.pop-question-active .pop-question {
    visibility: visible;
}

html.pop-map-active .pop-map {
    visibility: visible;
}

html.pop-subscription-active .pop-subscription {
    visibility: visible;
}

html.pop-imgbox-active .pop-imgbox {
    visibility: visible;
}

html.pop-addfailure-active .pop-addfailure {
    visibility: visible;
}

html.pop-order-active .pop-order {
    visibility: visible;
}

html.pop-wechat-active .pop-wechat {
    visibility: visible;
}

@media (min-width:768px) {
    .pop-up .close {
        right: -.45rem;
        top: 0;
    }

    .pop-login .ti-box,
    .pop-registered .ti-box,
    .pop-password .ti-box {
        line-height: .6rem;
        font-size: .2rem;
    }

    .pop-login .form,
    .pop-registered .form,
    .pop-password .form {
        padding: .4rem 0 .49rem;
    }

        .pop-login .form li,
        .pop-registered .form li,
        .pop-password .form li {
            line-height: .5rem;
            padding: .1rem 0;
            font-size: .14rem;
        }

            .pop-login .form li .text,
            .pop-registered .form li .text,
            .pop-password .form li .text {
                padding: 0 .2rem;
            }
}

/*登录、注册、密码 弹窗*/
.pop-login .ti-box,
.pop-registered .ti-box,
.pop-password .ti-box {
    background-color: #f8f8f8;
    color: #130c0e;
    text-align: center;
    font-size: .16rem;
    line-height: .4rem;
}

.pop-login .form,
.pop-registered .form,
.pop-password .form {
    width: 77.51%;
    padding: .2rem 0;
    margin: 0 auto;
}

    .pop-login .form li,
    .pop-registered .form li,
    .pop-password .form li {
        line-height: .3rem;
        padding: .05rem 0;
        font-size: .12rem;
    }

        .pop-login .form li:first-child,
        .pop-registered .form li:first-child,
        .pop-password .form li:first-child {
            padding-top: 0;
        }

        .pop-login .form li:last-child,
        .pop-registered .form li:last-child,
        .pop-password .form li:last-child {
            padding-bottom: 0;
        }

        .pop-login .form li .text,
        .pop-registered .form li .text,
        .pop-password .form li .text {
            width: 100%;
            height: .3rem;
            line-height: .28rem;
            border: 1px solid #e3e3e3;
            padding: 0 .1rem;
        }

        .pop-login .form li.li-btn,
        .pop-registered .form li.li-btn,
        .pop-password .form li.li-btn {
            padding-top: .1rem;
        }

            .pop-login .form li.li-btn .btn,
            .pop-registered .form li.li-btn .btn,
            .pop-password .form li.li-btn .btn {
                width: 100%;
                background-color: #21b6d7;
                color: #fff;
                height: inherit;
                line-height: inherit;
                text-align: center;
                cursor: pointer;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .pop-login .form li.li-btn .btn:hover,
                .pop-registered .form li.li-btn .btn:hover,
                .pop-password .form li.li-btn .btn:hover {
                    background-color: #ffc700;
                }

        .pop-login .form li.li-code .text,
        .pop-registered .form li.li-code .text,
        .pop-password .form li.li-code .text {
            width: 57.33333%;
            float: left;
        }

        .pop-login .form li.li-code .imgbox,
        .pop-registered .form li.li-code .imgbox,
        .pop-password .form li.li-code .imgbox {
            width: 37.3%;
            height: .3rem;
            float: right;
            cursor: pointer;
        }

            .pop-login .form li.li-code .imgbox img,
            .pop-registered .form li.li-code .imgbox img,
            .pop-password .form li.li-code .imgbox img {
                width: auto;
                height: 100%;
            }

        .pop-login .form li.li-text,
        .pop-registered .form li.li-text,
        .pop-password .form li.li-text {
            line-height: 1;
            padding-top: .1rem;
        }

            .pop-login .form li.li-text a,
            .pop-registered .form li.li-text a,
            .pop-password .form li.li-text a {
                color: #21b6d7;
                position: relative;
                cursor: pointer;
                display: inline-block;
            }

                .pop-login .form li.li-text a:before,
                .pop-registered .form li.li-text a:before,
                .pop-password .form li.li-text a:before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    display: block;
                    background-color: #21b6d7;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: -.06rem;
                }

                .pop-login .form li.li-text a:hover,
                .pop-registered .form li.li-text a:hover,
                .pop-password .form li.li-text a:hover {
                    color: #ffc700;
                }

                    .pop-login .form li.li-text a:hover:before,
                    .pop-registered .form li.li-text a:hover:before,
                    .pop-password .form li.li-text a:hover:before {
                        background-color: #ffc700;
                    }

                .pop-login .form li.li-text a.a-link1,
                .pop-registered .form li.li-text a.a-link1,
                .pop-password .form li.li-text a.a-link1 {
                    float: left;
                }

                .pop-login .form li.li-text a.a-link2,
                .pop-registered .form li.li-text a.a-link2,
                .pop-password .form li.li-text a.a-link2 {
                    float: right;
                }

        .pop-login .form li.li-getcode .text,
        .pop-registered .form li.li-getcode .text,
        .pop-password .form li.li-getcode .text {
            width: 57.666666%;
            float: left;
        }

        .pop-login .form li.li-getcode .btn,
        .pop-registered .form li.li-getcode .btn,
        .pop-password .form li.li-getcode .btn {
            width: 39.33333%;
            height: inherit;
            line-height: inherit;
            background-color: #21b6d7;
            color: #fff;
            text-align: center;
            float: right;
            cursor: pointer;
        }

            .pop-login .form li.li-getcode .btn:hover,
            .pop-registered .form li.li-getcode .btn:hover,
            .pop-password .form li.li-getcode .btn:hover {
                background-color: #ffc700;
            }

        /*注册弹窗*/
        .pop-registered .form li.li-text {
            text-align: right;
        }

/*地图弹窗*/
.pop-map {
    width: 90%;
    max-width: 8rem;
}

    .pop-map .pop-contbox {
        width: 100%;
        height: 50vh;
    }

        .pop-map .pop-contbox .map {
            width: 100%;
            height: 100%;
        }

            .pop-map .pop-contbox .map img {
                max-width: none;
            }

/*订阅弹窗*/
.pop-subscription {
    width: 90%;
    max-width: 12rem;
}

    .pop-subscription .pop-contbox .ti {
        color: #130c0e;
        font-size: .16rem;
        text-align: center;
        line-height: 1;
    }

    .pop-subscription .pop-contbox .contbox {
        padding-top: .15rem;
    }

    .pop-subscription .ismember-box {
        padding: .2rem 0;
        text-align: center;
    }

        .pop-subscription .ismember-box .contbox {
            letter-spacing: -.5em;
        }

        .pop-subscription .ismember-box a {
            display: inline-block;
            width: .6rem;
            letter-spacing: 0;
            margin-left: .21rem;
            background-color: #f5f5f5;
            line-height: .3rem;
            cursor: pointer;
        }

            .pop-subscription .ismember-box a:before {
                margin-left: 0;
            }

            .pop-subscription .ismember-box a.a-yes {
                background-color: #21b6d7;
                color: #fff;
            }

            .pop-subscription .ismember-box a:hover {
                background-color: #ffc700;
                color: #fff;
                text-decoration: none;
            }

    .pop-subscription .data-list {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: .3rem .1rem;
    }

        .pop-subscription .data-list ul {
            margin-left: -.05rem;
            margin-right: -.05rem;
        }

        .pop-subscription .data-list li {
            width: 25%;
            float: left;
            padding: .1rem .05rem 0;
            text-align: center;
        }

            .pop-subscription .data-list li .item {
                background-color: #f5f5f5;
                padding: .05rem;
            }

            .pop-subscription .data-list li .txtbox {
                padding-top: .1rem;
                display: none;
            }

                .pop-subscription .data-list li .txtbox em,
                .pop-subscription .data-list li .txtbox span {
                    display: block;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    line-height: 1;
                }

                .pop-subscription .data-list li .txtbox em {
                    font-style: normal;
                    font-weight: bold;
                    font-size: .16rem;
                }

                .pop-subscription .data-list li .txtbox span {
                    margin-top: .05rem;
                }

            .pop-subscription .data-list li.li-1,
            .pop-subscription .data-list li.li-2,
            .pop-subscription .data-list li.li-3,
            .pop-subscription .data-list li.li-4 {
                padding-top: 0;
            }

/*图片弹窗*/
.pop-imgbox {
    width: 90%;
    max-width: 12rem;
}

@media (min-width:1000px) {
    .pop-login .ti-box,
    .pop-registered .ti-box,
    .pop-password .ti-box {
        line-height: .6rem;
    }

    .pop-login .form,
    .pop-registered .form,
    .pop-password .form {
        padding: .4rem 0;
    }

        .pop-login .form li .text,
        .pop-registered .form li .text,
        .pop-password .form li .text {
            height: .5rem;
            line-height: .48rem;
        }

        .pop-login .form li,
        .pop-registered .form li,
        .pop-password .form li {
            padding: .1rem 0;
        }

            .pop-login .form li.li-code .imgbox,
            .pop-registered .form li.li-code .imgbox,
            .pop-password .form li.li-code .imgbox {
                height: .5rem;
            }

        .pop-login .form li,
        .pop-registered .form li,
        .pop-password .form li {
            line-height: .5rem;
        }
}

/*微信分享*/
.pop-wechat {
    width: 1.5rem;
}

    .pop-wechat img {
        width: 100%;
    }

/*直播课程 - 报名人数已满提示*/
.pop-addfailure {
    max-width: 3.87rem;
}

    .pop-addfailure .pop-contbox {
        text-align: center;
        padding: .8rem 0;
    }

        .pop-addfailure .pop-contbox .ico {
            color: #ffc700;
            font-size: .5rem;
            line-height: 1;
        }

        .pop-addfailure .pop-contbox .txt {
            line-height: 1.75;
            color: #130c0e;
            margin-top: .2rem;
        }

/*直播课程 - 订单*/
.pop-order {
    width: 90%;
    max-width: 12rem;
}

    .pop-order .ti-box {
        background-color: #f4f4f4;
        text-align: center;
        font-size: .16rem;
        line-height: .4rem;
    }

    .pop-order .form-box {
        padding: .15rem .1rem;
    }

    .pop-order .form {
        border: 1px solid #eee;
        border-top-width: 2px;
    }

        .pop-order .form .table table {
            border-collapse: collapse;
            width: 100%;
            border: 0;
        }

        .pop-order .form .table tr.tr-ti td {
            border-top: 0;
            border-bottom: 0;
            line-height: 1.2;
            color: #130c0e;
        }

        .pop-order .form .table td {
            border: 1px solid #eee;
            padding: .05rem;
            word-break: break-word;
        }

            .pop-order .form .table td.td-2,
            .pop-order .form .table td.td-3,
            .pop-order .form .table td.td-4 {
                text-align: center;
                width: 72%;
            }

            .pop-order .form .table td.td-1,
            .pop-order .form .table td.td-4 {
                border-left: 0;
                border-right: 0;
            }

            .pop-order .form .table td.td-1 {
                width: 28%;
            }

            .pop-order .form .table td.td-price {
                color: #e3001e;
            }

            .pop-order .form .table td .class-info {
                width: 100%;
                overflow: hidden;
            }

                .pop-order .form .table td .class-info .imgbox {
                    position: relative;
                }

                    .pop-order .form .table td .class-info .imgbox:before {
                        content: '';
                        width: 100%;
                        height: 100%;
                        display: block;
                        background-color: rgba(0, 0, 0, 0.3);
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        z-index: 2;
                    }

                    .pop-order .form .table td .class-info .imgbox:after {
                        content: '\e62c';
                        font-family: 'iconfont';
                        display: block;
                        color: #fff;
                        font-size: .2rem;
                        line-height: 1;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin-top: -.1rem;
                        margin-left: -.1rem;
                        z-index: 3;
                    }

                .pop-order .form .table td .class-info .txt-box {
                    margin-top: .1rem;
                }

                    .pop-order .form .table td .class-info .txt-box .ti {
                        line-height: 1;
                        color: #130c0e;
                    }

                    .pop-order .form .table td .class-info .txt-box .txt {
                        display: none;
                        margin-top: .1rem;
                    }


        .pop-order .form .radio-box label,
        .pop-order .form .radio-box input {
            display: inline-block;
            vertical-align: middle;
        }

        .pop-order .form .price-box .amount {
            float: right;
        }

        .pop-order .form .price-box .radio-box {
            float: left;
            width: 50%;
        }

            .pop-order .form .price-box .radio-box input {
                line-height: .4rem;
                font-size: .16rem;
                padding-left: .1rem;
                width: 80%;
                border: 1px solid #eeeeee;
            }

            .pop-order .form .price-box .radio-box .use {
                display: inline-block;
                line-height: .4rem;
                width: 18%;
                text-align: center;
                font-size: .14rem;
                background: #e8e8e8;
                color: #898989;
                position: relative;
                left: -4px;
                top: 1px;
                border: 1px solid #eee;
            }

                .pop-order .form .price-box .radio-box .use:hover {
                    background: #21b6d7;
                    color: #fff;
                    border: 1px solid #21b6d7;
                }

        .pop-order .form .amount span {
            color: #e3001e;
        }

        .pop-order .form .price-box {
            text-align: right;
            padding: .05rem .1rem;
            border-bottom: 1px solid #eee;
        }

        .pop-order .form .pay-box {
            padding: .05rem .1rem;
        }

            .pop-order .form .pay-box .pay-way .ti,
            .pop-order .form .pay-box .pay-way .radio-box {
                display: inline-block;
            }

        .pop-order .form .remarks {
            padding: .05rem .1rem;
            letter-spacing: -.5em;
        }

            .pop-order .form .remarks .ti,
            .pop-order .form .remarks .textarea-box {
                display: inline-block;
                vertical-align: middle;
                letter-spacing: 0;
            }

            .pop-order .form .remarks .ti {
                width: .4rem;
                text-align: center;
            }

            .pop-order .form .remarks .textarea-box {
                width: -moz-calc(100% - .4rem - .1rem);
                width: calc(100% - .4rem - .1rem);
                margin-left: .1rem;
                height: .4rem;
            }

                .pop-order .form .remarks .textarea-box .text {
                    width: 100%;
                    height: 100%;
                    padding: .1rem;
                    border: 1px solid #eee;
                }

        .pop-order .form .payfor-box {
            background-color: #f7f7f7;
            text-align: right;
            padding: .05rem;
        }

            .pop-order .form .payfor-box .amount,
            .pop-order .form .payfor-box .a-btn {
                display: inline-block;
            }

                .pop-order .form .payfor-box .amount span {
                    margin-left: .05rem;
                }

            .pop-order .form .payfor-box .a-btn {
                padding: 0 .1rem;
                line-height: .3rem;
                margin-left: .2rem;
                background-color: #21b6d7;
                color: #fff;
                text-align: center;
                cursor: pointer;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .pop-order .form .payfor-box .a-btn:hover {
                    background-color: #ffc700;
                }

    .pop-order .tips {
        font-size: .13rem;
        margin-top: .1rem;
    }

        .pop-order .tips:before {
            content: '\e630';
            font-family: 'iconfont';
            display: inline-block;
            margin-right: .05rem;
        }

@media (min-width:375px) {

    /*直播课程 - 订单*/
    .pop-order .ti-box {
        line-height: .5rem;
    }

    .pop-order .form .table tr.tr-ti td {
        line-height: .3rem;
    }

    .pop-order .form .table td.td-2,
    .pop-order .form .table td.td-3,
    .pop-order .form .table td.td-4 {
        width: 66%;
    }

    .pop-order .form .table td.td-1 {
        width: 34%;
    }

    .pop-order .form .price-box,
    .pop-order .form .pay-box,
    .pop-order .form .remarks,
    .pop-order .form .payfor-box {
        padding: .1rem;
    }
}

@media (min-width:414px) {

    /*直播课程 - 报名人数已满提示*/
    .pop-addfailure .pop-contbox {
        padding: 1.03rem 0 1.4rem;
    }

        .pop-addfailure .pop-contbox .ico {
            font-size: .7rem;
        }

        .pop-addfailure .pop-contbox .txt {
            font-size: .16rem;
            margin-top: .35rem;
        }
}

@media (min-width:768px) {

    /*地图弹窗*/
    .pop-map {
        width: 80%;
    }

    /*订阅弹窗*/
    .pop-subscription {
        width: 85%;
    }

        .pop-subscription .pop-contbox .contbox {
            padding-top: .2rem;
        }

        .pop-subscription .ismember-box a {
            width: 1rem;
            line-height: .4rem;
            font-size: .16rem;
        }

        .pop-subscription .data-list li .item {
            padding: .15rem;
        }

        .pop-subscription .data-list li .txtbox {
            display: block;
        }

            .pop-subscription .data-list li .txtbox em {
                font-size: .18rem;
            }

    /*图片弹窗*/
    .pop-imgbox {
        width: 80%;
    }

    /*直播课程 - 订单*/
    .pop-order {
        width: 80%;
    }

        .pop-order .ti-box {
            line-height: .5rem;
        }
}

.pop-order .form .pay-box .orderid i {
    font-style: normal;
}

@media (min-width:1024px) {

    /*地图弹窗*/
    .pop-map .pop-contbox {
        height: 4rem;
    }

    /*订阅弹窗*/
    .pop-subscription {
        width: 60%;
    }

        .pop-subscription .pop-contbox .ti {
            font-size: .2rem;
        }

        .pop-subscription .data-list {
            padding: .3rem;
        }

    /*图片弹窗*/
    .pop-imgbox {
        width: 70%;
    }

    /*直播课程 - 订单*/
    .pop-order .ti-box {
        font-size: .18rem;
    }

    .pop-order .form-box {
        padding: .3rem .5rem;
    }

    .pop-order .form .table tr.tr-ti td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pop-order .form .table td {
        padding: .2rem .1rem;
    }

        .pop-order .form .table td.td-2,
        .pop-order .form .table td.td-3,
        .pop-order .form .table td.td-4 {
            width: 33%;
        }

        .pop-order .form .table td.td-1 {
            width: 67%;
        }

        .pop-order .form .table td .class-info .imgbox {
            width: 34.519%;
            float: left;
        }

            .pop-order .form .table td .class-info .imgbox:after {
                font-size: .42rem;
                margin-left: -.21rem;
                margin-top: -.21rem;
            }

        .pop-order .form .table td .class-info .txt-box {
            width: 62.2775%;
            float: right;
            margin-top: 0;
        }

            .pop-order .form .table td .class-info .txt-box .txt {
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

    .pop-order .form .price-box,
    .pop-order .form .pay-box,
    .pop-order .form .remarks,
    .pop-order .form .payfor-box {
        padding: .15rem;
    }

        .pop-order .form .remarks .textarea-box {
            height: .6rem;
        }

        .pop-order .form .pay-box .orderid {
            float: left;
        }

        .pop-order .form .pay-box .pay-way {
            float: right;
        }
}

@media (min-width:1280px) {

    /*订阅弹窗*/
    .pop-subscription .pop-contbox .ti {
        font-size: .24rem;
    }

    .pop-subscription .data-list {
        padding-left: .8rem;
        padding-right: .8rem;
    }

    /*直播课程 - 订单*/
    .pop-order .ti-box {
        line-height: .6rem;
        font-size: .2rem;
    }

    .pop-order .form .table tr.tr-ti td {
        line-height: .4rem;
    }

    .pop-order .tips {
        margin-top: .15rem;
    }
}

@media (min-width:1920px) {

    /*订阅弹窗*/
    .pop-subscription {
        width: 12rem;
    }

        .pop-subscription .pop-contbox .ti {
            font-size: .28rem;
        }

        .pop-subscription .pop-contbox .contbox {
            padding-top: .33rem;
        }

        .pop-subscription .ismember-box {
            padding-top: .52rem;
            padding-bottom: .4rem;
        }

            .pop-subscription .ismember-box .contbox a {
                line-height: .5rem;
            }

        .pop-subscription .data-list {
            padding: .7rem 1.2rem;
        }

            .pop-subscription .data-list .contbox {
                padding-top: .38rem;
            }

            .pop-subscription .data-list ul {
                margin-left: -.165rem;
                margin-right: -.165rem;
            }

            .pop-subscription .data-list li {
                padding: .3rem .165rem 0;
            }

                .pop-subscription .data-list li .item {
                    padding: .26rem .38rem .2rem;
                }

                .pop-subscription .data-list li .txtbox {
                    padding-top: .15rem;
                }

                    .pop-subscription .data-list li .txtbox em {
                        font-size: .2rem;
                    }

                    .pop-subscription .data-list li .txtbox span {
                        margin-top: .1rem;
                    }

    /*直播课程 - 订单*/
    .pop-order .ti-box {
        line-height: .6rem;
        font-size: .2rem;
    }

    .pop-order .form-box {
        padding: .74rem .96rem .82rem;
    }

    .pop-order .form .table tr.tr-ti td {
        line-height: .4rem;
    }

        .pop-order .form .table tr.tr-ti td.td-1 {
            padding-left: .27rem;
        }

    .pop-order .form .table td {
        padding: .3rem .2rem;
    }

        .pop-order .form .table td .class-info .txt-box {
            padding-top: .08rem;
        }

            .pop-order .form .table td .class-info .txt-box .ti {
                font-size: .16rem;
            }

            .pop-order .form .table td .class-info .txt-box .txt {
                line-height: 2;
            }

    .pop-order .form .price-box,
    .pop-order .form .remarks,
    .pop-order .form .payfor-box {
        padding: .25rem .2rem;
    }

    .pop-order .form .pay-box {
        padding-top: .3rem;
    }

    .pop-order .form .remarks {
        padding-top: .3rem;
        padding-bottom: .18rem;
    }

        .pop-order .form .remarks .textarea-box {
            height: .8rem;
        }

    .pop-order .form .payfor-box .a-btn {
        width: 1.65rem;
        line-height: .44rem;
    }

    .pop-order .form .tips {
        margin-top: .15rem;
    }
}

/*相关新闻选项切换 服务与行业(详情页)，风险监测(详情页) */
.related-news-tabox .tabs {
    border-bottom: 2px solid #ffc700;
}

    .related-news-tabox .tabs li {
        float: left;
        font-size: .16rem;
        margin-left: .12rem;
        line-height: 1;
    }

        .related-news-tabox .tabs li a {
            display: block;
            color: #666;
            padding: .1rem 0;
            cursor: pointer;
        }

            .related-news-tabox .tabs li a:hover {
                text-decoration: none;
            }

        .related-news-tabox .tabs li.active a {
            color: #130c0e;
            font-weight: bold;
        }

.related-news-tabox .conts {
    padding-top: .1rem;
}

    .related-news-tabox .conts .cont-box {
        display: none;
    }

        .related-news-tabox .conts .cont-box .ul {
            padding-bottom: .1rem;
        }

        .related-news-tabox .conts .cont-box li {
            letter-spacing: -.5em;
            line-height: .4rem;
            padding: 0 .2rem;
        }

            .related-news-tabox .conts .cont-box li time,
            .related-news-tabox .conts .cont-box li .a-ti {
                letter-spacing: 0;
                vertical-align: middle;
            }

                .related-news-tabox .conts .cont-box li .a-ti br {
                    display: none;
                }

            .related-news-tabox .conts .cont-box li time {
                width: .8rem;
                display: inline-block;
                margin-right: .2rem;
                font-family: 'NeoSans';
                font-size: .12rem;
                font-weight: bold;
            }

            .related-news-tabox .conts .cont-box li .a-ti {
                display: inline-block;
                width: -moz-calc(100% - 1rem);
                width: calc(100% - 1rem);
                color: #21b6d7;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            /* .related-news-tabox .conts .cont-box li .a-ti:hover{color:#ffc700; text-decoration:none;} */
            .related-news-tabox .conts .cont-box li.li-even {
                background-color: #f9f9f9;
            }

        .related-news-tabox .conts .cont-box .a-more {
            display: block;
            background-color: #21b6d7;
            color: #fff;
            text-align: center;
            line-height: .4rem;
            font-size: .16rem;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .related-news-tabox .conts .cont-box .a-more:hover {
                background-color: #ffc700;
                text-decoration: none;
            }

        .related-news-tabox .conts .cont-box li.showArea {
            font-size: 0;
        }

            .related-news-tabox .conts .cont-box li.showArea time {
                margin-right: .22rem;
                font-size: .12rem;
                vertical-align: top;
            }

            .related-news-tabox .conts .cont-box li.showArea a.a-ti {
                font-size: .12rem;
                vertical-align: top;
                width: -moz-calc(100% - .75rem - .9rem);
                width: calc(100% - .75rem - .9rem);
            }

            .related-news-tabox .conts .cont-box li.showArea .add {
                display: inline-block;
                width: .6rem;
                padding-right: .22rem;
                color: #333;
                font-size: .12rem;
                vertical-align: top;
            }

        .related-news-tabox .conts .cont-box li span {
        }

@media (min-width:768px) {
    .related-news-tabox .conts .cont-box li {
        line-height: .4rem;
    }

        .related-news-tabox .conts .cont-box li.showArea a.a-ti {
            font-size: .16rem;
            vertical-align: top;
        }
}

@media (min-width:1024px) {
    .related-news-tabox .tabs li {
        font-size: .2rem;
        margin-left: .46rem;
    }

        .related-news-tabox .tabs li:first-child {
            margin-left: .3rem;
        }

        .related-news-tabox .tabs li a {
            padding: .13rem 0;
        }

    .related-news-tabox .conts {
        padding-top: .2rem;
    }

        .related-news-tabox .conts .cont-box .ul {
            margin-bottom: .3rem;
            height: 1.7rem;
            overflow: hidden;
        }

        .related-news-tabox .conts .cont-box li {
            line-height: .54rem;
            padding: 0 .3rem;
        }

            .related-news-tabox .conts .cont-box li time {
                margin-right: .52rem;
            }

            .related-news-tabox .conts .cont-box li .a-ti {
                width: -moz-calc(100% - .75rem - .58rem);
                width: calc(100% - .75rem - .58rem);
                font-size: .16rem;
            }

        .related-news-tabox .conts .cont-box .a-more {
            line-height: .52rem;
        }
}

/*相关服务 服务与行业(详情页)，风险监测(详情页)，常见问题(详情页)*/
.related-news,
.related-question,
.related-seminar {
    padding-bottom: .3rem;
}

    .related-news .ti-box,
    .related-question .ti-box,
    .related-seminar .ti-box {
        border-bottom: 2px solid #ffc700;
        color: #130c0e;
        font-size: .16rem;
        font-weight: bold;
        line-height: 1;
        padding-left: .2rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
    }

    .related-news .data-list,
    .related-question .data-list,
    .related-seminar .data-list {
        padding-top: .1rem;
    }

        .related-news .data-list li,
        .related-question .data-list li,
        .related-seminar .data-list li {
            margin-top: .05rem;
            line-height: .3rem;
        }

            .related-news .data-list li:first-child,
            .related-question .data-list li:first-child,
            .related-seminar .data-list li:first-child {
                margin-top: 0;
            }

            .related-news .data-list li a,
            .related-question .data-list li a,
            .related-seminar .data-list li a {
                display: block;
                background-color: #f9f9f9;
                padding: 0 .2rem;
                color: #21b6d7 !important;
            }

            /* .related-news .data-list li a:hover,
.related-question .data-list li a:hover,
.related-seminar .data-list li a:hover{color:#ffc700;} */
            .related-news .data-list li span,
            .related-question .data-list li span,
            .related-seminar .data-list li span {
                display: block;
                position: relative;
                padding-right: .2rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .related-news .data-list li span:after,
                .related-question .data-list li span:after,
                .related-seminar .data-list li span:after {
                    content: '\e607';
                    font-family: 'iconfont';
                    font-size: .14rem;
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    color: #4c5259;
                }

@media (min-width:768px) {
    .related-news .data-list ul,
    .related-question .data-list ul,
    .related-seminar .data-list ul {
        margin-left: -.035rem;
        margin-right: -.035rem;
    }

    .related-news .data-list li,
    .related-question .data-list li,
    .related-seminar .data-list li {
        width: 50%;
        float: left;
        line-height: .4rem;
        padding: .05rem .035rem 0;
        margin-top: 0;
    }

        .related-news .data-list li.li-1,
        .related-question .data-list li.li-1,
        .related-seminar .data-list li.li-1,
        .related-news .data-list li.li-2,
        .related-question .data-list li.li-2,
        .related-seminar .data-list li.li-2 {
            padding-top: 0;
        }
}

@media (min-width:1024px) {
    .related-news,
    .related-question,
    .related-seminar {
        padding-bottom: .45rem;
    }

        .related-news .ti-box,
        .related-question .ti-box,
        .related-seminar .ti-box {
            padding-left: .3rem;
            font-size: .2rem;
        }

        .related-news .data-list,
        .related-question .data-list,
        .related-seminar .data-list {
            padding-top: .2rem;
            padding-left: .3rem;
        }

            .related-news .data-list li,
            .related-question .data-list li,
            .related-seminar .data-list li {
                line-height: .54rem;
                font-size: .16rem;
            }

                .related-news .data-list li a,
                .related-question .data-list li a,
                .related-seminar .data-list li a {
                    padding: 0 .3rem;
                }
}

/*相关问题*/
.related-question,
.related-seminar { /*继承 相关服务的样式，具体请查看类名： .related-news*/
}

    .related-question .data-list li a,
    .related-seminar .data-list li a {
        background: none;
    }

    .related-question .data-list li span,
    .related-seminar .data-list li span {
        padding-right: 0;
    }

        .related-question .data-list li span:after,
        .related-seminar .data-list li span:after {
            display: none;
        }

    .related-question .data-list li.li-even,
    .related-seminar .data-list li.li-even {
        background-color: #f9f9f9;
    }

@media (min-width:768px) {
    .related-question .data-list li,
    .related-seminar .data-list li {
        width: 100%;
        padding: 0;
    }
}

/*相关课程*/
.related-class {
    margin-top: .3rem;
}

    .related-class .tabs {
        border-bottom: 2px solid #ffc700;
    }

        .related-class .tabs li {
            float: left;
            font-size: .16rem;
            margin-left: .2rem;
            line-height: 1;
        }

            .related-class .tabs li a {
                display: block;
                color: #666;
                padding: .1rem 0;
                cursor: pointer;
            }

            .related-class .tabs li.active a {
                color: #130c0e;
                font-weight: bold;
            }

    .related-class .conts {
        padding-top: .1rem;
    }

        .related-class .conts .cont-box {
            display: none;
        }

    .related-class .list li {
        margin-top: .05rem;
    }

        .related-class .list li:first-child {
            margin-top: 0;
        }

        .related-class .list li .item {
            position: relative;
        }

            .related-class .list li .item:before {
                content: '';
                width: 100%;
                height: 100%;
                display: block;
                background-color: rgba(0, 0, 0, 0.3);
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 2;
            }

        .related-class .list li .txt-box {
            position: absolute;
            left: 10%;
            bottom: 10%;
            z-index: 3;
            color: #fff;
            width: 80%;
            line-height: 1;
        }

            .related-class .list li .txt-box a {
                color: #fff;
            }

                .related-class .list li .txt-box a:hover {
                    color: #ffc700;
                }

            .related-class .list li .txt-box .a-play {
                font-size: .3rem;
                display: inline-block;
            }

            .related-class .list li .txt-box time {
                display: block;
                margin-bottom: .05rem;
                margin-top: .1rem;
                font-size: .12rem;
                font-family: 'NeoSans';
            }

            .related-class .list li .txt-box .ti {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

@media (min-width:768px) {
    .related-class .list ul {
        margin-left: -.06rem;
        margin-right: -.06rem;
    }

    .related-class .list li {
        width: 50%;
        float: left;
        padding: .12rem .06rem 0;
        margin-top: 0;
    }

        .related-class .list li.li-1,
        .related-class .list li.li-2 {
            padding-top: 0;
        }
}

@media (min-width:1024px) {
    .related-class {
        margin-top: .45rem;
    }

        .related-class .tabs li {
            font-size: .2rem;
            margin-left: .46rem;
        }

            .related-class .tabs li:first-child {
                margin-left: .3rem;
            }

            .related-class .tabs li a {
                padding: .13rem 0;
            }

        .related-class .conts {
            padding-top: .2rem;
        }
}

@media (min-width:1280px) {
    .related-class .list li .txt-box .a-play {
        font-size: .42rem;
    }

    .related-class .list li .txt-box time {
        margin-bottom: .1rem;
        margin-top: .2rem;
    }

    .related-class .list li .txt-box .ti {
        font-size: .16rem;
    }
}

/*相关培训及研讨会*/
.related-seminar {
    margin-top: .3rem;
    padding-bottom: 0;
}

    .related-seminar .data-list li {
        letter-spacing: -.5em;
        padding: 0 .2rem;
    }

        .related-seminar .data-list li time,
        .related-seminar .data-list li .area,
        .related-seminar .data-list li a {
            letter-spacing: 0;
            display: inline-block;
            vertical-align: middle;
            max-width: 100%;
        }

        .related-seminar .data-list li time,
        .related-seminar .data-list li .area {
            color: #130c0e;
        }

        .related-seminar .data-list li time {
            width: .71rem;
            font-family: 'NeoSans';
            font-size: .12rem;
            margin-right: .1rem;
        }

        .related-seminar .data-list li .area {
            width: 1.25rem;
            text-align: center;
            margin-right: .1rem;
        }

        .related-seminar .data-list li a {
            padding: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            max-width: 100%;
        }

@media (min-width:1024px) {
    .related-seminar {
        margin-top: .45rem;
    }

        .related-seminar .data-list li {
            padding: 0 .3rem;
        }

            .related-seminar .data-list li time {
                margin-right: .2rem;
            }

            .related-seminar .data-list li .area {
                margin-right: .3rem;
            }

            .related-seminar .data-list li a {
                max-width: -moz-calc(100% - .68rem - .35rem - .5rem);
                max-width: calc(100% - .68rem - .35rem - .5rem);
            }
}

/*图片放大*/
.imgbox img { /*width: 100%;*/ /*height:2rem*/
}

.class-imgbox a img {
    width: 100%;
    height: 100%
}

.scale-img {
    overflow: hidden;
}

    .scale-img img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .scale-img:hover img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

/*初始化轮播*/
.slider .bx-wrapper {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}

.slider .bx-controls .bx-pager {
    margin: 0;
    padding: 0;
    bottom: .1rem;
    right: .1rem;
    width: auto;
}

    .slider .bx-controls .bx-pager .bx-pager-item {
        margin-left: .05rem;
    }

        .slider .bx-controls .bx-pager .bx-pager-item:before {
            margin-left: 0;
        }

        .slider .bx-controls .bx-pager .bx-pager-item a {
            margin: 0;
            width: .06rem;
            height: .06rem;
            background-color: #fff;
        }

            .slider .bx-controls .bx-pager .bx-pager-item a.active {
                background-color: #ffc700;
            }

@media (min-width:768px) {
    .slider .bx-controls .bx-pager {
        bottom: .2rem;
        right: .2rem;
    }

        .slider .bx-controls .bx-pager .bx-pager-item {
            margin-left: .12rem;
        }

            .slider .bx-controls .bx-pager .bx-pager-item a {
                width: .09rem;
                height: .09rem;
            }
}

/*select 控件*/
.select {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select .placeholder {
        display: block;
        padding-left: .1rem;
        position: relative;
        cursor: pointer;
    }

        .select .placeholder:before {
            content: '';
            display: block;
            position: absolute;
            right: .1rem;
            top: 50%;
            margin-top: -2px;
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            border-width: 4px;
            border-style: solid dashed dashed dashed;
            border-color: #130c0e transparent transparent transparent;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

    .select ul {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        display: none;
        max-height: 3rem;
        overflow-y: auto;
    }

        .select ul li {
            cursor: pointer;
            text-align: left;
            padding: 0 2%;
        }

            .select ul li:hover {
                background-color: #21b6d7;
                color: #fff;
            }

    .select.is-open .placeholder:before {
        margin-top: -4px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .select.is-open ul {
        display: block;
    }

@media (min-width:1280px) {
    .select .placeholder {
        padding-left: .2rem;
    }

        .select .placeholder:before {
            right: .2rem;
            margin-top: -3px;
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            border-width: 6px;
            border-style: solid dashed dashed dashed;
            border-color: #130c0e transparent transparent transparent;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

    .select.is-open .placeholder:before {
        margin-top: -6px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

/*详细页工具条 - 阅读板式、English、订阅*/
.tools-box {
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    border-right: 0;
    border-left: 0;
    padding: .06rem .1rem;
    margin-top: .15rem;
}

    .tools-box a {
        color: #21b6d7;
        margin-left: .24rem;
        cursor: pointer;
        display: inline-block;
    }

        .tools-box a:before {
            font-family: 'iconfont';
            display: inline-block;
            vertical-align: middle;
            margin-right: .06rem;
        }

        .tools-box a:hover {
            color: #ffc700;
        }

        .tools-box a.read-mode {
            margin-left: 0;
        }

            .tools-box a.read-mode:before {
                content: '\e61c';
            }

        .tools-box a.english:before {
            content: '\e60d';
        }

        .tools-box a.a-subscription {
            float: right;
            margin-left: 0;
        }

    .tools-box span.time {
        display: inline-block;
        padding-right: .24rem;
    }

@media (min-width:1024px) {
    .tools-box {
        padding-top: .12rem;
        padding-bottom: .12rem;
        line-height: .18rem;
    }

        .tools-box a:before {
            font-size: .18rem;
        }
}

/*整站详情页 - 通用 (质检学堂-最新培训资讯详情页)*/
.page-data-info { /*继承 服务于行业详情页样式，具体见类名： .page-services-info*/
}

/*网站地图*/
.ul_sitemap li {
    border-bottom: dotted 1px #ddd;
    padding: 5px 0px;
}

    .ul_sitemap li strong {
        width: 90px;
        display: inline-block;
    }

/*
** 首页
*/
.page-index .home-box {
    padding: .2rem 0;
}

.page-index .columname {
    font-size: .18rem;
    color: #130c0e;
    text-align: center;
    margin-bottom: .15rem;
    line-height: 1;
}

.page-index .a-more {
    background-color: #21b6d7;
    color: #fff;
    text-align: center;
    line-height: .3rem;
    display: block;
    margin: 0 auto;
    padding: 0 .1rem;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .page-index .a-more:hover {
        background-color: #ffc700;
        text-decoration: none;
    }

    .page-index .a-more span {
        display: block;
        position: relative;
    }

        .page-index .a-more span:after {
            content: '\e603';
            font-family: 'iconfont';
            display: inline-block;
            float: right;
        }

.page-index .contact-box {
    background-color: #f8f8f8;
    padding: .15rem 0;
}

    .page-index .contact-box .tel-box {
        line-height: 1;
    }

        .page-index .contact-box .tel-box span {
            color: #2ab9d8;
            font-size: .2rem;
            display: inline-block;
            margin-top: .07rem;
        }

    .page-index .contact-box .btn-box {
        padding-top: .1rem;
        letter-spacing: -.5rem;
        font-size: 0;
    }

        .page-index .contact-box .btn-box a {
            width: 100%;
            display: inline-block;
            background-color: #21b6d7;
            color: #fff;
            height: .4rem;
            line-height: .4rem;
            font-size: .16rem;
            text-align: center;
            letter-spacing: 0;
            vertical-align: top;
        }

            .page-index .contact-box .btn-box a.its {
                margin-left: 0;
            }

            .page-index .contact-box .btn-box a.service {
                float: right;
            }

            .page-index .contact-box .btn-box a:before {
                font-family: 'iconfont';
                display: inline-block;
                margin-right: .08rem;
                vertical-align: middle;
            }

            .page-index .contact-box .btn-box a.its:before {
                content: '\e60f';
            }

            .page-index .contact-box .btn-box a.service:before {
                content: '\e609';
            }

.page-index .news-box .tabox {
    padding-bottom: .15rem;
}

    .page-index .news-box .tabox .tabs {
        text-align: center;
    }

        .page-index .news-box .tabox .tabs ul {
            letter-spacing: -.5em;
        }

        .page-index .news-box .tabox .tabs li {
            display: inline-block;
            letter-spacing: 0;
            margin-left: .2rem;
        }

            .page-index .news-box .tabox .tabs li:first-child {
                margin-left: 0;
            }

            .page-index .news-box .tabox .tabs li a {
                color: #7d7d7d;
                position: relative;
                cursor: pointer;
            }

                .page-index .news-box .tabox .tabs li a:before {
                    content: '';
                    width: 0;
                    height: .02rem;
                    background-color: #21b6d7;
                    display: block;
                    position: absolute;
                    left: 50%;
                    bottom: -.04rem;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }

                .page-index .news-box .tabox .tabs li a:hover,
                .page-index .news-box .tabox .tabs li.active a {
                    color: #130c0e;
                    text-decoration: none;
                }

                    .page-index .news-box .tabox .tabs li a:hover:before,
                    .page-index .news-box .tabox .tabs li.active a:before {
                        width: 100%;
                    }

    .page-index .news-box .tabox .conts {
        margin-top: .15rem;
    }

        .page-index .news-box .tabox .conts .cont-box {
            display: none;
        }

        .page-index .news-box .tabox .conts .news-top .abg {
            display: none;
        }

        .page-index .news-box .tabox .conts .news-top .imgbox {
            overflow: hidden;
        }

            .page-index .news-box .tabox .conts .news-top .imgbox img {
                width: 100%;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

            .page-index .news-box .tabox .conts .news-top .imgbox:hover img {
                -webkit-transform: scaleX(1.05) scaleY(1.05);
                -moz-transform: scaleX(1.05) scaleY(1.05);
                -ms-transform: scaleX(1.05) scaleY(1.05);
                transform: scaleX(1.05) scaleY(1.05);
            }

        .page-index .news-box .tabox .conts .news-top .infobox {
            padding: .13rem 0;
        }

            .page-index .news-box .tabox .conts .news-top .infobox time {
                width: .6rem;
                float: left;
                text-align: center;
                font-family: 'NeoSans';
                font-size: .12rem;
                line-height: 1;
                padding-right: .1rem;
            }

                .page-index .news-box .tabox .conts .news-top .infobox time span {
                    display: block;
                    font-size: .34rem;
                    margin-bottom: .05rem;
                }

                .page-index .news-box .tabox .conts .news-top .infobox time em {
                    letter-spacing: -1px;
                }

            .page-index .news-box .tabox .conts .news-top .infobox .txtbox {
                width: -moz-calc(100% - .6rem);
                width: calc(100% - .6rem);
                float: right;
                padding-left: .1rem;
                border-left: 1px solid #7d7d7d;
            }

                .page-index .news-box .tabox .conts .news-top .infobox .txtbox .ti {
                    line-height: 1;
                    font-size: .16rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    height: 2em;
                }

                    .page-index .news-box .tabox .conts .news-top .infobox .txtbox .ti br {
                        display: none;
                    }

                    .page-index .news-box .tabox .conts .news-top .infobox .txtbox .ti a:hover {
                        color: #ffc700;
                    }

                .page-index .news-box .tabox .conts .news-top .infobox .txtbox .txt { /*line-height: 1.3;*/
                    font-size: .13rem;
                    margin-top: .05rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

        .page-index .news-box .tabox .conts .train-top {
            background-color: #f4f4f4;
            padding: .15rem;
        }

            .page-index .news-box .tabox .conts .train-top .bx-wrapper {
                border: 0;
                margin: 0;
                background: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

                .page-index .news-box .tabox .conts .train-top .bx-wrapper .bx-pager {
                    height: .1rem;
                    position: static;
                    padding-top: 0;
                    margin-top: .15rem;
                    text-align: left;
                    letter-spacing: -.5em;
                }

                    .page-index .news-box .tabox .conts .train-top .bx-wrapper .bx-pager .bx-pager-item {
                        margin-left: .1rem;
                        vertical-align: top;
                        letter-spacing: 0;
                    }

                        .page-index .news-box .tabox .conts .train-top .bx-wrapper .bx-pager .bx-pager-item:first-child {
                            margin-left: 0;
                        }

                        .page-index .news-box .tabox .conts .train-top .bx-wrapper .bx-pager .bx-pager-item a {
                            margin: 0;
                            background-color: #3c3d45;
                        }

                            .page-index .news-box .tabox .conts .train-top .bx-wrapper .bx-pager .bx-pager-item a.active {
                                background-color: #ffc700;
                            }

            .page-index .news-box .tabox .conts .train-top .bxslider li time,
            .news-box .tabox .train-top .bxslider2 li time {
                display: inline-block;
                text-align: center;
                font-family: 'NeoSans';
                font-size: .12rem;
                line-height: 1;
                padding-right: .16rem;
                border-right: 1px solid rgba(176, 176, 176, 0.39);
                color: #444;
            }

                .page-index .news-box .tabox .conts .train-top .bxslider li time span,
                .news-box .tabox .train-top .bxslider2 li time span {
                    display: block;
                    font-size: .34rem;
                    margin-bottom: .05rem;
                }

                .page-index .news-box .tabox .conts .train-top .bxslider li time em,
                .news-box .tabox .train-top .bxslider2 li time em {
                    letter-spacing: -1px;
                }

            .page-index .news-box .tabox .conts .train-top .bxslider li .txtbox,
            .news-box .tabox .train-top .bxslider2 li .txtbox {
                padding-top: .15rem;
            }

                .page-index .news-box .tabox .conts .train-top .bxslider li .txtbox .ti,
                .news-box .tabox .train-top .bxslider2 li .txtbox .ti {
                    font-size: .18rem;
                    max-height: .54rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

                .page-index .news-box .tabox .conts .train-top .bxslider li .txtbox .txt,
                .news-box .tabox .train-top .bxslider2 .txtbox .txt {
                    max-height: .34rem;
                    font-size: .13rem;
                    color: rgba(68, 68, 68, 0.6);
                    line-height: 1.3;
                    margin-top: .1rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

        .page-index .news-box .tabox .conts .list li {
            width: 100%;
            height: .64rem;
            line-height: 1.25;
            display: table;
            padding: 0 .1rem;
        }

            .page-index .news-box .tabox .conts .list li .item {
                line-height: 1.8;
                width: 100%;
                display: table-cell;
                vertical-align: middle;
                letter-spacing: -.5em;
            }

            .page-index .news-box .tabox .conts .list li .area,
            .page-index .news-box .tabox .conts .list li time,
            .page-index .news-box .tabox .conts .list li span {
                display: inline-block;
                letter-spacing: 0;
                vertical-align: middle;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .page-index .news-box .tabox .conts .list li .ti {
                display: inline-block;
                letter-spacing: 0;
                vertical-align: middle;
            }

            .page-index .news-box .tabox .conts .list li .area {
                display: none;
            }

            .page-index .news-box .tabox .conts .list li time {
                width: 1rem;
                font-family: 'NeoSans';
                color: #000;
                font-weight: bold;
            }

            .page-index .news-box .tabox .conts .list li .ti {
                width: -moz-calc(100% - 1rem);
                width: calc(100% - 1rem);
            }

                .page-index .news-box .tabox .conts .list li .ti a {
                    max-height: .5rem;
                    line-height: .165rem;
                    color: #21b6d7;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

                    .page-index .news-box .tabox .conts .list li .ti a.class_net::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0rem;
                        display: block;
                        width: .4rem;
                        height: .2rem;
                        margin: auto;
                        border-radius: 3px;
                        text-align: center;
                        line-height: 20px;
                        font-size: .12rem;
                        color: #fff;
                        background: url("../images/web-icon.png") no-repeat center center;
                        background-size: contain;
                    }


            /* .page-index .news-box .tabox .conts .list li .ti a:hover{color:#ffc700;} */
            .page-index .news-box .tabox .conts .list li.li-odd {
                background-color: #f4f4f4;
            }

        .page-index .news-box .tabox .conts .cont-train .list li .area {
            width: .4rem;
            font-size: .12rem;
            color: #000;
            font-weight: bold;
        }

        .page-index .news-box .tabox .conts .cont-train .list li .ti {
            width: -moz-calc(100% - 1rem - .4rem);
            width: calc(100% - 1rem - .4rem);
        }

.page-index .video-box {
    background-color: #3c3d45;
}

    .page-index .video-box .columname {
        color: #fff;
    }

    .page-index .video-box li {
        color: #fff;
        text-align: center;
    }

        .page-index .video-box li h5 {
            font-size: .14rem;
            font-weight: lighter;
        }

        .page-index .video-box li .videoplayer {
            position: relative;
            border: 1px solid #fff;
        }

            .page-index .video-box li .videoplayer:before {
                content: '';
                width: 100%;
                height: 100%;
                display: block;
                background-color: rgba(0, 0, 0, 0.5);
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                z-index: 2;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                opacity: 0;
                filter: alpha(opacity=0);
            }

            .page-index .video-box li .videoplayer:hover:before {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .page-index .video-box li .videoplayer .play-btn,
            .video-box .video_list li > a {
                width: .4rem;
                height: .4rem;
                padding: .04rem; /*background-color: #21b6d7;*/
                position: absolute;
                left: 50%;
                top: 42%;
                margin-left: -.2rem;
                margin-top: -.2rem;
                z-index: 3;
                cursor: pointer;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

                .page-index .video-box li .videoplayer .play-btn:before {
                    content: '\e602';
                    font-family: 'iconfont';
                    font-size: .32rem;
                    line-height: 1;
                }

.videoplayer .play-btn .play-btn .videourl {
    display: none;
}

/*.page-index .video-box li .videoplayer img { width: 100%; .page-index .video-box li.page-index .video-box li .videoplayer video { width: 100%; display: none; }
*/
.page-index .video-box li > span {
    display: block;
    text-align: center;
    line-height: 1;
    padding: .1rem 0;
}

.page-index .video-box li .video-play:before,
.page-index .video-box li .video-play .play-btn,
.page-index .video-box li .video-play img {
    display: none;
}

.page-index .video-box li .video-play video {
    display: block;
}

.page-index .service-box {
    display: none;
}

    .page-index .service-box .instor-txt {
        text-align: justify;
        font-size: .12rem;
        color: #7f7f7f;
        margin-bottom: .15rem;
    }

    .page-index .service-box .data-box {
        padding-bottom: .2rem;
    }

        .page-index .service-box .data-box .list .ti {
            text-align: center;
            color: #000;
            font-size: .16rem;
            line-height: .3rem;
            background-image: -webkit-linear-gradient(0deg, #ffc20d 0%, #ffc507 100%);
            background-image: -moz-linear-gradient(0deg, #ffc20d 0%, #ffc507 100%);
            background-image: -webkit-gradient(linear, left bottom, left top, from(#ffc20d), to(#ffc507));
            background-image: -webkit-linear-gradient(bottom, #ffc20d 0%, #ffc507 100%);
            background-image: -moz-linear-gradient(bottom, #ffc20d 0%, #ffc507 100%);
            background-image: linear-gradient(0deg, #ffc20d 0%, #ffc507 100%);
        }

        .page-index .service-box .data-box .list ul {
            padding: 0 .1rem;
            background-color: #f4f4f4;
        }

        .page-index .service-box .data-box .list li {
            line-height: .4rem;
        }

            .page-index .service-box .data-box .list li a {
                border-top: 1px solid #D1D2D4;
                display: block;
                padding: 0 .05rem;
                color: #444;
            }

            /* .page-index .service-box .data-box .list li a:hover{color:#ffc700;} */
            .page-index .service-box .data-box .list li span {
                display: block;
                position: relative;
            }

                .page-index .service-box .data-box .list li span:after {
                    content: '\e607';
                    font-family: 'iconfont';
                    position: absolute;
                    right: 0;
                }

            .page-index .service-box .data-box .list li.li-1 a {
                border-top: 0;
            }

        .page-index .service-box .data-box .list1 {
            margin-bottom: .1rem;
        }

            .page-index .service-box .data-box .list1 ul {
                padding: 0;
            }

            .page-index .service-box .data-box .list1 li {
                width: 50%;
                float: left;
                padding: 0 .1rem;
            }

                .page-index .service-box .data-box .list1 li.li-2 a {
                    border-top: 0;
                }

.page-index .share-box {
    padding: .4rem 0;
    text-align: center;
    font-size: .2rem;
    color: #3c3d45;
    border-top: 1px solid #F0F0F0;
}

    .page-index .share-box ul {
        letter-spacing: -.5em;
    }

    .page-index .share-box li {
        display: inline-block;
        letter-spacing: 0;
        background-image: url(../images/line1.png);
        background-position: left center;
        background-repeat: no-repeat;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
        line-height: .38rem;
        padding: 0 .1rem;
    }

        .page-index .share-box li:first-child {
            background: none;
        }

        .page-index .share-box li a {
            display: inline-block;
            cursor: pointer;
            color: #494949;
            position: relative;
        }

            .page-index .share-box li a:hover .img {
                display: block;
                margin-bottom: 15px;
            }

            .page-index .share-box li a .img {
                width: 110px;
                height: 110px;
                background-color: #fff;
                padding: 5px;
                position: absolute;
                left: 50%;
                margin-left: -55px;
                bottom: 100%;
                border: 1px solid #ddd;
                display: none;
            }

                .page-index .share-box li a .img img {
                    width: 100%;
                }

                .page-index .share-box li a .img:before {
                    content: '';
                    background: url('../images/jt.png') no-repeat center;
                    display: block;
                    width: 14px;
                    height: 9px;
                    z-index: 3;
                    position: absolute;
                    bottom: -8px;
                    left: 50%;
                    margin-left: -5px;
                }

            .page-index .share-box li a,
            .page-index .share-box li a:before {
                line-height: 1;
            }

                .page-index .share-box li a:before {
                    font-family: 'iconfont';
                }

                .page-index .share-box li a:hover {
                    color: #ffc700;
                }

        .page-index .share-box li.li-wechat a:before {
            content: '\e605';
        }

        .page-index .share-box li.li-weibo a:before {
            content: '\e608';
        }

        .page-index .share-box li.li-in a:before {
            content: '\e60b';
        }

        .page-index .share-box li.li-tel:before {
            content: '\e613';
            font-family: 'iconfont';
            margin-right: .1rem;
        }

@media (min-width:768px) {
    .page-index .home-box {
        padding: .3rem 0;
    }

    .page-index .columname {
        margin-bottom: .3rem;
        font-size: .25rem;
    }

    .page-index .a-more {
        margin-top: 20px;
        width: 3.88rem;
        line-height: .5rem;
        padding: 0 .24rem;
        font-size: .16rem;
    }

        .page-index .a-more span:after {
            font-size: .18rem;
        }

    .page-index .contact-box {
        padding: .32rem 0;
    }

        .page-index .contact-box .tel-box {
            float: left;
        }

        .page-index .contact-box .btn-box {
            float: right;
            width: 1.5rem;
            padding-top: 0;
        }

            .page-index .contact-box .btn-box a {
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                max-width: 1.5rem;
            }

                .page-index .contact-box .btn-box a:before {
                    font-size: .2rem;
                }

                .page-index .contact-box .btn-box a.service {
                    margin-left: .2rem;
                }

                .page-index .contact-box .btn-box a.service {
                    float: none;
                }

                .page-index .contact-box .btn-box a:hover {
                    background-color: #ffc700;
                    text-decoration: none;
                }

    .page-index .news-box {
        padding: .5rem 0 .63rem;
    }

        .page-index .news-box .tabox .conts .news-top {
            position: relative;
        }

            .page-index .news-box .tabox .conts .news-top .infobox {
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                padding-left: .15rem;
                padding-right: .15rem;
                color: #fff;
                background-color: rgba(0, 0, 0, 0.67);
            }

                .page-index .news-box .tabox .conts .news-top .infobox a {
                    color: #fff;
                }

                .page-index .news-box .tabox .conts .news-top .infobox .txtbox .ti {
                    font-size: .18rem;
                }

                .page-index .news-box .tabox .conts .news-top .infobox .txtbox .txt {
                    color: rgba(255, 255, 255, 0.6);
                }

        .page-index .news-box .tabox .conts .list li {
            padding-left: .1rem;
            padding-right: .2rem;
        }

    .page-index .video-box {
        padding: .32rem 0 .26rem;
    }

        .page-index .video-box ul {
            margin-left: -1.75%;
            margin-right: -1.75%;
        }

        .page-index .video-box li {
            float: left;
            width: 32%; /* padding: 0 1.75%;*/
            position: relative;
            margin-right: 1.75%;
        }

            .page-index .video-box li:nth-child(3n) {
                margin-right: 0;
            }

            .page-index .video-box li > span {
                padding: .15rem 0 .24rem;
            }

    .page-index .service-box {
        padding: .44rem 0 .56rem;
    }

        .page-index .service-box .columname {
            font-size: .3rem;
        }

        .page-index .service-box .data-box .list .ti {
            line-height: .6rem;
            font-size: .2rem;
        }

        .page-index .service-box .data-box .list li {
            line-height: .5rem;
        }

        .page-index .service-box .a-more {
            line-height: .6rem;
        }

    .page-index .share-box {
        font-size: .32rem;
    }

        .page-index .share-box li {
            padding: 0 .17rem;
        }

    .page-index .news-box .tabox .conts .list li .area {
        display: inline-block;
    }

    .page-index .news-box .tabox .conts .list li .ti {
        width: -moz-calc(100% - 1.4rem);
        width: calc(100% - 1.4rem);
    }
}

@media (min-width:1024px) {
    .page-index .news-box .tabox {
        padding-bottom: .45rem;
    }

        .page-index .news-box .tabox .tabs li {
            font-size: .18rem;
            margin-left: .4rem;
        }

        .page-index .news-box .tabox .conts {
            margin-top: .41rem;
        }

        .page-index .news-box .tabox .cont-box {
            position: relative;
        }

            .page-index .news-box .tabox .cont-box .news-top,
            .page-index .news-box .tabox .cont-box .train-top {
                width: 48.83333%;
                height: 100%;
                float: left;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
            }

            .page-index .news-box .tabox .cont-box .news-top {
                overflow: hidden;
            }

                .page-index .news-box .tabox .cont-box .news-top .imgbox {
                    display: none;
                }

                .page-index .news-box .tabox .cont-box .news-top .abg {
                    display: block;
                    width: 100%;
                    height: 100%;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                    .page-index .news-box .tabox .cont-box .news-top .abg:hover {
                        -webkit-transform: scaleX(1.05) scaleY(1.05);
                        -moz-transform: scaleX(1.05) scaleY(1.05);
                        -ms-transform: scaleX(1.05) scaleY(1.05);
                        transform: scaleX(1.05) scaleY(1.05);
                    }

                .page-index .news-box .tabox .cont-box .news-top .infobox time {
                    width: .65rem;
                }

                .page-index .news-box .tabox .cont-box .news-top .infobox .txtbox {
                    float: left; /* width:55%;  */
                    width: -moz-calc(100% - .65rem);
                    width: calc(100% - .65rem);
                    display: inline-block;
                    padding-left: .2rem;
                }

            .page-index .news-box .tabox .cont-box .train-top {
                padding: .42rem 1.21rem .33rem .29rem;
            }

                .page-index .news-box .tabox .cont-box .train-top .bx-wrapper .bx-pager {
                    margin-top: .44rem;
                }

                .page-index .news-box .tabox .cont-box .train-top .bxslider li .txtbox,
                .news-box .tabox .train-top .bxslider2 li .txtbox {
                    padding-top: .3rem;
                }

                    .page-index .news-box .tabox .cont-box .train-top .bxslider li .txtbox .ti,
                    .news-box .tabox .train-top .bxslider2 li .txtbox .ti {
                        font-size: .24rem;
                        max-height: .72rem;
                    }

                    .page-index .news-box .tabox .cont-box .train-top .bxslider li .txtbox .txt {
                        margin-top: .2rem;
                    }

    .news-box .tabox .train-top .bxslider2 .txtbox .txt {
        margin-top: .2rem;
    }

    .page-index .news-box .tabox .cont-box .list {
        width: 49%;
        float: right;
        overflow: hidden;
    }

        .page-index .news-box .tabox .cont-box .list.peixuns {
            float: left;
        }

        .page-index .news-box .tabox .cont-box .list li .ti {
            font-size: .16rem;
        }

            .page-index .news-box .tabox .cont-box .list li .ti a {
                max-height: .8rem;
                line-height: .2rem;
            }

    .page-risk .data-list li a.class_net {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0rem;
        display: block;
        width: .4rem;
        height: .2rem;
        margin: auto;
        border-radius: 3px;
        text-align: center;
        line-height: 20px;
        font-size: .12rem;
        color: #fff;
        background: url(../images/web-icon.png) no-repeat center center;
        background-size: contain;
    }

    .page-index .news-box .tabox .cont-box .list li .ti a span.class_net::after {
        content: "";
        float: right;
        margin-left: 10px; /* padding-left: 10px; */ /* position: absolute; */ /* top:0; */ /* bottom:0; */ /* right: 0rem; */
        display: block;
        width: .4rem;
        height: .2rem; /* margin: auto; */
        border-radius: 3px;
        text-align: center;
        line-height: 20px;
        font-size: .12rem;
        color: #fff;
        background: url("../images/web-icon.png") no-repeat center center;
        background-size: contain;
    }

    .page-index .service-box .instor-txt {
        margin-bottom: .35rem;
    }

    .page-index .service-box .data-box {
        padding-bottom: .45rem;
    }

        .page-index .service-box .data-box .list {
            width: 49.16%;
            float: left;
        }

        .page-index .service-box .data-box .list2 {
            margin-left: 1.68%;
            float: right;
        }
}

@media (min-width:1280px) {
    .page-index .video-box li .videoplayer .play-btn {
        width: .69rem;
        height: .69rem;
        padding: .07rem;
        margin-left: -.345rem;
        margin-top: -.345rem;
    }

        .page-index .video-box li .videoplayer .play-btn:before {
            font-size: .55rem;
        }
}

@media screen and (max-width:480px) {
    .page-index .service-box {
        display: block;
    }
}

/*
** 服务与行业
*/
.cont-news .address {
    width: 30%;
    display: inline-block;
    margin: 0;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.page-services {
    padding-top: .15rem;
}

    .page-services .search-box {
        line-height: .35rem;
        background-color: #ecedee;
        padding: .13rem .2rem .12rem;
    }

        .page-services .search-box .searchBwb {
            position: relative;
        }

            .page-services .search-box .searchBwb .hotkeysbox {
                padding-left: 0;
            }

        .page-services .search-box .ti {
            width: .6rem;
            float: left;
            color: #626262;
        }

        .page-services .search-box .search {
            width: -moz-calc(100% - .6rem);
            width: calc(100% - .6rem);
            max-width: 4.28rem;
            float: left;
        }

            .page-services .search-box .search .keyword {
                width: -moz-calc(100% - .6rem - .12rem);
                width: calc(100% - .6rem - .12rem);
                height: .35rem;
                line-height: inherit;
                background-color: #fff;
                padding: 0 .1rem;
                float: left;
            }

            .page-services .search-box .search .btn {
                width: .6rem;
                height: .35rem;
                text-align: center;
                color: #fff;
                background-color: #21b6d7;
                cursor: pointer;
                margin-left: .12rem;
                float: right;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .page-services .search-box .search .btn:hover {
                    background-color: #ffc700;
                }

    .page-services .data-list {
        padding-top: .15rem;
    }

        .page-services .data-list .list {
            color: #21b6d7;
        }

            .page-services .data-list .list a {
                color: #21b6d7;
            }

            /* .page-services .data-list .list a:hover{color:#ffc700;} */
            .page-services .data-list .list .item .ti {
                background-color: #ecedee;
                padding: 0 .2rem;
                line-height: .3rem;
                font-size: .16rem;
                font-weight: bold;
            }

            .page-services .data-list .list .item .ul {
                padding: .07rem .2rem .35rem;
            }

                .page-services .data-list .list .item .ul li {
                    line-height: 1.71428;
                }

/*详情页*/
.page-services-info,
.page-data-info,
.page-risk-info {
    padding-bottom: .15rem;
}

    .page-services-info .txtbox,
    .page-data-info .txtbox,
    .page-risk-info .txtbox {
        padding: .15rem 0;
    }

        .page-services-info .txtbox .txt-box2,
        .page-data-info .txtbox .txt-box2,
        .page-risk-info .txtbox .txt-box2 {
            padding-top: .15rem;
        }

            .page-services-info .txtbox .txt-box2 .ti,
            .page-data-info .txtbox .txt-box2 .ti,
            .page-risk-info .txtbox .txt-box2 .ti {
                color: #130c0e;
                font-weight: bold;
            }

            .page-services-info .txtbox .txt-box2 .ul,
            .page-data-info .txtbox .txt-box2 .ul,
            .page-risk-info .txtbox .txt-box2 .ul {
                margin-top: .1rem;
            }

                .page-services-info .txtbox .txt-box2 .ul li,
                .page-data-info .txtbox .txt-box2 .ul li,
                .page-risk-info .txtbox .txt-box2 .ul li {
                    padding-left: .17rem;
                    position: relative;
                    line-height: 1.7142;
                }

                    .page-services-info .txtbox .txt-box2 .ul li:before,
                    .page-data-info .txtbox .txt-box2 .ul li:before,
                    .page-risk-info .txtbox .txt-box2 .ul li:before {
                        content: '';
                        width: .06rem;
                        height: .06rem;
                        display: block;
                        background-color: #ffc700;
                        position: absolute;
                        left: 0;
                        top: .07rem;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

@media (min-width:768px) {
    .page-services {
        padding-top: .15rem;
    }

        .page-services .search-box .search .keyword {
            width: -moz-calc(100% - .9rem - .12rem);
            width: calc(100% - .9rem - .12rem);
        }

        .page-services .search-box .search .btn {
            width: .9rem;
        }

        .page-services .data-list {
            padding-top: .41rem;
        }

            .page-services .data-list .list {
                width: 33.33333%;
                float: left;
                padding: 0 .07rem;
            }

                .page-services .data-list .list .item .ti {
                    line-height: .41rem;
                    font-size: .18rem;
                }

            .page-services .data-list .list-l {
                margin-left: -.07rem;
            }

            .page-services .data-list .list-r {
                margin-right: -.07rem;
            }

    .page-services-info,
    .page-data-info,
    .page-risk-info {
        padding-bottom: 0;
    }

        .page-services-info .related-news .data-list ul,
        .page-data-info .related-news .data-list ul,
        .page-risk-info .related-news .data-list ul,
        .page-services-info .related-question .data-list ul,
        .page-data-info .related-question .data-list ul,
        .page-risk-info .related-question .data-list ul,
        .page-services-info .related-seminar .data-list ul,
        .page-data-info .related-seminar .data-list ul,
        .page-risk-info .related-seminar .data-list ul {
            margin-left: -.035rem;
            margin-right: -.035rem;
        }

        .page-services-info .related-news .data-list li,
        .page-data-info .related-news .data-list li,
        .page-risk-info .related-news .data-list li,
        .page-services-info .related-question .data-list li,
        .page-data-info .related-question .data-list li,
        .page-risk-info .related-question .data-list li,
        .page-services-info .related-seminar .data-list li,
        .page-data-info .related-seminar .data-list li,
        .page-risk-info .related-seminar .data-list li {
            width: 50%;
            float: left;
            line-height: .4rem;
            padding: .05rem .035rem 0;
            margin-top: 0;
        }

            .page-services-info .related-news .data-list li.li-1,
            .page-data-info .related-news .data-list li.li-1,
            .page-risk-info .related-news .data-list li.li-1,
            .page-services-info .related-question .data-list li.li-1,
            .page-data-info .related-question .data-list li.li-1,
            .page-risk-info .related-question .data-list li.li-1,
            .page-services-info .related-seminar .data-list li.li-1,
            .page-data-info .related-seminar .data-list li.li-1,
            .page-risk-info .related-seminar .data-list li.li-1,
            .page-services-info .related-news .data-list li.li-2,
            .page-data-info .related-news .data-list li.li-2,
            .page-risk-info .related-news .data-list li.li-2,
            .page-services-info .related-question .data-list li.li-2,
            .page-data-info .related-question .data-list li.li-2,
            .page-risk-info .related-question .data-list li.li-2,
            .page-services-info .related-seminar .data-list li.li-2,
            .page-data-info .related-seminar .data-list li.li-2,
            .page-risk-info .related-seminar .data-list li.li-2 {
                padding-top: 0;
            }
}

@media (min-width:1024px) {
    .page-services-info .txtbox,
    .page-data-info .txtbox,
    .page-risk-info .txtbox {
        padding: .35rem 0 .5rem;
    }

        .page-services-info .txtbox .txt-box2,
        .page-data-info .txtbox .txt-box2,
        .page-risk-info .txtbox .txt-box2 {
            padding-top: .45rem;
        }

            .page-services-info .txtbox .txt-box2 .ti,
            .page-data-info .txtbox .txt-box2 .ti,
            .page-risk-info .txtbox .txt-box2 .ti {
                font-size: .16rem;
            }

    .page-services-info .related-news,
    .page-data-info .related-news,
    .page-risk-info .related-news,
    .page-services-info .related-question,
    .page-data-info .related-question,
    .page-risk-info .related-question,
    .page-services-info .related-seminar,
    .page-data-info .related-seminar,
    .page-risk-info .related-seminar {
        padding-bottom: .45rem;
    }

        .page-services-info .related-news .ti-box,
        .page-data-info .related-news .ti-box,
        .page-risk-info .related-news .ti-box,
        .page-services-info .related-question .ti-box,
        .page-data-info .related-question .ti-box,
        .page-risk-info .related-question .ti-box,
        .page-services-info .related-seminar .ti-box,
        .page-data-info .related-seminar .ti-box,
        .page-risk-info .related-seminar .ti-box {
            padding-left: .3rem;
            font-size: .2rem;
        }

        .page-services-info .related-news .data-list,
        .page-data-info .related-news .data-list,
        .page-risk-info .related-news .data-list,
        .page-services-info .related-question .data-list,
        .page-data-info .related-question .data-list,
        .page-risk-info .related-question .data-list,
        .page-services-info .related-seminar .data-list,
        .page-data-info .related-seminar .data-list,
        .page-risk-info .related-seminar .data-list {
            padding-top: .2rem;
        }

            .page-services-info .related-news .data-list li,
            .page-data-info .related-news .data-list li,
            .page-risk-info .related-news .data-list li,
            .page-services-info .related-question .data-list li,
            .page-data-info .related-question .data-list li,
            .page-risk-info .related-question .data-list li,
            .page-services-info .related-seminar .data-list li,
            .page-data-info .related-seminar .data-list li,
            .page-risk-info .related-seminar .data-list li {
                line-height: .54rem;
                font-size: .16rem;
            }

                .page-services-info .related-news .data-list li a,
                .page-data-info .related-news .data-list li a,
                .page-risk-info .related-news .data-list li a,
                .page-services-info .related-question .data-list li a,
                .page-data-info .related-question .data-list li a,
                .page-risk-info .related-question .data-list li a,
                .page-services-info .related-seminar .data-list li a,
                .page-data-info .related-seminar .data-list li a,
                .page-risk-info .related-seminar .data-list li a {
                    padding: 0 .3rem;
                }

    .page-services .data-list .list-l {
        width: 66.66666%;
    }

        .page-services .data-list .list-l .item {
            float: left;
            width: 50%;
        }

    .page-services .data-list .list .list-l-box { /*overflow:hidden;margin:0 -.07rem;font-size:0;
    overflow: hidden;
       margin: 0 -.07rem;
       font-size: 0;
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
     -moz-column-gap: 40px;
      -webkit-column-gap: 20px;
      column-gap: 20px;
      column-width: 33.33%;
      -moz-column-width: 33.33%;
      -webkit-column-width: 33.33%;}*/

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        max-height: 2500px;
    }

        .page-services .data-list .list .list-l-box .itemBox {
            display: inline-block;
            padding: 0 .07rem;
            width: 50%;
            font-size: .14rem;
            vertical-align: top;
        }

            .page-services .data-list .list .list-l-box .itemBox .item {
                display: block;
                width: 100%;
            }
}

/*
** 关于我们
*/

/*关于Intertek*/
.page-intertek {
    padding-top: .2rem;
}

    .page-intertek .numbox {
        padding: .2rem 0;
    }

        .page-intertek .numbox ul {
            background-color: #f5f5f5;
            padding: .2rem 0;
        }

        .page-intertek .numbox li {
            float: left;
            width: 33.333333%;
            text-align: center;
            line-height: 1;
        }

            .page-intertek .numbox li .num {
                display: inline-block;
                color: #130c0e;
                font-weight: bold;
                font-size: .2rem;
                margin-bottom: .05rem;
                position: relative;
            }

                .page-intertek .numbox li .num sub {
                    color: #ffc700;
                    font-size: .15rem;
                    position: absolute;
                    right: -.1rem;
                    bottom: 0;
                }

            .page-intertek .numbox li span {
                display: block;
            }

    .page-intertek .txt-box2 {
        border-bottom: 1px solid #eee;
        padding-bottom: .15rem;
    }

        .page-intertek .txt-box2 li .ti {
            color: #130c0e;
            font-weight: bold;
            line-height: 1;
        }

        .page-intertek .txt-box2 li .txt {
            padding-top: .1rem;
        }

        .page-intertek .txt-box2 li.li-2 {
            padding-top: .1rem;
        }

        .page-intertek .txt-box2 .p {
            margin-top: .1rem;
        }

            .page-intertek .txt-box2 .p span {
                color: #21b6d7;
            }

    .page-intertek .txt-box3 {
        padding: .15rem 0;
    }

        .page-intertek .txt-box3 .p1 b {
            color: #130c0e;
        }

        .page-intertek .txt-box3 ul {
            padding: .1rem 0;
        }

            .page-intertek .txt-box3 ul li {
                padding-left: .17rem;
                position: relative;
                line-height: 1.7142;
            }

                .page-intertek .txt-box3 ul li:before {
                    content: '';
                    width: .06rem;
                    height: .06rem;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    top: .07rem;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                }

@media (min-width:1024px) {
    .page-intertek {
        padding-top: .25rem;
    }

        .page-intertek .numbox {
            padding: .25rem 0 .52rem;
        }

            .page-intertek .numbox ul {
                padding: .47rem 0 .45rem;
            }

            .page-intertek .numbox li .num {
                font-size: .4rem;
            }

                .page-intertek .numbox li .num sub {
                    font-size: .3rem;
                    right: -.2rem;
                }

        .page-intertek .txt-box2 {
            padding-bottom: .4rem;
        }

            .page-intertek .txt-box2 li {
                width: 47.4213%;
                float: left;
            }

                .page-intertek .txt-box2 li.li-1 {
                    float: left;
                }

                .page-intertek .txt-box2 li.li-2 {
                    float: right;
                    padding-top: 0;
                }

                .page-intertek .txt-box2 li .ti {
                    font-size: .16rem;
                }

                .page-intertek .txt-box2 li .txt {
                    padding-top: .15rem;
                }

            .page-intertek .txt-box2 .p {
                margin-top: .5rem;
            }

        .page-intertek .txt-box3 {
            padding: .45rem 0 0;
        }

            .page-intertek .txt-box3 ul {
                padding: .35rem 0 .52rem;
            }
}

/*Intertek中国*/
.page-china {
    padding: .15rem 0;
}

    .page-china .txt-box2 {
        padding: .1rem 0;
    }

        .page-china .txt-box2 ul {
            background-color: #f9f9f9;
            padding: .15rem;
        }

        .page-china .txt-box2 li.li-1 {
            border-bottom: 1px solid #ddd;
            padding-bottom: .1rem;
        }

        .page-china .txt-box2 li.li-2 {
            padding-top: .1rem;
        }

    .page-china .txt-box3 {
        border-bottom: 1px solid #eee;
        padding-bottom: .1rem;
    }

        .page-china .txt-box3 span {
            color: #21b6d7;
        }

    .page-china .txt-box4 {
        padding: .15rem 0;
    }

        .page-china .txt-box4 .ti {
            font-weight: bold;
            color: #130c0e;
            line-height: 1;
        }

        .page-china .txt-box4 ul {
            padding-top: .1rem;
        }

            .page-china .txt-box4 ul li {
                padding-left: .17rem;
                position: relative;
                line-height: 1.7142;
                color: #21b6d7;
            }

                .page-china .txt-box4 ul li a {
                    color: #21b6d7;
                }

                    .page-china .txt-box4 ul li a:hover {
                        color: #ffc700;
                    }

                .page-china .txt-box4 ul li:before {
                    content: '';
                    width: .06rem;
                    height: .06rem;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    top: .07rem;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                }

@media (min-width:1024px) {
    .page-china .txt-box2 {
        padding: .25rem 0 .4rem;
    }

        .page-china .txt-box2 ul {
            padding: .39rem .25rem .46rem;
        }

        .page-china .txt-box2 li {
            width: 50%;
        }

            .page-china .txt-box2 li.li-1 {
                float: left;
                padding-bottom: 0;
                padding-right: .25rem;
                border: 0;
                position: relative;
            }

                .page-china .txt-box2 li.li-1:before {
                    content: '';
                    width: 1px;
                    height: 100%;
                    display: block;
                    background-color: #ddd;
                    position: absolute;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }

            .page-china .txt-box2 li.li-2 {
                float: right;
                padding-top: 0;
                padding-left: .25rem;
            }

    .page-china .txt-box3 {
        padding-bottom: .4rem;
    }

    .page-china .txt-box4 {
        padding: .42rem 0 0;
    }

        .page-china .txt-box4 ul {
            padding-top: .3rem;
        }
}

/*合规承诺*/
.page-commitment {
    padding: .15rem 0;
    position: relative;
}

    .page-commitment .ti-box {
        text-align: center;
        color: #130c0e;
        font-size: .18rem;
    }

    .page-commitment .ul {
        background-position: 6.41% center;
        background-repeat: no-repeat;
        -moz-background-size: 64.9% auto;
        background-size: 64.9% auto;
        padding-top: .2rem;
    }

        .page-commitment .ul li {
            line-height: 1.71428;
            padding-top: .1rem;
        }

            .page-commitment .ul li:first-child {
                padding-top: 0;
            }

            .page-commitment .ul li .index {
                width: .3rem;
                float: left;
            }

            .page-commitment .ul li .txt {
                width: -moz-calc(100% - .3rem);
                width: calc(100% - .3rem);
                float: right;
            }

    .page-commitment .txt-img {
        text-align: right;
        padding-top: .2rem;
    }

@media (min-width:1024px) {
    .page-commitment .ti-box {
        font-size: .24rem;
    }

    .page-commitment .ul {
        padding-top: .52rem;
        background-position: 6.41% bottom;
    }

        .page-commitment .ul li {
            padding-top: .25rem;
        }

    .page-commitment .txt-img {
        padding-top: .85rem;
    }
}

/*社会责任*/
.page-duty .txtbox {
    padding: .15rem 0;
}

    .page-duty .txtbox .ti {
        font-size: .18rem;
        line-height: 1;
    }

    .page-duty .txtbox .txt {
        line-height: 1.71428;
        padding-top: .1rem;
    }

.page-duty .download-box {
    padding-bottom: .15rem;
}

    .page-duty .download-box li {
        padding: .1rem;
    }

        .page-duty .download-box li a {
            display: block;
        }

        /* .page-duty .download-box li a:hover{color:#ffc700;} */
        .page-duty .download-box li .a-btn {
            float: right;
            color: #666;
        }

            .page-duty .download-box li .a-btn:before {
                content: '\e619';
                font-family: 'iconfont';
                display: inline-block;
                color: #21b6d7;
                margin-right: .03rem;
            }

            .page-duty .download-box li .a-btn:hover,
            .page-duty .download-box li .a-btn:hover:before {
                color: #ffc700;
            }

        .page-duty .download-box li .a-ti {
            max-width: 80%;
            float: left;
            color: #21b6d7;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .page-duty .download-box li.li-even {
            background-color: #f9f9f9;
        }

@media (min-width:1024px) {
    .page-duty .txtbox {
        padding: .42rem 0 .5rem;
    }

        .page-duty .txtbox .ti {
            font-size: .24rem;
        }

        .page-duty .txtbox .txt {
            padding-top: .2rem;
        }

    .page-duty .download-box li {
        padding: .19rem .3rem;
    }

        .page-duty .download-box li .a-ti {
            font-size: .16rem;
        }
}

/*成功案例*/
.page-case {
    padding-bottom: .15rem;
}

    .page-case .data-list {
        padding: .15rem 0;
    }

        .page-case .data-list li {
            border-bottom: 1px solid rgba(227, 227, 227, 0.5);
            padding-top: .15rem;
        }

            .page-case .data-list li:first-child {
                padding-top: 0;
            }

            .page-case .data-list li .imgbox {
                overflow: hidden;
            }

                .page-case .data-list li .imgbox img {
                    width: 100%;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                .page-case .data-list li .imgbox:hover img {
                    -webkit-transform: scaleX(1.05) scaleY(1.05);
                    -moz-transform: scaleX(1.05) scaleY(1.05);
                    -ms-transform: scaleX(1.05) scaleY(1.05);
                    transform: scaleX(1.05) scaleY(1.05);
                }

            .page-case .data-list li .txtbox {
                padding: .1rem 0;
            }

                .page-case .data-list li .txtbox .ti {
                    line-height: 1.25;
                    max-height: .33rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

                    .page-case .data-list li .txtbox .ti a {
                        color: #21b6d7;
                    }

                /* .page-case .data-list li .txtbox .ti a:hover{color:#ffc700;} */
                .page-case .data-list li .txtbox .txt {
                    margin-top: .1rem;
                    color: #8e959b;
                    line-height: 1.5714;
                }

@media (min-width:768px) {
    .page-case {
        padding-bottom: 0;
    }

        .page-case .data-list {
            padding-bottom: .3rem;
        }

            .page-case .data-list li .txtbox .ti {
                font-size: .16rem;
                max-height: .4rem;
            }
}

@media (min-width:1024px) {
    .page-case .data-list {
        padding-top: .4rem;
        padding-bottom: .58rem;
    }

        .page-case .data-list li {
            padding-top: .3rem;
        }

            .page-case .data-list li .imgbox {
                width: 37.3584%;
                float: left;
            }

            .page-case .data-list li .txtbox {
                width: 62.6416%;
                float: right;
                padding-left: 6%;
            }
}

@media (min-width:1280px) {
    .page-case .data-list li .txtbox {
        padding: .15rem .3rem 0;
    }

        .page-case .data-list li .txtbox .txt {
            margin-top: .2rem;
        }
}

/*认可资质*/
.page-honor {
    padding: .15rem 0;
}

    .page-honor .txt-box2 {
        padding-top: .15rem;
    }

        .page-honor .txt-box2 table {
            border-collapse: collapse;
        }

        .page-honor .txt-box2 td {
            border: 1px solid #e3e3e3;
            vertical-align: middle;
            padding: .1rem;
        }

            .page-honor .txt-box2 td a {
                color: #21b6d7;
            }

            /* .page-honor .txt-box2 td a:hover{color:#ffc700;} */
            .page-honor .txt-box2 td.ti {
                width: 32%;
                max-width: 1.5rem;
                background-color: #f5f5f5;
                color: #333;
                font-weight: bold;
            }

    .page-honor .txt-box3 {
        padding-top: .15rem;
    }

        .page-honor .txt-box3 li .ti {
            width: .5rem;
            float: left;
        }

        .page-honor .txt-box3 li .txt {
            width: -moz-calc(100% - .5rem);
            width: calc(100% - .5rem);
            float: right;
        }

    .page-honor .txt-box4,
    .page-honor .txt-box5,
    .page-honor .txt-box6 {
        padding: .15rem 0;
        border-top: 1px solid #eee;
    }

        .page-honor .txt-box4 .ti,
        .page-honor .txt-box5 .ti,
        .page-honor .txt-box6 .ti {
            color: #130c0e;
            font-weight: bold;
            line-height: 1;
        }

        .page-honor .txt-box4 .txt,
        .page-honor .txt-box5 .txt,
        .page-honor .txt-box6 .txt {
            margin-top: .1rem;
        }

        .page-honor .txt-box4 .ul,
        .page-honor .txt-box5 .ul,
        .page-honor .txt-box6 .ul {
            margin-top: .1rem;
        }

            .page-honor .txt-box4 .ul li,
            .page-honor .txt-box5 .ul li,
            .page-honor .txt-box6 .ul li {
                padding-left: .17rem;
                position: relative;
                line-height: 1.7142;
            }

                .page-honor .txt-box4 .ul li:before,
                .page-honor .txt-box5 .ul li:before,
                .page-honor .txt-box6 .ul li:before {
                    content: '';
                    width: .06rem;
                    height: .06rem;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    top: .07rem;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                }

                .page-honor .txt-box4 .ul li .agency,
                .page-honor .txt-box5 .ul li .agency,
                .page-honor .txt-box6 .ul li .agency {
                    color: #21b6d7;
                    display: block;
                }

    .page-honor .txt-box4 {
        border-top: 0;
    }

@media (min-width:1024px) {
    .page-honor .txt-box2 td {
        padding: .18rem .3rem;
    }

        .page-honor .txt-box2 td.ti {
            width: 1.5rem;
        }

    .page-honor .txt-box4,
    .page-honor .txt-box5,
    .page-honor .txt-box6 {
        padding-top: .36rem;
        padding-bottom: .3rem;
    }

        .page-honor .txt-box4 .ti,
        .page-honor .txt-box5 .ti,
        .page-honor .txt-box6 .ti {
            font-size: .16rem;
        }

        .page-honor .txt-box4 .txt,
        .page-honor .txt-box5 .txt,
        .page-honor .txt-box6 .txt {
            margin-top: .15rem;
        }

        .page-honor .txt-box4 .ul,
        .page-honor .txt-box5 .ul,
        .page-honor .txt-box6 .ul {
            margin-top: .15rem;
        }

            .page-honor .txt-box4 .ul li .agency,
            .page-honor .txt-box5 .ul li .agency,
            .page-honor .txt-box6 .ul li .agency {
                min-width: 1.4rem;
                display: inline-block;
            }

            .page-honor .txt-box4 .ul li .txt,
            .page-honor .txt-box5 .ul li .txt,
            .page-honor .txt-box6 .ul li .txt {
                padding-left: .17rem;
            }

        .page-honor .txt-box6 .ul {
            margin-top: .3rem;
        }
}

/*
** 法规标准
*/
.page-law .slider-box,
.page-question .slider-box,
.page-school-plan .slider-box {
    background-color: #f4f4f4;
}

    .page-law .slider-box .img-slider .bx-pager,
    .page-question .slider-box .img-slider .bx-pager,
    .page-school-plan .slider-box .img-slider .bx-pager {
        bottom: .09rem;
        right: .1rem;
    }

    .page-law .slider-box .img-slider li a,
    .page-question .slider-box .img-slider li a,
    .page-school-plan .slider-box .img-slider li a {
        display: block;
        overflow: hidden;
    }

        .page-law .slider-box .img-slider li a img,
        .page-question .slider-box .img-slider li a img,
        .page-school-plan .slider-box .img-slider li a img {
            width: 100%;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .page-law .slider-box .img-slider li a:hover img,
        .page-question .slider-box .img-slider li a:hover img,
        .page-school-plan .slider-box .img-slider li a:hover img {
            -webkit-transform: scaleX(1.05) scaleY(1.05);
            -moz-transform: scaleX(1.05) scaleY(1.05);
            -ms-transform: scaleX(1.05) scaleY(1.05);
            transform: scaleX(1.05) scaleY(1.05);
        }

    .page-law .slider-box .txt-slider,
    .page-question .slider-box .txt-slider,
    .page-school-plan .slider-box .txt-slider {
        padding: .1rem;
    }

        .page-law .slider-box .txt-slider li,
        .page-question .slider-box .txt-slider li,
        .page-school-plan .slider-box .txt-slider li {
            display: none;
        }

            .page-law .slider-box .txt-slider li.active,
            .page-question .slider-box .txt-slider li.active,
            .page-school-plan .slider-box .txt-slider li.active {
                display: block;
            }

            .page-law .slider-box .txt-slider li .ti,
            .page-question .slider-box .txt-slider li .ti,
            .page-school-plan .slider-box .txt-slider li .ti {
                font-size: .16rem;
                line-height: 1;
                font-weight: bold;
            }

                .page-law .slider-box .txt-slider li .ti a,
                .page-question .slider-box .txt-slider li .ti a,
                .page-school-plan .slider-box .txt-slider li .ti a {
                    color: #21b6d7;
                }

            /* .page-law .slider-box .txt-slider li .ti a:hover,
.page-question .slider-box .txt-slider li .ti a:hover,
.page-school-plan .slider-box .txt-slider li .ti a:hover{color:#ffc700;} */
            .page-law .slider-box .txt-slider li time,
            .page-question .slider-box .txt-slider li time,
            .page-school-plan .slider-box .txt-slider li time,
            .page-law .slider-box .txt-slider li .txt,
            .page-question .slider-box .txt-slider li .txt,
            .page-school-plan .slider-box .txt-slider li .txt {
                color: #626262;
            }

            .page-law .slider-box .txt-slider li time,
            .page-question .slider-box .txt-slider li time,
            .page-school-plan .slider-box .txt-slider li time {
                line-height: 1;
                display: block;
                padding: .1rem 0;
            }

            .page-law .slider-box .txt-slider li .txt,
            .page-question .slider-box .txt-slider li .txt,
            .page-school-plan .slider-box .txt-slider li .txt {
                line-height: 1.42857;
            }

            .page-law .slider-box .txt-slider li .more-box,
            .page-question .slider-box .txt-slider li .more-box,
            .page-school-plan .slider-box .txt-slider li .more-box {
                line-height: .32rem;
                margin-top: .3rem;
            }

                .page-law .slider-box .txt-slider li .more-box .a-more,
                .page-question .slider-box .txt-slider li .more-box .a-more,
                .page-school-plan .slider-box .txt-slider li .more-box .a-more {
                    width: 30%;
                    max-width: 1.1rem;
                    background-color: #21b6d7;
                    color: #fff;
                    text-align: center;
                    display: inline-block;
                    float: left;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                    .page-law .slider-box .txt-slider li .more-box .a-more:hover,
                    .page-question .slider-box .txt-slider li .more-box .a-more:hover,
                    .page-school-plan .slider-box .txt-slider li .more-box .a-more:hover {
                        background-color: #ffc700;
                        text-decoration: none;
                    }

                .page-law .slider-box .txt-slider li .more-box .ico,
                .page-question .slider-box .txt-slider li .more-box .ico,
                .page-school-plan .slider-box .txt-slider li .more-box .ico {
                    float: right;
                    line-height: inherit;
                    color: #ffc700;
                    cursor: pointer;
                }

                    .page-law .slider-box .txt-slider li .more-box .ico:hover,
                    .page-question .slider-box .txt-slider li .more-box .ico:hover,
                    .page-school-plan .slider-box .txt-slider li .more-box .ico:hover {
                        color: #21b6d7;
                    }

.page-law .fliter-box,
.page-question .fliter-box,
.page-school-plan .fliter-box {
    margin-top: .15rem;
    background-color: #f5f5f5;
}

    .page-law .fliter-box .search-box,
    .page-question .fliter-box .search-box,
    .page-school-plan .fliter-box .search-box {
        background-color: #767a7f;
        padding: .12rem .1rem;
        color: #fff;
        line-height: .35rem;
    }

        .page-law .fliter-box .search-box .ti,
        .page-question .fliter-box .search-box .ti,
        .page-school-plan .fliter-box .search-box .ti,
        .page-law .fliter-box .search-box .text,
        .page-question .fliter-box .search-box .text,
        .page-school-plan .fliter-box .search-box .text,
        .page-law .fliter-box .search-box .btn,
        .page-question .fliter-box .search-box .btn,
        .page-school-plan .fliter-box .search-box .btn,
        .page-law .fliter-box .search-box span,
        .page-question .fliter-box .search-box span,
        .page-school-plan .fliter-box .search-box span {
            letter-spacing: 0;
        }

        .page-law .fliter-box .search-box .ti,
        .page-question .fliter-box .search-box .ti,
        .page-school-plan .fliter-box .search-box .ti {
            display: inline-block;
            margin-right: .1rem;
            vertical-align: middle;
        }

        .page-law .fliter-box .search-box .text,
        .page-question .fliter-box .search-box .text,
        .page-school-plan .fliter-box .search-box .text {
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
            vertical-align: middle;
        }

        .page-law .fliter-box .search-box .btn,
        .page-question .fliter-box .search-box .btn,
        .page-school-plan .fliter-box .search-box .btn {
            background-color: #21b6d7;
            color: #fff;
            text-align: center;
            width: 100%;
            height: inherit;
            line-height: inherit;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-law .fliter-box .search-box .btn:hover,
            .page-question .fliter-box .search-box .btn:hover,
            .page-school-plan .fliter-box .search-box .btn:hover {
                background-color: #ffc700;
            }

        .page-law .fliter-box .search-box .text-box,
        .page-question .fliter-box .search-box .text-box,
        .page-school-plan .fliter-box .search-box .text-box,
        .page-law .fliter-box .search-box .time-box,
        .page-question .fliter-box .search-box .time-box,
        .page-school-plan .fliter-box .search-box .time-box {
            letter-spacing: -.5em;
            position: relative;
            z-index: 88;
        }

.hotkeysbox {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding-left: 56px;
    display: none;
}

    .hotkeysbox .hotkeyswrap {
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #ddd;
        background: #fff;
        margin-top: 2px;
        overflow: hidden;
    }

        .hotkeysbox .hotkeyswrap a {
            display: block;
            letter-spacing: 0;
            padding-left: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .hotkeysbox .hotkeyswrap a:hover {
                background: #f6f6f6;
            }

.page-law .fliter-box .search-box .text-box,
.page-question .fliter-box .search-box .text-box,
.page-school-plan .fliter-box .search-box .text-box {
    padding-bottom: .05rem;
}

    .page-law .fliter-box .search-box .text-box .ti,
    .page-question .fliter-box .search-box .text-box .ti,
    .page-school-plan .fliter-box .search-box .text-box .ti {
        width: .56rem;
    }

    .page-law .fliter-box .search-box .text-box .keyword,
    .page-question .fliter-box .search-box .text-box .keyword,
    .page-school-plan .fliter-box .search-box .text-box .keyword {
        width: -moz-calc(100% - .56rem - .1rem);
        width: calc(100% - .56rem - .1rem);
    }

.page-law .fliter-box .search-box .time-box,
.page-question .fliter-box .search-box .time-box,
.page-school-plan .fliter-box .search-box .time-box {
    padding-bottom: .05rem;
}

    .page-law .fliter-box .search-box .time-box .ti,
    .page-question .fliter-box .search-box .time-box .ti,
    .page-school-plan .fliter-box .search-box .time-box .ti {
        width: .84rem;
    }

    .page-law .fliter-box .search-box .time-box .text,
    .page-question .fliter-box .search-box .time-box .text,
    .page-school-plan .fliter-box .search-box .time-box .text {
        width: -moz-calc((100% - .84rem - .1rem - .35rem)/2);
        width: calc((100% - .84rem - .1rem - .35rem)/2);
        max-width: 1.5rem;
    }

    .page-law .fliter-box .search-box .time-box span,
    .page-question .fliter-box .search-box .time-box span,
    .page-school-plan .fliter-box .search-box .time-box span {
        display: inline-block;
        width: .35rem;
        text-align: center;
    }

.page-law .fliter-box .filter,
.page-question .fliter-box .filter,
.page-school-plan .fliter-box .filter {
    padding: .15rem .1rem .1rem;
}

    .page-law .fliter-box .filter li,
    .page-question .fliter-box .filter li,
    .page-school-plan .fliter-box .filter li {
        padding: .05rem 0; /*line-height: .3rem;*/
    }

        .page-law .fliter-box .filter li .ti,
        .page-question .fliter-box .filter li .ti,
        .page-school-plan .fliter-box .filter li .ti {
            width: .7rem;
            float: left;
        }

        .page-law .fliter-box .filter li .options,
        .page-question .fliter-box .filter li .options,
        .page-school-plan .fliter-box .filter li .options {
            width: -moz-calc(100% - .7rem);
            width: calc(100% - .7rem);
            float: right;
        }

            .page-law .fliter-box .filter li .options a,
            .page-question .fliter-box .filter li .options a,
            .page-school-plan .fliter-box .filter li .options a {
                text-align: center;
                background-color: #fff;
                color: #666;
                padding: 0 .05rem;
                cursor: pointer;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

            .page-law .fliter-box .filter li .options > span,
            .page-question .fliter-box .filter li .options > span,
            .page-school-plan .fliter-box .filter li .options > span {
                width: .4rem;
                display: block;
                float: left;
                margin-right: .05rem;
            }

                .page-law .fliter-box .filter li .options > span a,
                .page-question .fliter-box .filter li .options > span a,
                .page-school-plan .fliter-box .filter li .options > span a {
                    display: block;
                    text-decoration: none;
                }

                .page-law .fliter-box .filter li .options > span.active a,
                .page-question .fliter-box .filter li .options > span.active a,
                .page-school-plan .fliter-box .filter li .options > span.active a {
                    background-color: #21b6d7;
                    color: #fff;
                }

            .page-law .fliter-box .filter li .options .dl,
            .page-question .fliter-box .filter li .options .dl,
            .page-school-plan .fliter-box .filter li .options .dl {
                width: -moz-calc(100% - .4rem - .05rem);
                width: calc(100% - .4rem - .05rem);
                float: right;
            }

                .page-law .fliter-box .filter li .options .dl dd,
                .page-question .fliter-box .filter li .options .dl dd,
                .page-school-plan .fliter-box .filter li .options .dl dd {
                    margin-right: .05rem;
                    margin-bottom: .05rem;
                    float: left;
                }

                    .page-law .fliter-box .filter li .options .dl dd:last-child,
                    .page-question .fliter-box .filter li .options .dl dd:last-child,
                    .page-school-plan .fliter-box .filter li .options .dl dd:last-child {
                        margin-right: 0;
                    }

                    .page-law .fliter-box .filter li .options .dl dd a,
                    .page-question .fliter-box .filter li .options .dl dd a,
                    .page-school-plan .fliter-box .filter li .options .dl dd a {
                        display: inline-block;
                    }

                        .page-law .fliter-box .filter li .options .dl dd a:hover,
                        .page-question .fliter-box .filter li .options .dl dd a:hover,
                        .page-school-plan .fliter-box .filter li .options .dl dd a:hover,
                        .page-law .fliter-box .filter li .options .dl dd.active a,
                        .page-question .fliter-box .filter li .options .dl dd.active a,
                        .page-school-plan .fliter-box .filter li .options .dl dd.active a {
                            background-color: #21b6d7;
                            color: #fff;
                            text-decoration: none;
                        }

.page-law .data-list,
.page-question .data-list,
.page-school-plan .data-list {
    padding: .1rem 0 .2rem;
}

    .page-law .data-list li,
    .page-question .data-list li,
    .page-school-plan .data-list li {
        letter-spacing: -.5em;
        line-height: .3rem;
        padding: 0 .2rem;
    }

        .page-law .data-list li time,
        .page-question .data-list li time,
        .page-school-plan .data-list li time,
        .page-law .data-list li .a-ti,
        .page-question .data-list li .a-ti,
        .page-school-plan .data-list li .a-ti {
            letter-spacing: 0;
            vertical-align: middle;
        }

        .page-law .data-list li time,
        .page-question .data-list li time,
        .page-school-plan .data-list li time {
            width: .95rem;
            display: inline-block;
            font-family: 'NeoSans';
            font-size: .12rem;
            font-weight: bold;
            color: #130c0e;
        }

        .page-law .data-list li .add,
        .page-question .data-list li .add,
        .page-school-plan .data-list li .add {
            display: none;
            padding-right: .22rem;
            color: #333;
        }

        .page-law .data-list li .a-ti,
        .page-question .data-list li .a-ti,
        .page-school-plan .data-list li .a-ti {
            display: inline-block;
            width: -moz-calc(100% - .95rem);
            width: calc(100% - .95rem);
            color: #21b6d7; /* white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden; */
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            float: right;
        }

@media screen and (max-width:769px) {
    .page-law .fliter-box .filter li .options {
        float: none;
        width: 100%;
    }

        .page-law .fliter-box .filter li .options .dl {
            width: 100%;
            float: none;
        }
}

/* .page-law .data-list li .a-ti{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-left: .95rem;
  } */

/* .page-law .data-list li .a-ti:hover,
  .page-question .data-list li .a-ti:hover,
  .page-school-plan .data-list li .a-ti:hover{color:#ffc700;} */
.page-law .data-list li.li-even,
.page-question .data-list li.li-even,
.page-school-plan .data-list li.li-even {
    background-color: #f9f9f9;
}

.page-law .slider-box .txt-slider li time {
    font-family: 'NeoSans';
    font-weight: bold;
    color: #130c0e;
}

@media (min-width:768px) {
    .page-law .fliter-box .search-box,
    .page-question .fliter-box .search-box,
    .page-school-plan .fliter-box .search-box {
        padding: .12rem .2rem;
    }

        .page-law .fliter-box .search-box .text-box,
        .page-question .fliter-box .search-box .text-box,
        .page-school-plan .fliter-box .search-box .text-box {
            width: 37.3%;
            float: left;
            padding-bottom: 0;
        }

        .page-law .fliter-box .search-box .time-box,
        .page-question .fliter-box .search-box .time-box,
        .page-school-plan .fliter-box .search-box .time-box {
            width: 47%;
            padding-left: .2rem;
            float: left;
            padding-bottom: 0;
        }

        .page-law .fliter-box .search-box .btn,
        .page-question .fliter-box .search-box .btn,
        .page-school-plan .fliter-box .search-box .btn {
            width: 11.8733%;
            max-width: .9rem;
            float: right;
        }

    .page-law .data-list li,
    .page-question .data-list li,
    .page-school-plan .data-list li {
        line-height: .4rem;
    }
}

@media (min-width:1024px) {
    .page-law .slider-box,
    .page-question .slider-box,
    .page-school-plan .slider-box {
        position: relative;
    }

        .page-law .slider-box .img-slider,
        .page-question .slider-box .img-slider,
        .page-school-plan .slider-box .img-slider {
            width: 49.75%;
            float: left;
        }

            .page-law .slider-box .img-slider .bx-wrapper .bx-pager,
            .page-question .slider-box .img-slider .bx-wrapper .bx-pager,
            .page-school-plan .slider-box .img-slider .bx-wrapper .bx-pager {
                right: .3rem;
            }

        .page-law .slider-box .txt-slider,
        .page-question .slider-box .txt-slider,
        .page-school-plan .slider-box .txt-slider {
            width: 50.25%;
            height: 100%;
            position: absolute;
            right: 0;
            padding: .3rem .35rem;
        }

            .page-law .slider-box .txt-slider ul,
            .page-question .slider-box .txt-slider ul,
            .page-school-plan .slider-box .txt-slider ul {
                position: relative;
                width: 100%;
                height: 100%;
            }

            .page-law .slider-box .txt-slider li,
            .page-question .slider-box .txt-slider li,
            .page-school-plan .slider-box .txt-slider li {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                display: block;
                visibility: hidden;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
                opacity: 0;
                filter: alpha(opacity=0);
            }

                .page-law .slider-box .txt-slider li .ti,
                .page-question .slider-box .txt-slider li .ti,
                .page-school-plan .slider-box .txt-slider li .ti {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .page-law .slider-box .txt-slider li time,
                .page-question .slider-box .txt-slider li time,
                .page-school-plan .slider-box .txt-slider li time {
                    padding: .2rem 0;
                }

                .page-law .slider-box .txt-slider li .txt,
                .page-question .slider-box .txt-slider li .txt,
                .page-school-plan .slider-box .txt-slider li .txt {
                    max-height: .55rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }

                .page-law .slider-box .txt-slider li .more-box,
                .page-question .slider-box .txt-slider li .more-box,
                .page-school-plan .slider-box .txt-slider li .more-box {
                    margin-top: .35rem;
                }

                .page-law .slider-box .txt-slider li.active,
                .page-question .slider-box .txt-slider li.active,
                .page-school-plan .slider-box .txt-slider li.active {
                    z-index: 2;
                    visibility: visible;
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    .page-law .fliter-box,
    .page-question .fliter-box,
    .page-school-plan .fliter-box {
        margin-top: .3rem;
    }

        .page-law .fliter-box .search-box .time-box,
        .page-question .fliter-box .search-box .time-box,
        .page-school-plan .fliter-box .search-box .time-box {
            padding-left: .6rem;
        }

        .page-law .fliter-box .filter,
        .page-question .fliter-box .filter,
        .page-school-plan .fliter-box .filter {
            padding: .1rem .22rem .14rem;
        }

            .page-law .fliter-box .filter li,
            .page-question .fliter-box .filter li,
            .page-school-plan .fliter-box .filter li {
                padding: .1rem 0 .05rem;
            }

                .page-law .fliter-box .filter li .options > span,
                .page-question .fliter-box .filter li .options > span,
                .page-school-plan .fliter-box .filter li .options > span {
                    width: .6rem;
                }

                .page-law .fliter-box .filter li .options .dl,
                .page-question .fliter-box .filter li .options .dl,
                .page-school-plan .fliter-box .filter li .options .dl {
                    width: -moz-calc(100% - .6rem - .05rem);
                    width: calc(100% - .6rem - .05rem);
                }

                    .page-law .fliter-box .filter li .options .dl dd a,
                    .page-question .fliter-box .filter li .options .dl dd a,
                    .page-school-plan .fliter-box .filter li .options .dl dd a {
                        padding: 0 .14rem;
                        min-width: .8rem;
                    }

    .page-law .data-list,
    .page-question .data-list,
    .page-school-plan .data-list {
        padding: .2rem 0 .8rem;
    }

        .page-law .data-list li,
        .page-question .data-list li,
        .page-school-plan .data-list li {
            line-height: .56rem;
            padding: 0 .3rem;
        }

            .page-law .data-list li time,
            .page-question .data-list li time,
            .page-school-plan .data-list li time {
                margin-right: .32rem;
            }

            .page-law .data-list li .a-ti,
            .page-question .data-list li .a-ti,
            .page-school-plan .data-list li .a-ti {
                width: -moz-calc(100% - .95rem - .32rem);
                width: calc(100% - .95rem - .32rem);
                font-size: .16rem;
            }
}

@media (min-width:1280px) {
    .page-law .slider-box .txt-slider,
    .page-question .slider-box .txt-slider,
    .page-school-plan .slider-box .txt-slider {
        padding-top: .53rem;
        padding-bottom: .5rem;
    }

        .page-law .slider-box .txt-slider li .more-box,
        .page-question .slider-box .txt-slider li .more-box,
        .page-school-plan .slider-box .txt-slider li .more-box {
            margin-top: .5rem;
        }

    .page-law .fliter-box .search-box .time-box,
    .page-question .fliter-box .search-box .time-box,
    .page-school-plan .fliter-box .search-box .time-box {
        padding-left: .8rem;
    }
}

/*产品召回/市场抽查*/
.page-survey,
.page-school-news,
.page-school-case {
    padding-bottom: .15rem;
}

    .page-survey .txtbox,
    .page-school-news .txtbox,
    .page-school-case .txtbox {
        color: #21b6d7;
        padding: .15rem 0;
    }

    .page-survey .search-box,
    .page-school-news .search-box,
    .page-school-case .search-box {
        background-color: #767a7f;
        padding: .12rem .1rem;
        color: #fff;
        line-height: .35rem;
    }

        .page-survey .search-box .ti,
        .page-school-news .search-box .ti,
        .page-school-case .search-box .ti,
        .page-survey .search-box .text,
        .page-school-news .search-box .text,
        .page-school-case .search-box .text,
        .page-survey .search-box .btn,
        .page-school-news .search-box .btn,
        .page-school-case .search-box .btn,
        .page-survey .search-box span,
        .page-school-news .search-box span,
        .page-school-case .search-box span {
            letter-spacing: 0;
        }

        .page-survey .search-box .ti,
        .page-school-news .search-box .ti,
        .page-school-case .search-box .ti {
            display: inline-block;
            margin-right: .1rem;
        }

        .page-survey .search-box .text,
        .page-school-news .search-box .text,
        .page-school-case .search-box .text {
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        .page-survey .search-box .btn,
        .page-school-news .search-box .btn,
        .page-school-case .search-box .btn {
            background-color: #21b6d7;
            color: #fff;
            text-align: center;
            width: 100%;
            height: inherit;
            line-height: inherit;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-survey .search-box .btn:hover,
            .page-school-news .search-box .btn:hover,
            .page-school-case .search-box .btn:hover {
                background-color: #ffc700;
            }

        .page-survey .search-box .text-box,
        .page-school-news .search-box .text-box,
        .page-school-case .search-box .text-box,
        .page-survey .search-box .time-box,
        .page-school-news .search-box .time-box,
        .page-school-case .search-box .time-box {
            letter-spacing: -.5em;
            position: relative;
        }

        .page-survey .search-box .text-box,
        .page-school-news .search-box .text-box,
        .page-school-case .search-box .text-box {
            padding-bottom: .05rem;
        }

            .page-survey .search-box .text-box .ti,
            .page-school-news .search-box .text-box .ti,
            .page-school-case .search-box .text-box .ti {
                width: .56rem;
            }

            .page-survey .search-box .text-box .keyword,
            .page-school-news .search-box .text-box .keyword,
            .page-school-case .search-box .text-box .keyword {
                width: -moz-calc(100% - .56rem - .1rem);
                width: calc(100% - .56rem - .1rem);
            }

        .page-survey .search-box .time-box,
        .page-school-news .search-box .time-box,
        .page-school-case .search-box .time-box {
            padding-bottom: .05rem;
        }

            .page-survey .search-box .time-box .ti,
            .page-school-news .search-box .time-box .ti,
            .page-school-case .search-box .time-box .ti {
                width: .84rem;
            }

            .page-survey .search-box .time-box .text,
            .page-school-news .search-box .time-box .text,
            .page-school-case .search-box .time-box .text {
                width: -moz-calc((100% - .84rem - .1rem - .35rem)/2);
                width: calc((100% - .84rem - .1rem - .35rem)/2);
            }

            .page-survey .search-box .time-box span,
            .page-school-news .search-box .time-box span,
            .page-school-case .search-box .time-box span {
                display: inline-block;
                width: .35rem;
                text-align: center;
            }

    .page-survey .data-list,
    .page-school-news .data-list,
    .page-school-case .data-list {
        padding: .1rem 0 .2rem;
    }

        .page-survey .data-list li,
        .page-school-news .data-list li,
        .page-school-case .data-list li {
            letter-spacing: -.5em;
            line-height: .3rem;
            padding: 0 .2rem;
        }

            .page-survey .data-list li time,
            .page-school-news .data-list li time,
            .page-school-case .data-list li time,
            .page-survey .data-list li .a-ti,
            .page-school-news .data-list li .a-ti,
            .page-school-case .data-list li .a-ti {
                letter-spacing: 0;
                vertical-align: middle;
            }

            .page-survey .data-list li time,
            .page-school-news .data-list li time,
            .page-school-case .data-list li time {
                width: .75rem;
                display: inline-block;
                margin-right: .2rem;
                font-family: 'NeoSans';
                font-size: .12rem;
                font-weight: bold;
                color: #130c0e;
            }

            .page-survey .data-list li .a-ti,
            .page-school-news .data-list li .a-ti,
            .page-school-case .data-list li .a-ti {
                display: inline-block;
                max-width: -moz-calc(100% - .75rem - .2rem);
                max-width: calc(100% - .75rem - .2rem);
                color: #21b6d7;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            /* .page-survey .data-list li .a-ti:hover,
  .page-school-news .data-list li .a-ti:hover,
  .page-school-case .data-list li .a-ti:hover{color:#ffc700;} */
            .page-survey .data-list li.li-even,
            .page-school-news .data-list li.li-even,
            .page-school-case .data-list li.li-even {
                background-color: #f9f9f9;
            }

@media (min-width:768px) {
    .page-survey,
    .page-school-news,
    .page-school-case {
        padding-bottom: 0;
    }

        .page-survey .search-box,
        .page-school-news .search-box,
        .page-school-case .search-box {
            padding: .12rem .2rem;
        }

            .page-survey .search-box .text-box,
            .page-school-news .search-box .text-box,
            .page-school-case .search-box .text-box {
                width: 37.3%;
                float: left;
                padding-bottom: 0;
            }

            .page-survey .search-box .time-box,
            .page-school-news .search-box .time-box,
            .page-school-case .search-box .time-box {
                width: 48%;
                padding-left: .2rem;
                float: left;
                padding-bottom: 0;
            }

            .page-survey .search-box .btn,
            .page-school-news .search-box .btn,
            .page-school-case .search-box .btn {
                width: 11.8733%;
                max-width: .9rem;
                float: right;
            }

        .page-survey .data-list li,
        .page-school-news .data-list li,
        .page-school-case .data-list li {
            line-height: .4rem;
        }
}

@media (min-width:1024px) {
    .page-survey .txtbox,
    .page-school-news .txtbox,
    .page-school-case .txtbox {
        padding-top: .35rem;
    }

    .page-survey .search-box,
    .page-school-news .search-box,
    .page-school-case .search-box {
        padding-left: .4rem;
        padding-right: .4rem;
    }

    .page-survey .data-list,
    .page-school-news .data-list,
    .page-school-case .data-list {
        padding: .18rem 0 .55rem;
    }

        .page-survey .data-list li,
        .page-school-news .data-list li,
        .page-school-case .data-list li {
            line-height: .54rem;
            padding: 0 .3rem;
        }

            .page-survey .data-list li time,
            .page-school-news .data-list li time,
            .page-school-case .data-list li time {
                margin-right: .52rem;
            }

            .page-survey .data-list li .a-ti,
            .page-school-news .data-list li .a-ti,
            .page-school-case .data-list li .a-ti {
                max-width: -moz-calc(100% - .75rem - .52rem);
                max-width: calc(100% - .75rem - .52rem);
                font-size: .16rem;
            }
}

/*风险监测*/
.page-risk,
.page-school-seminar,
.page-school-advisory,
.page-brochure {
    padding-bottom: .15rem;
}

    .page-risk .txtbox,
    .page-school-seminar .txtbox,
    .page-school-advisory .txtbox,
    .page-brochure .txtbox {
        color: #21b6d7;
        padding: .15rem 0;
    }

    .page-risk .fliter-box .search-box,
    .page-school-seminar .fliter-box .search-box,
    .page-school-advisory .fliter-box .search-box,
    .page-brochure .fliter-box .search-box {
        background-color: #767a7f;
        padding: .12rem .1rem;
        color: #fff;
        line-height: .35rem;
    }

        .page-risk .fliter-box .search-box .ti,
        .page-school-seminar .fliter-box .search-box .ti,
        .page-school-advisory .fliter-box .search-box .ti,
        .page-brochure .fliter-box .search-box .ti,
        .page-risk .fliter-box .search-box .text,
        .page-school-seminar .fliter-box .search-box .text,
        .page-school-advisory .fliter-box .search-box .text,
        .page-brochure .fliter-box .search-box .text,
        .page-risk .fliter-box .search-box .btn,
        .page-school-seminar .fliter-box .search-box .btn,
        .page-school-advisory .fliter-box .search-box .btn,
        .page-brochure .fliter-box .search-box .btn,
        .page-risk .fliter-box .search-box span,
        .page-school-seminar .fliter-box .search-box span,
        .page-school-advisory .fliter-box .search-box span,
        .page-brochure .fliter-box .search-box span {
            letter-spacing: 0;
        }

        .page-risk .fliter-box .search-box .ti,
        .page-school-seminar .fliter-box .search-box .ti,
        .page-school-advisory .fliter-box .search-box .ti,
        .page-brochure .fliter-box .search-box .ti {
            display: inline-block;
            margin-right: .1rem;
        }

        .page-risk .fliter-box .search-box .text,
        .page-school-seminar .fliter-box .search-box .text,
        .page-school-advisory .fliter-box .search-box .text,
        .page-brochure .fliter-box .search-box .text {
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        .page-risk .fliter-box .search-box .btn,
        .page-school-seminar .fliter-box .search-box .btn,
        .page-school-advisory .fliter-box .search-box .btn,
        .page-brochure .fliter-box .search-box .btn {
            background-color: #21b6d7;
            color: #fff;
            text-align: center;
            width: 100%;
            height: inherit;
            line-height: inherit;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-risk .fliter-box .search-box .btn:hover,
            .page-school-seminar .fliter-box .search-box .btn:hover,
            .page-school-advisory .fliter-box .search-box .btn:hover,
            .page-brochure .fliter-box .search-box .btn:hover {
                background-color: #ffc700;
            }

        .page-risk .fliter-box .search-box .text-box,
        .page-school-seminar .fliter-box .search-box .text-box,
        .page-school-advisory .fliter-box .search-box .text-box,
        .page-brochure .fliter-box .search-box .text-box,
        .page-risk .fliter-box .search-box .time-box,
        .page-school-seminar .fliter-box .search-box .time-box,
        .page-school-advisory .fliter-box .search-box .time-box,
        .page-brochure .fliter-box .search-box .time-box {
            letter-spacing: -.5em;
            position: relative;
        }

        .page-risk .fliter-box .search-box .text-box,
        .page-school-seminar .fliter-box .search-box .text-box,
        .page-school-advisory .fliter-box .search-box .text-box,
        .page-brochure .fliter-box .search-box .text-box {
            padding-bottom: .05rem;
        }

            .page-risk .fliter-box .search-box .text-box .ti,
            .page-school-seminar .fliter-box .search-box .text-box .ti,
            .page-school-advisory .fliter-box .search-box .text-box .ti,
            .page-brochure .fliter-box .search-box .text-box .ti {
                width: .56rem;
            }

            .page-risk .fliter-box .search-box .text-box .keyword,
            .page-school-seminar .fliter-box .search-box .text-box .keyword,
            .page-school-advisory .fliter-box .search-box .text-box .keyword,
            .page-brochure .fliter-box .search-box .text-box .keyword {
                width: -moz-calc(100% - .56rem - .1rem);
                width: calc(100% - .56rem - .1rem);
                color: #aaa
            }

        .page-risk .fliter-box .search-box .time-box,
        .page-school-seminar .fliter-box .search-box .time-box,
        .page-school-advisory .fliter-box .search-box .time-box,
        .page-brochure .fliter-box .search-box .time-box {
            padding-bottom: .05rem;
        }

            .page-risk .fliter-box .search-box .time-box .ti,
            .page-school-seminar .fliter-box .search-box .time-box .ti,
            .page-school-advisory .fliter-box .search-box .time-box .ti,
            .page-brochure .fliter-box .search-box .time-box .ti {
                width: .84rem;
            }

            .page-risk .fliter-box .search-box .time-box .text,
            .page-school-seminar .fliter-box .search-box .time-box .text,
            .page-school-advisory .fliter-box .search-box .time-box .text,
            .page-brochure .fliter-box .search-box .time-box .text {
                width: -moz-calc((100% - .84rem - .1rem - .35rem)/2);
                width: calc((100% - .84rem - .1rem - .35rem)/2);
                color: #aaa
            }

            .page-risk .fliter-box .search-box .time-box span,
            .page-school-seminar .fliter-box .search-box .time-box span,
            .page-school-advisory .fliter-box .search-box .time-box span,
            .page-brochure .fliter-box .search-box .time-box span {
                display: inline-block;
                width: .35rem;
                text-align: center;
            }

    .page-risk .fliter-box .filter,
    .page-school-seminar .fliter-box .filter,
    .page-school-advisory .fliter-box .filter,
    .page-brochure .fliter-box .filter {
        padding: .15rem .1rem .1rem;
        background-color: #f5f5f5;
        margin-top: .1rem;
    }

        .page-risk .fliter-box .filter li,
        .page-school-seminar .fliter-box .filter li,
        .page-school-advisory .fliter-box .filter li,
        .page-brochure .fliter-box .filter li {
            padding: .05rem 0;
            line-height: .3rem;
        }

            .page-risk .fliter-box .filter li .ti,
            .page-school-seminar .fliter-box .filter li .ti,
            .page-school-advisory .fliter-box .filter li .ti,
            .page-brochure .fliter-box .filter li .ti {
                width: .56rem;
                float: left;
            }

            .page-risk .fliter-box .filter li .options,
            .page-school-seminar .fliter-box .filter li .options,
            .page-school-advisory .fliter-box .filter li .options,
            .page-brochure .fliter-box .filter li .options {
                float: none;
                width: 100%;
            }

                .page-risk .fliter-box .filter li .options a,
                .page-school-seminar .fliter-box .filter li .options a,
                .page-school-advisory .fliter-box .filter li .options a,
                .page-brochure .fliter-box .filter li .options a {
                    text-align: center;
                    background-color: #fff;
                    color: #666;
                    padding: 0 .05rem;
                    cursor: pointer;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                }

                .page-risk .fliter-box .filter li .options > span,
                .page-school-seminar .fliter-box .filter li .options > span,
                .page-school-advisory .fliter-box .filter li .options > span,
                .page-brochure .fliter-box .filter li .options > span {
                    width: .4rem;
                    display: block;
                    float: left;
                    margin-right: .05rem;
                }

                    .page-risk .fliter-box .filter li .options > span a,
                    .page-school-seminar .fliter-box .filter li .options > span a,
                    .page-school-advisory .fliter-box .filter li .options > span a,
                    .page-brochure .fliter-box .filter li .options > span a {
                        display: block;
                    }

                    .page-risk .fliter-box .filter li .options > span.active a,
                    .page-school-seminar .fliter-box .filter li .options > span.active a,
                    .page-school-advisory .fliter-box .filter li .options > span.active a,
                    .page-brochure .fliter-box .filter li .options > span.active a {
                        background-color: #21b6d7;
                        color: #fff;
                    }

                    .page-risk .fliter-box .filter li .options > span a:hover {
                        text-decoration: none;
                    }

    .page-brochure.page-risk .data-list li h5 {
        position: absolute;
        left: 1.1rem;
        top: 0;
        line-height: .45rem;
        width: 70%;
        margin: 0;
    }

    .page-risk .fliter-box .filter li .options .dl,
    .page-school-seminar .fliter-box .filter li .options .dl,
    .page-school-advisory .fliter-box .filter li .options .dl,
    .page-brochure .fliter-box .filter li .options .dl { /*width:calc(100% - .4rem - .05rem);float:right;*/
        width: 100%;
        float: none;
    }

        .page-risk .fliter-box .filter li .options .dl dd,
        .page-school-seminar .fliter-box .filter li .options .dl dd,
        .page-school-advisory .fliter-box .filter li .options .dl dd,
        .page-brochure .fliter-box .filter li .options .dl dd {
            margin-right: .05rem;
            margin-bottom: .05rem;
            float: left;
        }

            .page-risk .fliter-box .filter li .options .dl dd:last-child,
            .page-school-seminar .fliter-box .filter li .options .dl dd:last-child,
            .page-school-advisory .fliter-box .filter li .options .dl dd:last-child,
            .page-brochure .fliter-box .filter li .options .dl dd:last-child {
                margin-right: 0;
            }

            .page-risk .fliter-box .filter li .options .dl dd a,
            .page-school-seminar .fliter-box .filter li .options .dl dd a,
            .page-school-advisory .fliter-box .filter li .options .dl dd a,
            .page-brochure .fliter-box .filter li .options .dl dd a {
                display: inline-block;
            }

                .page-risk .fliter-box .filter li .options .dl dd a:hover,
                .page-school-seminar .fliter-box .filter li .options .dl dd a:hover,
                .page-school-advisory .fliter-box .filter li .options .dl dd a:hover,
                .page-brochure .fliter-box .filter li .options .dl dd a:hover,
                .page-risk .fliter-box .filter li .options .dl dd.active a,
                .page-school-seminar .fliter-box .filter li .options .dl dd.active a,
                .page-school-advisory .fliter-box .filter li .options .dl dd.active a,
                .page-brochure .fliter-box .filter li .options .dl dd.active a {
                    background-color: #21b6d7;
                    color: #fff;
                    text-decoration: none;
                }

    .page-risk .data-list,
    .page-school-seminar .data-list,
    .page-school-advisory .data-list,
    .page-brochure .data-list {
        padding: .1rem 0 .2rem;
    }

        .page-risk .data-list li,
        .page-school-seminar .data-list li,
        .page-school-advisory .data-list li,
        .page-brochure .data-list li {
            letter-spacing: -.5em;
            line-height: .3rem;
            padding: 0 .2rem;
        }

            .page-risk .data-list li time,
            .page-school-seminar .data-list li time,
            .page-school-advisory .data-list li time,
            .page-brochure .data-list li time,
            .page-risk .data-list li .a-ti,
            .page-school-seminar .data-list li .a-ti,
            .page-school-advisory .data-list li .a-ti,
            .page-brochure .data-list li .a-ti {
                letter-spacing: 0;
                vertical-align: middle;
            }

                .page-risk .data-list li .a-ti.web, .page-risk .data-list li:first .a-ti {
                    padding-right: .45rem;
                    position: relative;
                }

        .page-risk .data-list .a-ti .class_net {
            padding-right: .45rem;
            position: relative;
        }

            .page-risk .data-list li .a-ti.web::after,
            .page-risk .data-list .a-ti .class_net::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0rem;
                display: block;
                width: .4rem;
                height: .2rem;
                margin: auto;
                border-radius: 3px;
                text-align: center;
                line-height: 20px;
                font-size: .12rem;
                color: #fff;
                background: url(../images/web-icon.png) no-repeat center center;
                background-size: contain;
            }



        .page-risk .data-list li time,
        .page-school-seminar .data-list li time,
        .page-school-advisory .data-list li time,
        .page-brochure .data-list li time {
            width: .8rem;
            display: inline-block;
            margin-right: .2rem;
            font-family: 'NeoSans';
            font-size: .11rem;
            font-weight: bold;
            color: #130c0e;
        }

        .page-risk .data-list li .a-ti,
        .page-school-seminar .data-list li .a-ti,
        .page-school-advisory .data-list li .a-ti,
        .page-brochure .data-list li .a-ti {
            display: inline-block;
            max-width: -moz-calc(100% - .75rem - .2rem);
            max-width: calc(100% - .75rem - .2rem);
            color: #21b6d7;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    /* .page-risk .data-list li .a-ti:hover,
  .page-school-seminar .data-list li .a-ti:hover,
  .page-school-advisory .data-list li .a-ti:hover,
  .page-brochure .data-list li .a-ti:hover{color:#ffc700;} */
    .page-school-seminar .fliter-box .filter li .options > span a:hover {
        text-decoration: none;
    }

    .page-risk .data-list li.li-even,
    .page-school-seminar .data-list li.li-even,
    .page-school-advisory .data-list li.li-even,
    .page-brochure .data-list li.li-even {
        background-color: #f9f9f9;
    }

    .page-risk .data-list li .a-ti br,
    .page-school-seminar .data-list li .a-ti br,
    .page-school-advisory .data-list li .a-ti br,
    .page-brochure .data-list li .a-ti br {
        display: none
    }

    .page-school-seminar .data-list li:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

/*详情页*/
.page-risk-info { /*继承 服务与行业(详情页) 的样式,具体见类名： .page-services-info */
}

    .page-risk-info .page-columnname {
        line-height: 1.3;
    }

@media (min-width:768px) {
    .page-school-seminar .fliter-box .filter li .options,
    .page-school-advisory .fliter-box .filter li .options,
    .page-brochure .fliter-box .filter li .options {
        width: -moz-calc(100% - .56rem);
        width: calc(100% - .56rem);
        float: right;
    }

    .page-risk,
    .page-school-seminar,
    .page-school-advisory,
    .page-brochure {
        padding-bottom: 0;
    }

        .page-risk .fliter-box .search-box,
        .page-school-seminar .fliter-box .search-box,
        .page-school-advisory .fliter-box .search-box,
        .page-brochure .fliter-box .search-box {
            padding: .12rem .2rem;
        }

            .page-risk .fliter-box .search-box .text-box,
            .page-school-seminar .fliter-box .search-box .text-box,
            .page-school-advisory .fliter-box .search-box .text-box,
            .page-brochure .fliter-box .search-box .text-box {
                width: 37.3%;
                float: left;
                padding-bottom: 0;
            }

            .page-risk .fliter-box .search-box .time-box,
            .page-school-seminar .fliter-box .search-box .time-box,
            .page-school-advisory .fliter-box .search-box .time-box,
            .page-brochure .fliter-box .search-box .time-box {
                width: 48%;
                padding-left: .2rem;
                float: left;
                padding-bottom: 0;
            }

            .page-risk .fliter-box .search-box .btn,
            .page-school-seminar .fliter-box .search-box .btn,
            .page-school-advisory .fliter-box .search-box .btn,
            .page-brochure .fliter-box .search-box .btn {
                width: 11.8733%;
                max-width: .9rem;
                float: right;
            }

        .page-risk .data-list li,
        .page-school-seminar .data-list li,
        .page-school-advisory .data-list li,
        .page-brochure .data-list li {
            line-height: .4rem;
        }

        .page-risk .data-list li {
            line-height: .56rem;
        }

    .page-risk-info .page-columnname {
        width: 98%;
    }

    .page-risk .data-list li time,
    .page-school-seminar .data-list li time,
    .page-school-advisory .data-list li time,
    .page-brochure .data-list li time {
        font-size: .12rem;
    }

    .page-risk .fliter-box .filter li .options,
}

@media (min-width:1024px) {
    .page-risk .txtbox,
    .page-school-seminar .txtbox,
    .page-school-advisory .txtbox,
    .page-brochure .txtbox {
        padding-top: .5rem;
    }

    .page-risk .fliter-box .search-box,
    .page-school-seminar .fliter-box .search-box,
    .page-school-advisory .fliter-box .search-box,
    .page-brochure .fliter-box .search-box {
        padding-left: .4rem;
        padding-right: .4rem;
    }

    .page-risk .fliter-box .filter,
    .page-school-seminar .fliter-box .filter,
    .page-school-advisory .fliter-box .filter,
    .page-brochure .fliter-box .filter {
        padding: .1rem .22rem .14rem;
    }

        .page-risk .fliter-box .filter li,
        .page-school-seminar .fliter-box .filter li,
        .page-school-advisory .fliter-box .filter li,
        .page-brochure .fliter-box .filter li {
            padding: .1rem 0 .05rem;
        }

            .page-risk .fliter-box .filter li .options > span,
            .page-school-seminar .fliter-box .filter li .options > span,
            .page-school-advisory .fliter-box .filter li .options > span,
            .page-brochure .fliter-box .filter li .options > span {
                width: .6rem;
            }

            .page-risk .fliter-box .filter li .options .dl,
            .page-school-seminar .fliter-box .filter li .options .dl,
            .page-school-advisory .fliter-box .filter li .options .dl,
            .page-brochure .fliter-box .filter li .options .dl {
                width: -moz-calc(100% - .6rem - .05rem);
                width: calc(100% - .6rem - .05rem);
            }

                .page-risk .fliter-box .filter li .options .dl dd a,
                .page-school-seminar .fliter-box .filter li .options .dl dd a,
                .page-school-advisory .fliter-box .filter li .options .dl dd a,
                .page-brochure .fliter-box .filter li .options .dl dd a {
                    padding: 0 .1rem;
                    min-width: .8rem;
                }

    .page-risk .data-list,
    .page-school-seminar .data-list,
    .page-school-advisory .data-list,
    .page-brochure .data-list {
        padding: .2rem 0 .8rem;
    }

        .page-risk .data-list li,
        .page-school-seminar .data-list li,
        .page-school-advisory .data-list li,
        .page-brochure .data-list li {
            line-height: .56rem;
            padding: 0 .3rem;
        }

            .page-risk .data-list li time,
            .page-school-seminar .data-list li time,
            .page-school-advisory .data-list li time,
            .page-brochure .data-list li time {
                margin-right: .52rem;
            }

            .page-risk .data-list li .a-ti,
            .page-school-seminar .data-list li .a-ti,
            .page-school-advisory .data-list li .a-ti,
            .page-brochure .data-list li .a-ti {
                max-width: -moz-calc(100% - .68rem - .52rem);
                max-width: calc(100% - .68rem - .52rem);
                font-size: .16rem;
            }
}

.page-school-seminar .data-list li {
    position: relative;
    padding-right: 80px;
}

    .page-school-seminar .data-list li .a-ti-btn {
        letter-spacing: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px;
        background: #21b6d7;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        color: #fff;
        display: block;
        width: 60px;
        line-height: 30px;
        text-align: center;
    }

/*
  ** 质检学堂
  */

/*公共样式 - 课程列表*/

/*头部*/
.school-top {
    width: 100%;
    padding: .14rem 0;
    background-color: rgba(0, 0, 0, 0.85);
    border-top: 0;
}

    .school-top .logo {
        width: 30%;
        max-width: 1.24rem;
        display: block;
        float: left;
    }

        .school-top .logo img {
            width: 100%;
        }

    .school-top .tools {
        float: right;
    }

        .school-top .tools .a-home,
        .school-top .tools .member-box {
            line-height: 1;
        }

        .school-top .tools .a-home {
            font-size: 0;
            color: #fff;
            display: inline-block;
            float: left;
        }

            .school-top .tools .a-home:after {
                content: '\e61d';
                font-family: 'iconfont';
                display: inline-block;
                font-size: .18rem;
                margin-left: .1rem;
            }

            .school-top .tools .a-home:hover {
                color: #ffc700;
            }

        .school-top .tools .member-box {
            float: left;
            margin-left: .1rem;
            margin-right: .1rem;
            padding: 0 .1rem;
            position: relative;
        }

            .school-top .tools .member-box:before,
            .school-top .tools .member-box:after {
                content: '';
                width: 1px;
                height: .15rem;
                display: block;
                background-color: #ffc700;
                position: absolute;
                top: 50%;
                bottom: 0;
                margin-top: -.075rem;
            }

            .school-top .tools .member-box:before {
                left: 0;
            }

            .school-top .tools .member-box:after {
                right: 0;
            }

            .school-top .tools .member-box > span {
                display: block;
                font-size: 0;
                color: #fff;
                cursor: pointer;
            }

                .school-top .tools .member-box > span:after {
                    content: '\e60c';
                    font-family: 'iconfont';
                    display: inline-block;
                    font-size: .18rem;
                }

                .school-top .tools .member-box > span:hover,
                .school-top .tools .member-box.memberon span {
                    color: #ffc700;
                }

            .school-top .tools .member-box .ul {
                width: .9rem;
                visibility: hidden;
                position: absolute;
                left: 50%;
                margin-left: -.45rem;
                top: 100%;
                padding-top: .05rem;
                display: none;
            }

                .school-top .tools .member-box .ul:before {
                    content: '';
                    position: absolute;
                    left: 50%;
                    margin-left: -.05rem;
                    top: -.05rem;
                    width: 0;
                    height: 0;
                    font-size: 0;
                    line-height: 0;
                    border-width: 0.05rem;
                    border-style: dashed dashed solid dashed;
                    border-color: transparent transparent #fff transparent;
                }

                .school-top .tools .member-box .ul li {
                    background-color: #fff;
                    line-height: 2;
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                }

            .school-top .tools .member-box .ul {
                border-bottom: 1px solid #ddd;
            }

                .school-top .tools .member-box .ul li a {
                    display: block;
                    text-align: center;
                    cursor: pointer;
                }

                    .school-top .tools .member-box .ul li a:hover {
                        background-color: #130c0e;
                        color: #fff;
                    }

        .school-top .tools .member-box-ullogin .ul-unlogin {
            display: block;
        }

        .school-top .tools .member-box-login .ul-login {
            display: block;
        }

        .school-top .tools .selbox-box-active .ul,
        .school-top .tools .selbox-box-hover .ul {
            visibility: visible;
        }

        .school-top .tools .selbox-box-active > span:after {
            content: '\e610';
        }

        .school-top .tools .search-box {
            float: left;
            font-size: 0;
        }

            .school-top .tools .search-box .ibtn {
                font-size: .18rem;
                width: .18rem;
                height: .18rem;
                color: #fff;
                cursor: pointer;
            }

            .school-top .tools .search-box .search {
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: 100%;
                background-color: #fff;
                color: #130c0e;
                font-size: .14rem;
            }

                .school-top .tools .search-box .search .search-wrap {
                    height: .35rem;
                    line-height: .33rem;
                    position: relative;
                }

.hotkeyView {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    background: #fff;
}

.hotkeyView {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: 2px;
    overflow: hidden;
}

    .hotkeyView a {
        display: block;
        letter-spacing: 0;
        padding-left: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .hotkeyView a:hover {
            background: #f6f6f6;
        }

.school-top .tools .search-box .search .keyword {
    width: -moz-calc(100% - .35rem);
    width: calc(100% - .35rem);
    height: 100%;
    line-height: inherit;
    padding: 0 .09rem;
    float: left;
}

.school-top .tools .search-box .search .btn {
    width: .35rem;
    height: 100%;
    font-size: .16rem;
    text-align: center;
    float: right;
    cursor: pointer;
}

.school-top .tools .search-box .search input::-webkit-input-placeholder {
    color: #130c0e;
}

.school-top .tools .search-box .search input:-moz-placeholder {
    color: #130c0e;
}

.school-top .tools .search-box .search input::-moz-placeholder {
    color: #130c0e;
}

.school-top .tools .search-box .search input:-ms-input-placeholder {
    color: #130c0e;
}

@media (max-width:767px) {
    .school-top .top-wrap {
        -webkit-display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .school-top .search-box .search-wrap {
        border: 1px solid #ddd;
        -moz-border-radius: 0.05rem;
        border-radius: 0.05rem;
    }

    .school-top .search-box .search {
        padding: .2rem 3%;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .school-top .search-box-active .ibtn:before {
        content: '\e610';
    }

    .school-top .search-box-active .search {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width:768px) {
    .school-top .logo {
        width: 1.24rem;
        height: .42rem;
    }

    .school-top .tools {
        padding: .035rem 0;
    }

        .school-top .tools .a-home,
        .school-top .tools .member-box {
            line-height: .35rem;
        }

        .school-top .tools .a-home {
            font-size: .14rem;
        }

            .school-top .tools .a-home:after {
                line-height: 1; /* vertical-align: middle; */
            }

        .school-top .tools .member-box {
            margin-left: .2rem;
            margin-right: 0;
            padding: 0 .2rem;
        }

            .school-top .tools .member-box:after {
                display: none;
            }

            .school-top .tools .member-box .mem-btn {
                font-size: .14rem;
            }

                .school-top .tools .member-box .mem-btn:after {
                    margin-left: .1rem;
                    line-height: 1;
                    vertical-align: middle;
                }

        .school-top .tools .search-box {
            width: 2rem;
        }

            .school-top .tools .search-box .ibtn {
                display: none;
            }

            .school-top .tools .search-box .search {
                position: static;
                padding: 0;
                visibility: visible;
            }
}

@media (min-width:1024px) {
    .bd-school .school-top {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 200;
    }

    .school-top .tools .search-box {
        width: 2.96rem;
    }
}

/*频道页*/
.page-school .page-floor {
    margin-top: 6.65%;
}

    .page-school .page-floor .ti-box {
        line-height: .27rem;
    }

        .page-school .page-floor .ti-box .ti {
            color: #130c0e;
            font-size: .18rem;
            float: left;
        }

        .page-school .page-floor .ti-box .a-more {
            color: #21b6d7;
            display: inline-block;
            float: right;
        }

            .page-school .page-floor .ti-box .a-more:after {
                content: '\e625';
                font-family: 'iconfont';
                display: inline-block;
                margin-left: .05rem;
            }

            .page-school .page-floor .ti-box .a-more:hover {
                color: #ffc700;
            }

    .page-school .page-floor .contbox {
        margin-top: .1rem;
    }

.page-school .floor-plan .list li {
    line-height: .35rem;
    padding-top: .1rem;
}

    .page-school .floor-plan .list li a {
        display: block;
        padding: 0 .1rem;
        background-color: #f9f9f9;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .page-school .floor-plan .list li a:before {
            content: '\e621';
            font-family: 'iconfont';
            display: inline-block;
            margin-right: .1rem;
            color: #21b6d7;
            font-size: .18rem;
        }

        .page-school .floor-plan .list li a:hover {
            color: #21b6d7;
        }

.page-school .floor-news .category-list {
    width: 100%;
    float: right;
    padding-top: .1rem;
}

    .page-school .floor-news .category-list li {
        width: 25%;
        float: left;
        text-align: center;
        line-height: .33rem;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .page-school .floor-news .category-list li a {
            display: block;
        }

            .page-school .floor-news .category-list li.active a,
            .page-school .floor-news .category-list li a:hover {
                background-color: #21b6d7;
                color: #fff;
                text-decoration: none;
            }

.page-school .floor-news .bx-wrapper .bx-controls .bx-pager {
    width: auto;
    height: .09rem;
    left: auto;
    right: .1rem;
    bottom: 10%;
    font-size: 0;
    padding-top: 0;
}

    .page-school .floor-news .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
        margin-left: .12rem;
    }

        .page-school .floor-news .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child {
            margin-left: 0;
        }

        .page-school .floor-news .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
            margin: 0;
            width: .09rem;
            height: .09rem;
            background-color: #fff;
            vertical-align: top;
        }

            .page-school .floor-news .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
                background-color: #ffc700;
            }

.page-school .floor-news .slider li {
    position: relative;
}

    .page-school .floor-news .slider li .imgbox a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .page-school .floor-news .slider li .ti {
        width: 100%;
        padding: .1rem .15rem;
        background-color: rgba(0, 0, 0, 0.3);
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        font-weight: lighter;
    }

        .page-school .floor-news .slider li .ti a {
            color: #fff;
            font-size: .16rem;
        }

            .page-school .floor-news .slider li .ti a:hover {
                color: #21b6d7;
            }

        .page-school .floor-news .slider li .ti .info {
            color: #cfcfcf;
        }

            .page-school .floor-news .slider li .ti .info span {
                display: inline-block;
                margin-left: .14rem;
            }

.page-school .floor-news .data-list {
    padding-top: 5%;
}

    .page-school .floor-news .data-list li {
        letter-spacing: -.5em;
        line-height: .35rem;
        padding: 0 .1rem;
        position: relative;
    }

        .page-school .floor-news .data-list li .info {
            letter-spacing: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .page-school .floor-news .data-list li .a-ti {
            letter-spacing: 0;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-right: .45rem;
            position: relative;
        }

            .page-school .floor-news .data-list li .a-ti.web::after,
            .page-school .floor-news .data-list li .a-ti.class_net::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0rem;
                display: block;
                width: .4rem;
                height: .2rem;
                margin: auto;
                border-radius: 3px;
                text-align: center;
                line-height: 20px;
                font-size: .12rem;
                color: #fff;
                background: url("../images/web-icon.png") no-repeat center center;
                background-size: contain;
            }

        .page-school .floor-news .data-list li .info {
            width: 1.4rem;
            color: #130c0e;
        }

            .page-school .floor-news .data-list li .info time {
                font-family: 'NeoSans';
                font-size: .12rem;
                width: .8rem;
                margin-right: .1rem;
                display: inline-block;
            }

        .page-school .floor-news .data-list li .a-ti {
            max-width: -moz-calc(100% - 1.4rem - .15rem);
            max-width: calc(100% - 1.4rem - .15rem);
            margin-left: .15rem;
            color: #21b6d7;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        /* .page-school .floor-news .data-list li .a-ti:hover{color:#ffc700;} */
        .page-school .floor-news .data-list li.li-even {
            background-color: #f9f9f9;
        }

.page-school .floor-hots .data-list li {
    margin-top: .1rem;
}

    .page-school .floor-hots .data-list li:first-child {
        margin-top: 0;
    }

    .page-school .floor-hots .data-list li .txtbox {
        background-color: #f8f8f8;
        padding: .15rem .1rem;
    }

        .page-school .floor-hots .data-list li .txtbox .ti {
            line-height: 1;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .page-school .floor-hots .data-list li .txtbox .ti a {
                color: #130c0e;
            }

                .page-school .floor-hots .data-list li .txtbox .ti a:hover {
                    color: #21b6d7;
                }

        .page-school .floor-hots .data-list li .txtbox .txt {
            color: #999;
            line-height: 1;
            margin-top: .08rem;
            margin-bottom: .1rem;
        }

        .page-school .floor-hots .data-list li .txtbox .info {
            border-top: 1px solid #e5e1e1;
            padding-top: .1rem;
            color: #21b6d7;
        }

            .page-school .floor-hots .data-list li .txtbox .info .amount {
                float: left;
                font-weight: bold;
            }

            .page-school .floor-hots .data-list li .txtbox .info .area {
                float: right;
            }

            .page-school .floor-hots .data-list li .txtbox .info .score {
                float: right;
                color: #c9c9c9;
                font-size: .12rem;
                margin-left: .12rem;
            }

                .page-school .floor-hots .data-list li .txtbox .info .score .icon-star-on {
                    color: #21b6d7;
                }

.page-school .floor-inquire {
    width: 100%;
    padding: 10%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
}

    .page-school .floor-inquire .ti {
        color: #130c0e;
        font-size: .16rem;
        line-height: 1;
        margin-bottom: .05rem;
    }

    .page-school .floor-inquire .a-btn {
        display: inline-block;
        background-color: #21b6d7;
        color: #fff;
        text-align: center;
        line-height: .3rem;
        padding: 0 .1rem;
        font-weight: lighter;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .page-school .floor-inquire .a-btn:hover {
            background-color: #130C0E
        }

.page-school .floor-lecturer .bxslider li {
    text-align: left;
}

    .page-school .floor-lecturer .bxslider li .ti {
        text-align: center;
    }

    .page-school .floor-lecturer .bxslider li .item {
        padding: 0 10%;
    }

    .page-school .floor-lecturer .bxslider li .imgbox {
        -moz-border-radius: 50%; /*border-radius:50%;*/
        overflow: hidden;
        position: relative;
        padding-top: 100%;
    }

        .page-school .floor-lecturer .bxslider li .imgbox a {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

        .page-school .floor-lecturer .bxslider li .imgbox img {
            position: absolute; /*width: 100%;*/
            height: 100%;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%); /*-moz-border-radius: 50%;*/ /*border-radius: 50%;*/
        }

.bdsharebuttonbox {
    white-space: nowrap;
}

.page-school .floor-lecturer .bxslider li .txtbox {
    padding-top: .15rem;
}

    .page-school .floor-lecturer .bxslider li .txtbox .ti {
        color: #130c0e;
        line-height: 1;
    }

    .page-school .floor-lecturer .bxslider li .txtbox .txt {
        margin-top: .13rem;
        text-align: center;
    }

.page-school .floor-class .contbox > .imgbox a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

    .page-school .floor-class .contbox > .imgbox a:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .page-school .floor-class .contbox > .imgbox a:hover:before {
        background-color: rgba(0, 0, 0, 0.2);
    }

.page-school .floor-class .imgbox {
    overflow: hidden;
}

    .page-school .floor-class .imgbox .play-btn {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #f9f9f9;
        z-index: 3;
        font-size: .16rem;
        line-height: 1;
    }

        .page-school .floor-class .imgbox .play-btn:before {
            content: '\e62c';
            font-family: 'iconfont';
            display: block;
            font-size: .3rem;
            margin-bottom: .13rem;
        }

    .page-school .floor-class .imgbox .ti-box {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: 0 .1rem;
        line-height: .35rem;
        color: #fff;
    }

        .page-school .floor-class .imgbox .ti-box time {
            float: right;
            color: #ffc700;
        }

            .page-school .floor-class .imgbox .ti-box time:before {
                content: '\e62d';
                font-family: 'iconfont';
                display: inline-block;
                margin-right: .09rem;
            }

.page-school .floor-live .data-list {
    background-color: #f8f8f8;
    padding: 0 .1rem;
}

    .page-school .floor-live .data-list li {
        border-top: 1px solid #e5e1e1;
        padding: .1rem 0;
    }

        .page-school .floor-live .data-list li:first-child {
            border-top: 0;
        }

        .page-school .floor-live .data-list li .txtbox {
            float: left;
            line-height: 1;
        }

            .page-school .floor-live .data-list li .txtbox .ti:before,
            .page-school .floor-live .data-list li .txtbox time:before {
                font-family: 'iconfont';
                display: inline-block;
                margin-right: .1rem;
                color: #130c0e;
            }

            .page-school .floor-live .data-list li .txtbox .ti {
                margin-bottom: .1rem;
            }

                .page-school .floor-live .data-list li .txtbox .ti:before {
                    content: '\e62f';
                }

                .page-school .floor-live .data-list li .txtbox .ti a {
                    color: #130c0e;
                }

                    .page-school .floor-live .data-list li .txtbox .ti a:hover {
                        color: #21b6d7;
                    }

            .page-school .floor-live .data-list li .txtbox time:before {
                content: '\e62d';
            }

.page-school .data-list .txtbox span {
    display: block;
    padding: 0.1rem 0 0;
    color: #21b6d7;
    font-size: 0.18rem;
}

.page-school .floor-live .data-list li .play-btn span {
    color: #21b6d7;
    display: block;
    margin-bottom: 10px;
}

.page-school .imgbox .ti-box .play-btn {
    display: block;
}

.page-school .imgbox .ti-box p span {
    display: block;
    float: left;
}

    .page-school .imgbox .ti-box p span:nth-of-type(2) {
        display: block;
        float: right;
    }

.page-school .data-list .txtbox span {
    display: block;
    padding: 0.1rem 0 0;
    color: #21b6d7;
    font-size: 0.18rem;
}

.page-school .floor-public .data-list ul {
    margin-left: -.05rem;
    margin-right: -.05rem;
}

.page-school .floor-public .data-list li {
    width: 50%;
    padding: 0 .05rem .1rem;
    float: left;
}

    .page-school .floor-public .data-list li .imgbox a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        .page-school .floor-public .data-list li .imgbox a:before {
            content: '\e62c';
            font-family: 'iconfont';
            display: block;
            font-size: .3rem;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 2;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #fff;
            line-height: 1;
        }

    .page-school .floor-public .data-list li .imgbox:hover a:before {
        -webkit-transform: scale(1, 1) translate(-50%, -50%);
        -moz-transform: scale(1, 1) translate(-50%, -50%);
        -ms-transform: scale(1, 1) translate(-50%, -50%);
        transform: scale(1, 1) translate(-50%, -50%);
    }

    .page-school .floor-public .data-list li .ti {
        line-height: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: .1rem;
    }

        .page-school .floor-public .data-list li .ti a {
            color: #130c0e;
        }

            .page-school .floor-public .data-list li .ti a:hover {
                color: #21b6d7;
            }

.page-contact-china .map-wrap .txt-list li:nth-of-type(3) {
    display: none;
}

.page-contact-china .filter-box .select ul li:hover a {
    color: #fff;
}

.location .share-box,
.bdshare-button-style0-16 {
    color: #b7b7b7;
}

.tools-box .share-box {
    display: none;
}

.page-question .fliter-box .filter li .options .dl
.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more,
.bdsharebuttonbox .bds_more {
    background: url(../images/share.png)no-repeat center center !important;
    padding: 10px 0;
    -moz-background-size: contain;
    background-size: contain;
    float: none !important;
    margin-left: .1rem !important;
}

.bdshare_popup_box {
    left: 80% !important;
    display: none !important;
}

.bdshare-button-style0-16 {
    position: relative;
}

@media (max-width:768px) {
    .tools-box .share-box {
        display: block;
    }

    .tools-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
    }

    .header .top-main .mainnav li .serbus img {
        display: none;
    }

    .header .top-main .mainnav li .subnav dd a {
        display: block;
    }

    .header .top-main .mainnav li:nth-of-type(1) .subnav a {
        padding: 0.03rem .15rem !important;
    }

    .header .top-main .mainnav li .serbus p {
        margin: 0;
        display: none;
    }

    /*.header .top-main .mainnav li:nth-of-type(1) > a:after,.header .top-main .mainnav li:nth-of-type(1) .serbus,.header .top-main .mainnav li:nth-of-type(1) > a span{ display: none!important; }*/
    .tools-box .bdsharebuttonbox {
        line-height: 35px;
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 10px;
        white-space: nowrap;
    }

    .tools-box .read-mode {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .tools-box .a-subscription {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: .7rem !important;
    }

    .tools-box .share-box {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .tools-box a {
        margin-left: 0;
        margin-right: 2%;
    }

    .tools-box .share-box {
        margin-top: -.06rem;
    }

    .bdshare_popup_box {
        left: 38% !important;
    }

    #bsBox {
        max-width: 100% !important;
    }

    .page-contact-china .filter-box .select-area {
        margin-bottom: .1rem;
    }

    .page-subscription .form .fillselect select {
        height: .37rem;
        padding-left: .1rem;
    }

        .page-subscription .form .fillselect select option {
            direction: ltr;
        }

    .page-school-seminar .data-list li .a-ti-btn {
        top: 8% !important;
        right: 2%;
    }

    .page-school .floor-plan .list li:first-child {
        padding-top: 0;
    }

    .page-school .floor-news .slider li .imgbox {
        background: none !important;
    }

    .page-school .floor-hots .category-list {
        width: 100%;
    }

    .page-school .floor-hots .data-list li:nth-child(1),
    .page-school .floor-hots .data-list li:nth-child(2) {
        padding-top: 0;
    }

    .page-school .floor-hots .data-list li.li-hide {
        display: none;
    }

    .page-school .floor-class .imgbox {
        background: none !important;
    }
}

@media (max-width:1000px) {
    .header .top-main .mainnav li:nth-of-type(1) .subnav a {
        padding: 0.03rem .15rem !important;
    }
}

@media (min-width:414px) {
    .page-school .floor-hots .data-list ul {
        margin-left: -.06rem;
        margin-right: -.06rem;
    }

    .page-school .floor-hots .data-list li {
        width: 50%;
        margin-top: 0;
        padding-left: .06rem;
        padding-right: .06rem;
        float: left;
    }
}

@media (min-width:414px) and (max-width:767px) {
    .page-school .floor-hots .data-list li {
        padding-top: .06rem;
        padding-bottom: .06rem;
    }
}

@media (min-width:768px) {
    .page-school .page-floor .ti-box .a-more:before {
        margin-left: .1rem;
    }

    .page-school .page-floor .contbox {
        margin-top: .15rem;
    }

    .page-school .floor-plan .list ul {
        margin-left: -.1rem;
        margin-right: -.1rem;
    }

    .page-school .floor-plan .list li {
        width: 50%;
        padding-left: .1rem;
        padding-right: .1rem;
        float: left;
    }

        .page-school .floor-plan .list li a {
            background-color: #f9f9f9;
            padding-left: .15rem;
            padding-right: .15rem;
        }

            .page-school .floor-plan .list li a:before {
                font-size: .25rem;
            }

        .page-school .floor-plan .list li.li-1,
        .page-school .floor-plan .list li.li-2 {
            padding-top: 0;
        }

    .page-school .floor-news .category-list {
        width: auto;
        padding: 0;
        margin-top: -.025rem;
        margin-right: .2rem;
    }

        .page-school .floor-news .category-list li {
            width: auto;
        }

            .page-school .floor-news .category-list li a {
                padding: 0 .1rem;
            }

    .page-school .floor-news .contbox {
        position: relative;
        padding-top: 0;
        margin-top: .15rem;
    }

    .page-school .floor-news .slider {
        width: 25%;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .page-school .floor-news .slider .bx-wrapper,
        .page-school .floor-news .slider .bx-viewport,
        .page-school .floor-news .slider .bxslider {
            height: 100%;
        }

        .page-school .floor-news .slider li {
            height: 100%;
        }

            .page-school .floor-news .slider li .imgbox {
                width: 100%;
                height: 100%;
                background-position: center;
                background-repeat: no-repeat;
                -moz-background-size: cover;
                background-size: cover;
            }

                .page-school .floor-news .slider li .imgbox a {
                    display: block;
                }

                .page-school .floor-news .slider li .imgbox figure {
                    background-position: center;
                    background-repeat: no-repeat;
                    -moz-background-size: cover;
                    background-size: cover;
                    padding-bottom: 131%;
                    display: block;
                }

                .page-school .floor-news .slider li .imgbox img {
                    display: none;
                }

    .page-school .floor-news .data-list {
        padding-top: 0;
        width: 73.33333%;
        float: right;
        min-height: 2.8rem;
    }

        .page-school .floor-news .data-list.page-row {
            float: none;
            width: 100%;
        }

        .page-school .floor-news .data-list li {
            line-height: .4rem;
        }

    .page-school .floor-hots .contbox {
        margin-top: 0;
    }

    .page-school .floor-hots .data-list {
        padding-top: .12rem;
    }

        .page-school .floor-hots .data-list li {
            width: 25%;
        }

            .page-school .floor-hots .data-list li .txtbox {
                padding-bottom: .2rem;
            }

                .page-school .floor-hots .data-list li .txtbox .txt {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .page-school .floor-hots .data-list li .txtbox .info .amount {
                    font-size: .16rem;
                }

            .page-school .floor-hots .data-list li.li-1,
            .page-school .floor-hots .data-list li.li-2,
            .page-school .floor-hots .data-list li.li-3,
            .page-school .floor-hots .data-list li.li-4 {
                padding-top: 0;
            }

    .page-school .floor-inquire .ti {
        font-size: .2rem;
        margin-bottom: .1rem;
    }

    .page-school .floor-inquire .a-btn {
        font-size: .16rem;
        padding: 0 .16rem;
    }

    .page-school .floor-class .contbox {
        position: relative;
    }

        .page-school .floor-class .contbox > .imgbox {
            width: 50%;
            height: 100%;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-position: center;
            background-repeat: no-repeat;
            -moz-background-size: cover;
            background-size: cover;
        }

            .page-school .floor-class .contbox > .imgbox img {
                display: none;
            }

    .page-school .floor-class .imgbox .ti-box {
        line-height: .45rem;
    }

    .page-school .floor-live .data-list {
        width: 50%;
        float: right;
        padding: 0 .2rem;
    }

        .page-school .floor-live .data-list li {
            padding: .15rem 0;
        }

    .page-school .floor-public .data-list {
        width: 50%;
        float: right;
        padding-left: .2rem;
    }

        .page-school .floor-public .data-list li .imgbox a:before {
            font-size: .42rem;
        }

        .page-school .floor-public .data-list li.li-1,
        .page-school .floor-public .data-list li.li-2 {
            padding-top: 0;
        }

    .page-school .floor-public .data-list-out {
        width: 100%;
    }

        .page-school .floor-public .data-list-out li {
            width: 25%;
        }
}

@media (min-width:1024px) {
    .page-school .page-floor .ti-box .ti {
        font-size: .2rem;
    }

    .page-school .page-floor .contbox {
        margin-top: .2rem;
    }

    .page-school .floor-plan .list li {
        line-height: .4rem;
        font-size: .16rem;
        width: 25%;
    }

        .page-school .floor-plan .list li a {
            padding: 0 .2rem;
        }

            .page-school .floor-plan .list li a:before {
                margin-right: .15rem;
            }

        .page-school .floor-plan .list li.li-3,
        .page-school .floor-plan .list li.li-4 {
            padding-top: 0;
        }

    .page-school .floor-news .contbox {
        margin-top: .2rem;
        padding-top: 0;
    }

    .page-school .floor-news .category-list {
        padding-right: .2rem;
    }

        .page-school .floor-news .category-list li a {
            padding: 0 .15rem;
        }

    .page-school .floor-hots .data-list li .txtbox .ti {
        font-size: .16rem;
    }

    .page-school .floor-hots .data-list li .txtbox .info .amount {
        font-size: .18rem;
    }

    .page-school .floor-inquire {
        padding: .56rem 14.5%;
    }

        .page-school .floor-inquire .a-btn {
            line-height: .4rem;
            padding: 0 .18rem;
        }

    .page-school .floor-lecturer .bxslider li .item {
        padding: 0 12%;
    }

    .page-school .floor-lecturer .bxslider li .txtbox {
        padding-top: .28rem;
    }

        .page-school .floor-lecturer .bxslider li .txtbox .ti {
            font-size: .16rem;
        }

    .page-school .floor-class .imgbox .play-btn:before {
        font-size: .42rem;
    }

    .page-school .floor-class .imgbox .ti-box {
        line-height: .56rem;
        padding: 0 .2rem;
    }

        .page-school .floor-class .imgbox .ti-box span {
            font-size: .18rem;
            display: block;
            line-height: 0.3rem;
            padding: 0.2rem 0 0.1rem;
        }

        .page-school .floor-class .imgbox .ti-box p {
            display: block;
            height: 0;
            line-height: 0;
            padding: 0;
            margin: 0;
        }

            .page-school .floor-class .imgbox .ti-box p span {
                font-size: .18rem;
                display: block;
                line-height: 0.3rem;
                padding: 0 0 0.1rem;
            }

    .page-school .floor-live .data-list {
        padding-left: .32rem;
        padding-right: .27rem;
    }

        .page-school .floor-live .data-list li .play-btn {
            font-size: .16rem;
            float: right;
        }
}

@media (min-width:1280px) {
    .page-school .page-floor {
        margin-top: .8rem;
    }

        .page-school .page-floor .ti-box .ti {
            font-size: .28rem;
        }

        .page-school .page-floor .contbox {
            margin-top: .29rem;
        }

    .page-school .floor-plan .list li {
        line-height: .54rem;
        width: 16.66%;
    }

        .page-school .floor-plan .list li.li-3,
        .page-school .floor-plan .list li.li-4,
        .page-school .floor-plan .list li.li-5,
        .page-school .floor-plan .list li.li-6 {
            padding-top: 0;
        }

        .page-school .floor-plan .list li .ti {
            width: 80%;
        }

            .page-school .floor-plan .list li .ti:before {
                font-size: .25rem;
                margin-right: .15rem;
            }

    .page-school .floor-news .contbox {
        padding-top: 0;
        margin-top: .3rem;
    }

    .page-school .floor-news .bx-wrapper .bx-controls .bx-pager {
        right: .19rem;
    }

    .page-school .floor-news .slider li .ti {
        padding: .19rem;
    }

    .page-school .floor-news .data-list li {
        padding: 0 .3rem;
        line-height: .56rem;
    }

    .page-school .floor-news .data-list {
        min-height: 3.92rem;
    }

        .page-school .floor-news .data-list li .a-ti {
            font-size: .16rem;
            max-width: -moz-calc(90% - 1.4rem - .25rem);
            max-width: calc(90% - 1.4rem - .25rem);
            margin-left: .25rem;
        }

    .page-school .floor-inquire .ti {
        font-size: .28rem;
        letter-spacing: 2px;
    }

    .page-school .floor-inquire .a-btn {
        line-height: .51rem;
        width: 1.45rem;
        padding: 0;
        font-size: .18rem;
    }

    .page-school .floor-live .data-list li {
        padding: .25rem 0 .2rem;
    }

        .page-school .floor-live .data-list li .ti:before,
        .page-school .floor-live .data-list li time:before {
            font-size: .16rem;
        }

        .page-school .floor-live .data-list li .ti {
            margin-bottom: .14rem;
            font-size: .16rem;
        }

        .page-school .floor-live .data-list li .play-btn span, .page-school .floor-live .data-list li .play-btn a {
            display: block;
        }

        .page-school .floor-live .data-list li .play-btn {
            font-size: .16rem;
            float: right;
        }

    .page-school .floor-public .data-list ul {
        margin-left: -.13rem;
        margin-right: -.13rem;
    }

    .page-school .floor-public .data-list li {
        padding: 0 .13rem .37rem;
    }

        .page-school .floor-public .data-list li .ti {
            font-size: .16rem;
            margin-top: .16rem;
        }
}

/*最新资讯*/
.page-school-news { /*继承 产品召回/市场抽查 栏目样式，具体见类名： .page-survey*/
}

    .page-school-news .txtbox {
        color: #666;
    }

/*研讨会*/
.page-school-seminar,
.page-school-advisory { /*继承 研讨会 栏目样式，具体见类名： .page-risk*/
}

    .page-school-seminar .data-list li time,
    .page-school-advisory .data-list li time {
        margin-right: .1rem;
    }

    .page-school-seminar .data-list li .area,
    .page-school-advisory .data-list li .area {
        letter-spacing: 0;
        width: .6rem;
        display: inline-block;
        margin-right: .1rem;
        color: #000;
    }

    .page-school-seminar .data-list li .a-ti,
    .page-school-advisory .data-list li .a-ti {
        max-width: -moz-calc(100% - .75rem - .6rem - .2rem);
        max-width: calc(100% - .75rem - .6rem - .2rem);
    }

    .page-school-seminar .fliter-box .search-box .text-box,
    .page-school-advisory .fliter-box .search-box .text-box {
        width: -moz-calc(100% - .6rem - .1rem);
        width: calc(100% - .6rem - .1rem);
        padding-bottom: 0;
        float: left;
    }

    .page-school-seminar .fliter-box .search-box .btn,
    .page-school-advisory .fliter-box .search-box .btn {
        width: .6rem;
        margin-left: .1rem;
        float: left;
    }

    .page-school-seminar .fliter-box .filter,
    .page-school-advisory .fliter-box .filter {
        margin-top: 0;
    }

/*详情页*/
.page-school-seminar-info .slider-box {
    padding: .15rem 0;
}

    .page-school-seminar-info .slider-box .ti-box {
        color: #130c0e;
        line-height: 1;
        font-weight: bold;
    }

    .page-school-seminar-info .slider-box .slider-wrap {
        margin-top: .14rem;
        background-color: #f5f5f5;
    }

    .page-school-seminar-info .slider-box .ti-slider .bx-wrapper {
        border: 0;
        background: none;
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction {
            height: .12rem;
            position: absolute;
            right: 0;
            top: -.25rem;
        }

            .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a {
                position: static;
                width: .12rem;
                height: .12rem;
                font-size: .12rem;
                line-height: 1;
                margin: 0;
                text-indent: 0;
                vertical-align: top;
                cursor: pointer;
            }

                .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a:hover {
                    color: #21b6d7;
                }

                .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a:before {
                    display: inline-block;
                    font-family: 'iconfont';
                    vertical-align: top;
                }

                .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a.bx-prev:before { /*content: '\e61b';*/
                }

                .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a.bx-next {
                    margin-left: .1rem;
                }

                    .page-school-seminar-info .slider-box .ti-slider .bx-wrapper .bx-controls-direction a.bx-next:before { /*content: '\e61a';*/
                    }

    .page-school-seminar-info .slider-box .ti-slider li {
        float: left;
        padding-bottom: .04rem;
    }

        .page-school-seminar-info .slider-box .ti-slider li a {
            display: block;
            line-height: .4rem;
            text-align: center;
            border-bottom: 1px solid #e3e3e3;
            cursor: pointer;
            color: #130c0e;
            position: relative;
        }

            .page-school-seminar-info .slider-box .ti-slider li a:hover {
                text-decoration: none;
            }

            .page-school-seminar-info .slider-box .ti-slider li a:after {
                content: '';
                width: 1px;
                height: 100%;
                display: block;
                background-color: #e3e3e3;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
            }

        .page-school-seminar-info .slider-box .ti-slider li:first-child a:after {
            display: none;
        }

        .page-school-seminar-info .slider-box .ti-slider li.active a {
            background-color: #21b6d7;
            color: #fff;
        }

    .page-school-seminar-info .slider-box .txt-slider {
        padding: .12rem .1rem;
        line-height: 1;
        min-height: 1.4rem;
    }

        .page-school-seminar-info .slider-box .txt-slider li {
            display: none;
        }

            .page-school-seminar-info .slider-box .txt-slider li .txt {
                margin-bottom: .1rem;
            }

            .page-school-seminar-info .slider-box .txt-slider li span { /*display: block;*/
            }

            .page-school-seminar-info .slider-box .txt-slider li .a-map {
                display: inline-block;
                background-color: #21b6d7;
                color: #fff;
                line-height: .3rem;
                padding: 0 .13rem;
                cursor: pointer;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .page-school-seminar-info .slider-box .txt-slider li .a-map:hover {
                    background-color: #ffc700;
                }

.page-school-seminar-info .txtbox {
}

    .page-school-seminar-info .txtbox .txt-box {
        padding-top: .15rem;
    }

        .page-school-seminar-info .txtbox .txt-box .ti-box,
        .page-school-seminar-info .txtbox .txt-box .ti {
            color: #130c0e;
            line-height: 1;
        }

        .page-school-seminar-info .txtbox .txt-box .ti-box {
            font-weight: bold;
        }

        .page-school-seminar-info .txtbox .txt-box .contbox {
            margin-top: .1rem;
        }

            .page-school-seminar-info .txtbox .txt-box .contbox li {
                padding-left: .17rem;
                position: relative;
            }

                .page-school-seminar-info .txtbox .txt-box .contbox li:before {
                    content: '';
                    width: .06rem;
                    height: .06rem;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    top: .07rem;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                }

                .page-school-seminar-info .txtbox .txt-box .contbox li.li-img:before {
                    display: none;
                }

            .page-school-seminar-info .txtbox .txt-box .contbox a {
                color: #21b6d7;
                position: relative;
            }

                .page-school-seminar-info .txtbox .txt-box .contbox a:hover {
                    color: #ffc700;
                }

                    .page-school-seminar-info .txtbox .txt-box .contbox a:hover:before {
                        content: '';
                        width: 100%;
                        height: 1px;
                        background-color: #ffc700;
                        display: block;
                        position: absolute;
                        left: 0;
                        right: 0;
                        bottom: -2px;
                    }

    .page-school-seminar-info .txtbox .txt-box1 {
        padding-top: 0;
    }

        .page-school-seminar-info .txtbox .txt-box1 .imgbox {
            padding: .1rem 0;
        }

            .page-school-seminar-info .txtbox .txt-box1 .imgbox img {
                width: 100%;
            }

        .page-school-seminar-info .txtbox .txt-box1 .txt {
            padding-bottom: .1rem;
        }

            .page-school-seminar-info .txtbox .txt-box1 .txt .ti {
                margin-bottom: .1rem;
            }

    .page-school-seminar-info .txtbox .txt-box2 .ti {
        padding: .1rem 0;
    }

    .page-school-seminar-info .txtbox .txt-box7 .contbox li.li-img img {
        width: 50%;
        max-width: 3.21rem;
    }

    .page-school-seminar-info .txtbox .txt-box8 .ul {
        padding-bottom: .1rem;
    }

/*在线报名表单*/
.page-seminar-form .form {
    padding: .15rem 0;
    color: #130c0e;
}

    .page-seminar-form .form li {
        background-color: #f5f5f5;
        margin-top: .1rem;
        padding: .1rem;
    }

        .page-seminar-form .form li:first-child {
            margin-top: 0;
        }

        .page-seminar-form .form li .ti-box {
            line-height: 1;
            padding-bottom: .12rem;
            font-size: .16rem;
            font-weight: 800;
        }

        .page-seminar-form .form li .contbox {
            border-top: 2px solid #ffc700;
            padding-top: .1rem;
        }

            .page-seminar-form .form li .contbox dd {
                padding-top: .1rem;
                line-height: 1;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .page-seminar-form .form li .contbox dd:first-child {
                    padding-top: 10px;
                }

                .page-seminar-form .form li .contbox dd .ti {
                    float: left;
                    width: .8rem;
                    text-align: right;
                }

                .page-seminar-form .form li .contbox dd .info {
                    float: right;
                    width: -moz-calc(100% - .8rem);
                    width: calc(100% - .8rem);
                    padding-left: .05rem;
                }

        .page-seminar-form .form li.li-btn {
            background: none;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
        }

    .page-seminar-form .form .required {
        color: #f00;
    }

    .page-seminar-form .form input.text {
        width: 100%;
        height: .3rem;
        line-height: .3rem;
        background-color: #fff;
        color: #130c0e;
        padding: 0 .1rem;
    }

    .page-seminar-form .form .select {
        margin-top: .05rem;
    }

        .page-seminar-form .form .select:first-child {
            margin-top: 0;
        }

        .page-seminar-form .form .select .placeholder {
            background-color: #fff;
            line-height: .3rem;
        }

            .page-seminar-form .form .select .placeholder:before {
                border-color: #767a7f transparent transparent transparent;
            }

        .page-seminar-form .form .select ul {
            z-index: 2;
        }

            .page-seminar-form .form .select ul li {
                line-height: 2;
                padding: 0;
                text-align: left;
                background: none;
                margin-top: 0;
                padding: 0 2%;
            }

                .page-seminar-form .form .select ul li:hover {
                    background-color: #21b6d7;
                    color: #fff;
                }

                    .page-seminar-form .form .select ul li:hover a {
                        color: #fff;
                        text-decoration: none;
                    }

                .page-seminar-form .form .select ul li a {
                    display: block;
                }

    .page-seminar-form .form .select-province {
        z-index: 3;
    }

    .page-seminar-form .form .select-city {
        z-index: 2;
    }

    .page-seminar-form .form .btn {
        background-color: #21b6d7;
        color: #fff;
        line-height: .3rem;
        width: .9rem;
        text-align: center;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .page-seminar-form .form .btn:hover {
            background-color: #ffc700;
        }

    .page-seminar-form .form .btn-add {
        width: -moz-calc(100% - .8rem - .05rem);
        width: calc(100% - .8rem - .05rem);
        margin-left: .85rem;
        margin-top: .2rem;
    }

@media (min-width:414px) {

    /*在线报名表单*/
    .page-seminar-form .form li .contbox dd .ti {
        width: 1.5rem;
    }

    .page-seminar-form .form li.li-otherinfo .contbox dd {
        width: auto;
    }

        .page-seminar-form .form li.li-otherinfo .contbox dd .ti {
            width: 3.5rem;
        }

    .page-seminar-form .form li .contbox dd .info {
        width: -moz-calc(100% - 1.5rem - .05rem);
        width: calc(100% - 1.5rem - .05rem);
    }

    .page-seminar-form .form .btn-add {
        width: -moz-calc(100% - .05rem - 1.5rem);
        width: calc(100% - .05rem - 1.5rem);
        margin-left: 1.5rem;
    }
}

@media (min-width:768px) {

    /*在线报名表单*/
    .page-seminar-form .form li .contbox dd.li-6 .info {
        white-space: nowrap;
    }

    .page-seminar-form .form {
        padding-bottom: 0;
    }

        .page-seminar-form .form li {
            padding: .2rem;
        }

            .page-seminar-form .form li .contbox {
                padding-right: 30%;
            }

            .page-seminar-form .form li.li-btn .btn {
                width: 1.2rem;
                line-height: .4rem;
            }

        .page-seminar-form .form .info-area {
            letter-spacing: -.5em;
        }

        .page-seminar-form .form .select-province,
        .page-seminar-form .form .select-city {
            width: -moz-calc((100% - .08rem) / 2);
            width: calc((100% - .08rem) / 2);
            display: inline-block;
            letter-spacing: 0;
            margin-top: 0;
        }

        .page-seminar-form .form .select-city {
            margin-left: .08rem;
        }
}

@media (min-width:1024px) {
    .page-school-seminar .data-list li time,
    .page-school-advisory .data-list li time {
        margin-right: .2rem;
    }

    .page-school-seminar .data-list li .area,
    .page-school-advisory .data-list li .area {
        margin-right: .4rem;
    }

    .page-school-seminar .data-list li .a-ti,
    .page-school-advisory .data-list li .a-ti {
        max-width: -moz-calc(100% - .75rem - .6rem - .6rem);
        max-width: calc(100% - .75rem - .6rem - .6rem);
    }

    .page-school-seminar .fliter-box .search-box .text-box,
    .page-school-advisory .fliter-box .search-box .text-box {
        width: 50%;
        max-width: 2.76rem;
    }

    .page-school-seminar .fliter-box .search-box .btn,
    .page-school-advisory .fliter-box .search-box .btn {
        width: .9rem;
        margin-left: .2rem;
    }

    .page-school-seminar .fliter-box .search-box .text-box {
        width: -moz-calc(100% - .46rem - .1rem);
        width: calc(100% - .46rem - .1rem);
    }

    /*详情页*/
    .page-school-seminar-info .slider-box {
        padding: .34rem 0 0;
    }

        .page-school-seminar-info .slider-box .ti-box {
            font-size: .16rem;
        }

        .page-school-seminar-info .slider-box .ti-slider li a {
            line-height: .59rem;
        }

        .page-school-seminar-info .slider-box .txt-slider {
            padding: .15rem .25rem;
            line-height: 1;
            min-height: 1.4rem;
        }

            .page-school-seminar-info .slider-box .txt-slider li span { /*display: inline-block; margin-right: .35rem;*/
            }

    .page-school-seminar-info .txtbox {
    }

        .page-school-seminar-info .txtbox .txt-box {
            padding-top: .22rem;
        }

            .page-school-seminar-info .txtbox .txt-box .ti-box,
            .page-school-seminar-info .txtbox .txt-box .ti {
                font-size: .16rem;
            }

            .page-school-seminar-info .txtbox .txt-box .contbox {
                margin-top: .15rem;
                line-height: 2;
            }

        .page-school-seminar-info .txtbox .txt-box1 .txt {
            padding-bottom: .25rem;
        }

            .page-school-seminar-info .txtbox .txt-box1 .txt .ti {
                margin-bottom: .15rem;
            }

        .page-school-seminar-info .txtbox .txt-box1 .imgbox {
            padding: .27rem 0 .34rem;
        }

        .page-school-seminar-info .txtbox .txt-box2 {
            padding-top: .5rem;
        }

            .page-school-seminar-info .txtbox .txt-box2 .contbox {
                margin-top: .38rem;
            }

                .page-school-seminar-info .txtbox .txt-box2 .contbox .ti {
                    padding: .19rem 0;
                }

        .page-school-seminar-info .txtbox .txt-box7 .contbox li.li-img {
            padding-left: 1.38rem;
        }

        .page-school-seminar-info .txtbox .txt-box8 .ul {
            padding-bottom: .18rem;
        }

    /*在线报名表单*/
    .page-seminar-form .form {
        padding-top: .24rem;
    }

        .page-seminar-form .form li .contbox {
            padding-top: .15rem;
            padding-right: 0;
        }

            .page-seminar-form .form li .contbox dd {
                line-height: .3rem;
                width: 50%;
                float: left;
            }

                .page-seminar-form .form li .contbox dd.dd-full {
                    width: 100%;
                }

        .page-seminar-form .form li.li-persinfo .contbox dd.li-1,
        .page-seminar-form .form li.li-persinfo .contbox dd.li-2,
        .page-seminar-form .form li.li-companyinfo .contbox dd.li-1,
        .page-seminar-form .form li.li-companyinfo .contbox dd.li-2 {
            padding-top: 0;
        }

        .page-seminar-form .form li.li-companyinfo .contbox dd .ti {
            width: 2rem;
        }

        .page-seminar-form .form li.li-companyinfo .contbox dd .info {
            width: -moz-calc(100% - 2rem - .05rem);
            width: calc(100% - 2rem - .05rem);
        }

        .page-seminar-form .form li.li-btn {
            margin-top: .2rem;
        }

        .page-seminar-form .form .btn-submit {
            width: 1.98rem;
            font-size: .16rem;
            line-height: .5rem;
        }

        .page-seminar-form .form .btn-add {
            width: -moz-calc(50% - .05rem - 1.5rem);
            width: calc(50% - .05rem - 1.5rem);
            margin-left: 1.5rem;
            line-height: .4rem;
        }
}

@media (min-width:1280px) {
    .page-school-seminar-info .slider-box .txt-slider li span.sp1,
    .page-school-seminar-info .slider-box .txt-slider li span.sp4 {
        width: 28%;
    }

    .page-school-seminar-info .slider-box .txt-slider li span.sp5 {
        margin-right: .5rem;
    }

    /*在线报名表单*/
    .page-seminar-form .form {
        padding-top: .38rem;
    }

        .page-seminar-form .form li {
            padding: .29rem .3rem;
        }

            .page-seminar-form .form li .contbox {
                padding-top: .3rem;
                padding-right: 20%;
            }

                .page-seminar-form .form li .contbox dd {
                    line-height: .4rem;
                }

            .page-seminar-form .form li.li-courseinfo {
                padding-bottom: .25rem;
            }

                .page-seminar-form .form li.li-courseinfo .contbox {
                    padding-top: .25rem;
                }

                    .page-seminar-form .form li.li-courseinfo .contbox dd .ti {
                        width: 1.3rem;
                    }

                    .page-seminar-form .form li.li-courseinfo .contbox dd .info {
                        width: -moz-calc(100% - 1.3rem -.05rem);
                        width: calc(100% - 1.3rem -.05rem);
                    }

            .page-seminar-form .form li.li-persinfo {
                padding-bottom: .34rem;
            }

            .page-seminar-form .form li.li-companyinfo {
                padding-bottom: .49rem;
            }

                .page-seminar-form .form li.li-companyinfo .contbox {
                    padding-right: 15%;
                }

            .page-seminar-form .form li.li-btn {
                margin-top: .37rem;
            }

        .page-seminar-form .form .select .placeholder,
        .page-seminar-form .form input.text {
            height: .4rem;
            line-height: .4rem;
        }
}

/*白皮书*/
.page-school-whitepaper { /*继承 电子杂志 栏目样式，具体见类名： .page-magazine-list*/
}

    .page-school-whitepaper .data-list li.li-top .slider {
        width: 41.39213%;
        float: left;
    }

        .page-school-whitepaper .data-list li.li-top .slider ul {
            margin: 0;
        }

        .page-school-whitepaper .data-list li.li-top .slider li {
            padding: 0;
        }

            .page-school-whitepaper .data-list li.li-top .slider li a {
                display: block;
            }

            .page-school-whitepaper .data-list li.li-top .slider li img {
                width: 100%;
            }

@media (min-width:1024px) {
    .page-school-whitepaper .data-list li .item {
        padding: .16rem;
    }

    .page-school-whitepaper .data-list li.li-top .item {
        padding: 0;
    }

    .page-school-whitepaper .data-list li.li-top .slider {
        width: 32.7%;
    }

    .page-school-whitepaper .data-list li.li-top .txt-box {
        width: 67.3%;
        padding: .16rem 8.5% .16rem .2rem;
    }

        .page-school-whitepaper .data-list li.li-top .txt-box .info-box .ti,
        .page-school-whitepaper .data-list li.li-top .txt-box .info-box .txt {
            float: none;
        }

        .page-school-whitepaper .data-list li.li-top .txt-box .info-box .txt {
            margin-top: .19rem;
        }

        .page-school-whitepaper .data-list li.li-top .txt-box .summary {
            margin-top: .35rem;
            margin-bottom: .4rem;
            -webkit-line-clamp: 5;
        }
}

@media (min-width:1280px) {
    .page-school-whitepaper .data-list li.li-top .txt-box {
        padding-left: .3rem;
        padding-top: .32rem;
    }
}

/*案例分析*/
.page-school-case { /*继承 产品召回/市场抽查 栏目样式，具体见类名： .page-survey*/
}

    .page-school-case .data-list li .a-ti {
        max-width: none;
    }

/*培训课程咨询列表页*/
.page-school-advisory {
    padding-bottom: .15rem; /*继承 研讨会 栏目样式，具体见类名： .page-school-seminar */
}

    .page-school-advisory .slider-box {
        background-color: #f4f4f4;
    }

        .page-school-advisory .slider-box .img-slider .bx-pager {
            bottom: .09rem;
            right: .1rem;
        }

        .page-school-advisory .slider-box .img-slider li a {
            display: block;
            overflow: hidden;
        }

            .page-school-advisory .slider-box .img-slider li a img {
                width: 100%;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

            .page-school-advisory .slider-box .img-slider li a:hover img {
                -webkit-transform: scaleX(1.05) scaleY(1.05);
                -moz-transform: scaleX(1.05) scaleY(1.05);
                -ms-transform: scaleX(1.05) scaleY(1.05);
                transform: scaleX(1.05) scaleY(1.05);
            }

        .page-school-advisory .slider-box .txt-slider {
            padding: .1rem;
        }

            .page-school-advisory .slider-box .txt-slider li {
                display: none;
            }

                .page-school-advisory .slider-box .txt-slider li.active {
                    display: block;
                }

                .page-school-advisory .slider-box .txt-slider li .ti {
                    font-size: .16rem;
                    line-height: 1;
                    font-weight: bold;
                }

                    .page-school-advisory .slider-box .txt-slider li .ti a {
                        color: #21b6d7;
                    }

                        .page-school-advisory .slider-box .txt-slider li .ti a:hover {
                            color: #ffc700;
                        }

                .page-school-advisory .slider-box .txt-slider li time,
                .page-school-advisory .slider-box .txt-slider li .txt {
                    color: #626262;
                }

                .page-school-advisory .slider-box .txt-slider li time {
                    line-height: 1;
                    display: block;
                    padding: .1rem 0;
                }

                .page-school-advisory .slider-box .txt-slider li .txt {
                    line-height: 1.42857;
                }

                .page-school-advisory .slider-box .txt-slider li .more-box {
                    line-height: .32rem;
                    margin-top: .3rem;
                }

                    .page-school-advisory .slider-box .txt-slider li .more-box .a-more {
                        width: 30%;
                        max-width: 1.1rem;
                        background-color: #21b6d7;
                        color: #fff;
                        text-align: center;
                        display: inline-block;
                        float: left;
                        -webkit-transition: all 0.3s ease 0s;
                        -moz-transition: all 0.3s ease 0s;
                        transition: all 0.3s ease 0s;
                    }

                        .page-school-advisory .slider-box .txt-slider li .more-box .a-more:hover {
                            background-color: #ffc700;
                        }

                    .page-school-advisory .slider-box .txt-slider li .more-box .ico {
                        float: right;
                        line-height: inherit;
                        color: #ffc700;
                        cursor: pointer;
                    }

                        .page-school-advisory .slider-box .txt-slider li .more-box .ico:hover {
                            color: #21b6d7;
                        }

    .page-school-advisory .data-list li.li-even {
        background: none;
    }

    .page-school-advisory .data-list li.li-odd {
        background-color: #f9f9f9;
    }

    .page-school-advisory .filter-box {
        margin-top: .15rem;
    }

        .page-school-advisory .filter-box .search-box {
            background-color: #767a7f;
            padding: .12rem;
            letter-spacing: -.5em;
        }

            .page-school-advisory .filter-box .search-box .btn,
            .page-school-advisory .filter-box .search-box .select {
                display: inline-block;
                letter-spacing: 0;
                margin-left: .05rem;
            }

            .page-school-advisory .filter-box .search-box .btn {
                background-color: #21b6d7;
                color: #fff;
                width: .6rem;
                line-height: .35rem;
                text-align: center;
                cursor: pointer;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .page-school-advisory .filter-box .search-box .btn:first-child {
                    margin-left: 0;
                }

                .page-school-advisory .filter-box .search-box .btn:hover {
                    background-color: #ffc700;
                }

            .page-school-advisory .filter-box .search-box .select {
                width: .7rem;
            }

                .page-school-advisory .filter-box .search-box .select .placeholder {
                    background-color: #fff;
                    padding: 0 .12rem;
                    line-height: .35rem;
                    color: #7d7d7d;
                }

                .page-school-advisory .filter-box .search-box .select li {
                    line-height: 2;
                }

        .page-school-advisory .filter-box .fliter {
            background-color: #f9f9f9;
            padding: .15rem;
        }

            .page-school-advisory .filter-box .fliter .tabs {
                border-bottom: 2px solid #ffc700;
            }

                .page-school-advisory .filter-box .fliter .tabs li {
                    line-height: .35rem;
                    text-align: center;
                    float: left;
                }

                    .page-school-advisory .filter-box .fliter .tabs li a {
                        display: block;
                        cursor: pointer;
                        padding: 0 .1rem;
                    }

                        .page-school-advisory .filter-box .fliter .tabs li.active a,
                        .page-school-advisory .filter-box .fliter .tabs li a:hover {
                            background-color: #21b6d7;
                            color: #fff;
                        }

            .page-school-advisory .filter-box .fliter .conts {
                padding-top: .1rem;
            }

                .page-school-advisory .filter-box .fliter .conts .cont-box {
                    display: none;
                }

                .page-school-advisory .filter-box .fliter .conts li {
                    line-height: .3rem;
                    padding: 0 .1rem;
                    margin-right: .1rem;
                    margin-bottom: .05rem;
                    background-color: #fff;
                    display: inline-block;
                    color: #7d7d7d;
                    cursor: pointer;
                }

                    .page-school-advisory .filter-box .fliter .conts li.active,
                    .page-school-advisory .filter-box .fliter .conts li:hover {
                        background-color: #21b6d7;
                        color: #fff;
                    }

                    .page-school-advisory .filter-box .fliter .conts li:last-child {
                        margin-right: 0;
                    }

@media (min-width:375px) {
    .page-school-advisory {
        padding-bottom: 0;
    }

        .page-school-advisory .filter-box .search-box .select {
            width: .9rem;
        }
}

@media (min-width:768px) {
    .page-school-advisory {
        padding-bottom: 0;
    }

        .page-school-advisory .filter-box {
            margin-top: .3rem;
        }

            .page-school-advisory .filter-box .search-box .btn,
            .page-school-advisory .filter-box .search-box .select {
                margin-left: .1rem;
            }

            .page-school-advisory .filter-box .search-box .btn {
                width: .8rem;
            }

            .page-school-advisory .filter-box .search-box .select {
                width: 1.8rem;
            }

            .page-school-advisory .filter-box .fliter .tabs li {
                line-height: .47rem;
            }

                .page-school-advisory .filter-box .fliter .tabs li a {
                    padding: 0 .15rem;
                }
}

@media (min-width:1024px) {
    .page-school-advisory .slider-box {
        position: relative;
    }

        .page-school-advisory .slider-box .img-slider {
            width: 49.75%;
            float: left;
        }

            .page-school-advisory .slider-box .img-slider .bx-wrapper .bx-pager {
                right: .3rem;
            }

        .page-school-advisory .slider-box .txt-slider {
            width: 50.25%;
            height: 100%;
            position: absolute;
            right: 0;
            padding: .3rem .35rem;
        }

            .page-school-advisory .slider-box .txt-slider ul {
                position: relative;
                width: 100%;
                height: 100%;
            }

            .page-school-advisory .slider-box .txt-slider li {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                display: block;
                visibility: hidden;
                -webkit-transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
                opacity: 0;
                filter: alpha(opacity=0);
            }

                .page-school-advisory .slider-box .txt-slider li .ti {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .page-school-advisory .slider-box .txt-slider li time {
                    padding: .2rem 0;
                }

                .page-school-advisory .slider-box .txt-slider li .txt {
                    max-height: .55rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }

                .page-school-advisory .slider-box .txt-slider li .more-box {
                    margin-top: .35rem;
                }

                .page-school-advisory .slider-box .txt-slider li.active {
                    z-index: 2;
                    visibility: visible;
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

        .page-school-advisory .slider-box .img-slider {
            float: right;
        }

        .page-school-advisory .slider-box .txt-slider {
            float: left;
            right: auto;
            left: 0;
        }

    .page-school-advisory .data-list {
        padding-bottom: .58rem;
    }

    .page-school-advisory .filter-box {
        margin-top: .47rem;
    }

        .page-school-advisory .filter-box .search-box {
            padding-left: .3rem;
            padding-right: .3rem;
        }

            .page-school-advisory .filter-box .search-box .btn,
            .page-school-advisory .filter-box .search-box .select {
                margin-left: .2rem;
            }

            .page-school-advisory .filter-box .search-box .select {
                width: 2.45rem;
            }

        .page-school-advisory .filter-box .fliter {
            padding: .31rem;
        }

            .page-school-advisory .filter-box .fliter .conts {
                padding-top: .2rem;
            }

    .page-school-advisory .data-list {
        padding-top: .3rem;
    }
}

@media (min-width:1280px) {
    .page-school-advisory .slider-box .txt-slider {
        padding-top: .53rem;
        padding-bottom: .5rem;
    }

        .page-school-advisory .slider-box .txt-slider li .more-box {
            margin-top: .5rem;
        }

    .page-school-advisory .filter-box .fliter .tabs li a {
        padding: 0 .29rem;
    }
}

/*最新课程计划*/
.page-school-plan { /*继承 常见问题 栏目的样式，具体见类名： .page-questio*/
}

    .page-school-plan .data-list .ul li .a-ti:before {
        content: '\e621';
    }

/*证书查询*/
.page-school-inquire {
    padding-bottom: .15rem;
}

    .page-school-inquire .data-contbox {
        padding: .1rem;
        margin-top: .15rem;
        background-color: #f5f5f5;
    }

@media (min-width:768px) {
    .page-school-inquire {
        padding-bottom: 0;
    }

        .page-school-inquire .data-contbox {
            padding: .15rem;
            margin-top: .2rem;
        }
}

@media (min-width:1024px) {
    .page-school-inquire .data-contbox {
        padding: .24rem .23rem;
    }
}

.page-lecturer-info,
.page-class-info {
    padding-bottom: .15rem;
}

    .page-lecturer-info .info-box,
    .page-class-info .info-box {
        background-color: #f5f5f5;
        margin-top: .15rem;
        padding: .1rem;
    }

        .page-lecturer-info .info-box .txt-box,
        .page-class-info .info-box .txt-box {
            padding-top: .15rem;
        }

            .page-lecturer-info .info-box .txt-box .name,
            .page-class-info .info-box .txt-box .name,
            .page-lecturer-info .info-box .txt-box .score-box,
            .page-class-info .info-box .txt-box .score-box {
                line-height: 1;
            }

            .page-lecturer-info .info-box .txt-box .name,
            .page-class-info .info-box .txt-box .name {
                color: #130c0e;
                font-weight: bold;
                font-size: .18rem;
            }

            .page-lecturer-info .info-box .txt-box .score-box,
            .page-class-info .info-box .txt-box .score-box {
                color: #21b6d7;
                margin-top: .05rem;
                margin-bottom: .05rem;
            }

                .page-lecturer-info .info-box .txt-box .score-box .ti,
                .page-class-info .info-box .txt-box .score-box .ti,
                .page-lecturer-info .info-box .txt-box .score-box .score,
                .page-class-info .info-box .txt-box .score-box .score {
                    display: inline-block;
                }

                .page-lecturer-info .info-box .txt-box .score-box .score,
                .page-class-info .info-box .txt-box .score-box .score {
                    letter-spacing: -.5em;
                    margin-left: .05rem;
                }

                    .page-lecturer-info .info-box .txt-box .score-box .score .ico,
                    .page-class-info .info-box .txt-box .score-box .score .ico {
                        letter-spacing: 0;
                        margin-left: .03rem;
                    }

                        .page-lecturer-info .info-box .txt-box .score-box .score .ico:first-child,
                        .page-class-info .info-box .txt-box .score-box .score .ico:first-child {
                            margin-left: 0;
                        }

            .page-lecturer-info .info-box .txt-box .txt,
            .page-class-info .info-box .txt-box .txt {
                border-top: 1px solid #e3e3e3;
                padding-top: .05rem;
            }

    .page-lecturer-info .txtbox,
    .page-class-info .txtbox {
        padding-top: .15rem;
    }

        .page-lecturer-info .txtbox .ti,
        .page-class-info .txtbox .ti {
            color: #130c0e;
            font-size: .16rem;
            font-weight: bold;
        }

        .page-lecturer-info .txtbox .txt,
        .page-class-info .txtbox .txt {
            padding-top: .1rem;
        }

@media (min-width:768px) {
    .page-lecturer-info,
    .page-class-info {
        padding-bottom: 0;
    }

        .page-lecturer-info .info-box,
        .page-class-info .info-box {
            margin-top: .2rem;
        }

        .page-lecturer-info .txtbox,
        .page-class-info .txtbox {
            padding-top: .2rem;
        }

            .page-lecturer-info .txtbox .txt,
            .page-class-info .txtbox .txt {
                padding-top: .15rem;
            }
}

@media (min-width:1024px) {
    .page-lecturer-info .info-box,
    .page-class-info .info-box {
        margin-top: .3rem;
        padding: .15rem;
    }

        .page-lecturer-info .info-box .imgbox,
        .page-class-info .info-box .imgbox {
            width: 41.617%;
            float: left;
        }

        .page-lecturer-info .info-box .txt-box,
        .page-class-info .info-box .txt-box {
            width: 54.7651%;
            float: right;
            padding-top: 0;
        }

            .page-lecturer-info .info-box .txt-box .name,
            .page-class-info .info-box .txt-box .name {
                font-size: .2rem;
            }

            .page-lecturer-info .info-box .txt-box .score-box,
            .page-class-info .info-box .txt-box .score-box {
                margin-bottom: .14rem;
            }

            .page-lecturer-info .info-box .txt-box .txt,
            .page-class-info .info-box .txt-box .txt {
                padding-top: .12rem;
            }

    .page-lecturer-info .txtbox,
    .page-class-info .txtbox {
        padding-top: .3rem;
    }

        .page-lecturer-info .txtbox .ti,
        .page-class-info .txtbox .ti {
            font-size: .18rem;
        }

        .page-lecturer-info .txtbox .txt,
        .page-class-info .txtbox .txt {
            padding-top: .2rem;
        }
}

@media (min-width:1280px) {
    .page-lecturer-info .info-box,
    .page-class-info .info-box {
        margin-top: .42rem;
        padding: .23rem .32rem .23rem .2rem;
    }

        .page-lecturer-info .info-box .txt-box,
        .page-class-info .info-box .txt-box {
            padding-top: .19rem;
        }

            .page-lecturer-info .info-box .txt-box .name,
            .page-class-info .info-box .txt-box .name {
                font-size: .26rem;
            }

            .page-lecturer-info .info-box .txt-box .score-box,
            .page-class-info .info-box .txt-box .score-box {
                margin-top: .13rem;
            }

                .page-lecturer-info .info-box .txt-box .score-box .ti,
                .page-class-info .info-box .txt-box .score-box .ti {
                    font-size: .16rem;
                }

                .page-lecturer-info .info-box .txt-box .score-box .score,
                .page-class-info .info-box .txt-box .score-box .score {
                    font-size: .15rem;
                }

                    .page-lecturer-info .info-box .txt-box .score-box .score .ico,
                    .page-class-info .info-box .txt-box .score-box .score .ico {
                        margin-left: .06rem;
                    }

            .page-lecturer-info .info-box .txt-box .txt,
            .page-class-info .info-box .txt-box .txt {
                line-height: 2;
            }

    .page-lecturer-info .txtbox,
    .page-class-info .txtbox {
        padding-top: .46rem;
    }

        .page-lecturer-info .txtbox .ti,
        .page-class-info .txtbox .ti {
            font-size: .2rem;
        }

        .page-lecturer-info .txtbox .txt,
        .page-class-info .txtbox .txt {
            padding-top: .25rem;
            line-height: 2;
        }
}

/*课程列表*/
.page-school-class {
    padding-bottom: .15rem;
}

    .page-school-class .data-list li {
        margin-top: .1rem;
    }

        .page-school-class .data-list li:first-child {
            margin-top: 0;
        }

        .page-school-class .data-list li .txtbox {
            background-color: #f8f8f8;
            padding: .15rem .1rem;
            height: 1.2rem;
        }

            .page-school-class .data-list li .txtbox .ti {
                line-height: 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .page-school-class .data-list li .txtbox .ti a {
                    color: #130c0e;
                }

                    .page-school-class .data-list li .txtbox .ti a:hover {
                        color: #21b6d7;
                    }

            .page-school-class .data-list li .txtbox .txt {
                color: #999;
                line-height: 1;
                margin-top: .08rem;
                margin-bottom: .1rem;
            }

            .page-school-class .data-list li .txtbox .info {
                border-top: 1px solid #e5e1e1;
                padding-top: .1rem;
                color: #21b6d7;
            }

                .page-school-class .data-list li .txtbox .info .amount {
                    float: left;
                    font-weight: bold;
                }

                .page-school-class .data-list li .txtbox .info .area {
                    float: right;
                }

                .page-school-class .data-list li .txtbox .info .score {
                    float: right;
                    color: #c9c9c9;
                    font-size: .12rem;
                    margin-left: .12rem;
                }

                    .page-school-class .data-list li .txtbox .info .score .icon-star-on {
                        color: #21b6d7;
                    }

    .page-school-class .data-list {
        padding: .15rem 0;
    }

@media (max-width:767px) {
    .page-school-class .data-list li:nth-child(1),
    .page-school-class .data-list li:nth-child(2) {
        padding-top: 0;
    }

    .page-school-class .data-list li.li-hide {
        display: none;
    }
}

@media (min-width:414px) {
    .page-school-class .data-list ul {
        margin-left: -.06rem;
        margin-right: -.06rem;
    }

    .page-school-class .data-list li {
        width: 50%;
        margin-top: 0;
        padding-left: .06rem;
        padding-right: .06rem;
        float: left;
    }
}

@media (min-width:414px) and (max-width:767px) {
    .page-school-class .data-list li {
        padding-top: .06rem;
        padding-bottom: .06rem;
    }
}

@media (min-width:768px) {
    .page-school-class {
        padding-bottom: 0;
    }
}

@media (min-width:1024px) {
    .page-school-class .data-list li .txtbox .ti {
        font-size: .16rem;
    }

    .page-school-class .data-list li .txtbox .info .amount {
        font-size: .18rem;
    }
}

@media (min-width:1280px) {
    .page-school-class .data-list {
        padding: .2rem 0 .6rem;
    }

        .page-school-class .data-list li {
            width: 33.33333%;
            padding-top: .12rem;
        }

            .page-school-class .data-list li.li-1,
            .page-school-class .data-list li.li-2,
            .page-school-class .data-list li.li-3 {
                padding-top: 0;
            }
}

@media (max-width:767px) {
    .page-school .floor-news .data-list li .a-ti {
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
        display: block;
        display: inline-block;
        width: -moz-calc(100% - 2.2rem);
        width: calc(100% - 2.2rem);
    }

    .page-school-seminar .data-list li .a-ti {
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
        display: block;
        display: inline-block;
        width: -moz-calc(100% - 1.6rem);
        width: calc(100% - 1.6rem);
    }

    .page-school .floor-news .data-list li .a-ti-btn,
    .page-school-seminar .data-list li .a-ti-btn {
        top: 0px;
        margin-top: 0;
    }
}

/*课程详情*/
.page-class-info { /*继承 明星讲师(详情页) 样式，具体见类名： .page-lecturer-info */
}

    .page-class-info .info-box {
        padding: 0 !important;
        margin-top: 0;
        margin-bottom: .2rem;
    }

        .page-class-info .info-box .class-imgbox a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            cursor: pointer;
        }

            .page-class-info .info-box .class-imgbox a:before {
                content: '';
                width: 100%;
                height: 100%;
                display: block;
                background-color: rgba(0, 0, 0, 0.3);
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                z-index: 2;
            }

            .page-class-info .info-box .class-imgbox a:after {
                content: '\e62c';
                font-family: 'iconfont';
                font-size: .3rem;
                line-height: 1;
                color: #fff;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -.15rem;
                margin-top: -.15rem;
                z-index: 4;
            }

            .page-class-info .info-box .class-imgbox a:hover:after {
                color: #ffc700;
            }

        .page-class-info .info-box .class-imgbox time {
            padding: 0 .14rem 0 .16rem;
            line-height: .3rem;
            color: #ffc700;
            position: absolute;
            right: 0;
            bottom: 0;
            display: block;
            background-color: rgba(0, 0, 0, 0.68);
            z-index: 3;
        }

            .page-class-info .info-box .class-imgbox time:before {
                content: '\e62d';
                font-family: 'iconfont';
                display: inline-block;
                margin-right: .09rem;
            }

        .page-class-info .info-box .txt-box {
            padding: .15rem;
        }

            .page-class-info .info-box .txt-box .amount {
                color: #ffc700;
                font-weight: bold;
                font-size: .16rem;
                padding: .1rem 0;
                line-height: 1;
            }

            .page-class-info .info-box .txt-box .a-btn {
                width: .9rem;
                line-height: .3rem;
                display: inline-block;
                color: #130c0e;
                text-align: center;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
                margin-left: .1rem;
                cursor: pointer;
            }

                .page-class-info .info-box .txt-box .a-btn:first-child {
                    margin-left: 0;
                }

            .page-class-info .info-box .txt-box .a-btn-play {
                background-color: #ffc700;
            }

                .page-class-info .info-box .txt-box .a-btn-play:hover {
                    background-color: #21b6d7;
                }

    .page-class-info .tabox-content {
        background-color: #f8f8f8;
        padding: .1rem 0;
    }

        .page-class-info .tabox-content .tabs {
            border-bottom: 1px solid #e3e3e3;
        }

            .page-class-info .tabox-content .tabs li {
                line-height: .3rem;
                float: left;
                display: block;
                font-weight: lighter;
                margin-left: .05rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .page-class-info .tabox-content .tabs li:first-child {
                    margin-left: 0;
                }

                .page-class-info .tabox-content .tabs li a {
                    color: #130c0e;
                    display: block;
                    padding: 0 .1rem;
                    cursor: pointer;
                }

                    .page-class-info .tabox-content .tabs li a:hover {
                        color: #21b6d7;
                    }

                .page-class-info .tabox-content .tabs li.active a {
                    background-color: #21b6d7;
                    color: #fff;
                }

        .page-class-info .tabox-content .conts {
            border: 1px solid #e3e3e3;
            background-color: #fff;
            padding: .1rem;
            margin-top: .15rem;
            font-weight: normal;
            -webkit-font-smoothing: subpixel-antialiased; /*主讲人*/ /*课程目录*/
        }

            .page-class-info .tabox-content .conts .cont-box {
                display: none;
            }

            .page-class-info .tabox-content .conts .lecturer-info .txt-box {
                padding-top: .15rem;
            }

                .page-class-info .tabox-content .conts .lecturer-info .txt-box .ti {
                    color: #130c0e;
                    font-size: .16rem;
                    font-weight: bold;
                }

                .page-class-info .tabox-content .conts .lecturer-info .txt-box .txt {
                    margin-top: .15rem;
                }

            .page-class-info .tabox-content .conts .class-list li {
                padding: 1% 0;
            }

                .page-class-info .tabox-content .conts .class-list li time {
                    width: .7rem;
                    float: right;
                    font-weight: lighter;
                }

                    .page-class-info .tabox-content .conts .class-list li time:before {
                        content: '\e631';
                        font-family: 'iconfont';
                        font-size: .12rem;
                        display: inline-block;
                        margin-right: .12rem;
                    }

                .page-class-info .tabox-content .conts .class-list li .ti {
                    width: 70%;
                    float: left;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                    .page-class-info .tabox-content .conts .class-list li .ti a {
                        color: #130c0e;
                    }

                        .page-class-info .tabox-content .conts .class-list li .ti a:hover {
                            color: #21b6d7;
                        }

                    .page-class-info .tabox-content .conts .class-list li .ti span {
                        width: .6rem;
                        display: inline-block;
                        color: #666;
                    }

@media (min-width:768px) {
    .page-class-info .info-box .class-imgbox time {
        line-height: .36rem;
    }

    .page-class-info .info-box .txt-box .amount {
        font-size: .18rem;
    }

    .page-class-info .info-box .txt-box .a-btn {
        font-size: .16rem;
    }

    .page-class-info .tabox-content {
        padding: .15rem;
    }

        .page-class-info .tabox-content .conts {
            padding: .15rem; /*主讲人*/ /*课程目录*/
        }

            .page-class-info .tabox-content .conts .lecturer-info .imgbox {
                width: 20%;
                float: left;
            }

            .page-class-info .tabox-content .conts .lecturer-info .txt-box {
                width: 77.16%;
                float: right;
                padding-top: 0;
            }

            .page-class-info .tabox-content .conts .class-list li .ti span {
                width: .7rem;
            }
}

@media (min-width:1024px) {
    .page-class-info .info-box {
        margin-bottom: .3rem;
    }

        .page-class-info .info-box .class-imgbox {
            width: 50%;
        }

            .page-class-info .info-box .class-imgbox a:after {
                font-size: .42rem;
                margin-left: -.21rem;
                margin-top: -.21rem;
            }

        .page-class-info .info-box .txt-box {
            width: 50%;
            padding: .15rem .2rem;
        }

            .page-class-info .info-box .txt-box .amount {
                font-size: .2rem;
                padding: .2rem 0;
            }

            .page-class-info .info-box .txt-box .a-btn {
                line-height: .4rem;
                width: 1.2rem;
            }

    .page-class-info .tabox-content {
        padding: .2rem 0;
    }

        .page-class-info .tabox-content .tabs li {
            line-height: .4rem;
        }

        .page-class-info .tabox-content .conts {
            padding: .2rem;
            margin-top: .2rem; /*主讲人*/ /*课程目录*/
        }

            .page-class-info .tabox-content .conts .lecturer-info .txt-box {
                padding-top: .15rem;
            }

                .page-class-info .tabox-content .conts .lecturer-info .txt-box .txt {
                    margin-top: .2rem;
                }

            .page-class-info .tabox-content .conts .class-list li .ti {
                width: 80%;
            }

                .page-class-info .tabox-content .conts .class-list li .ti span {
                    width: .83rem;
                }
}

@media (min-width:1280px) {
    .page-class-info .info-box {
        margin-bottom: .49rem;
    }

        .page-class-info .info-box .txt-box {
            padding: .26rem .39rem .26rem .32rem;
        }

            .page-class-info .info-box .txt-box .amount {
                font-size: .28rem;
                padding: .3rem 0 .28rem;
            }

            .page-class-info .info-box .txt-box .a-btn {
                width: 1.7rem;
                line-height: .55rem;
                font-size: .18rem;
            }

    .page-class-info .tabox-content {
        padding: .37rem 0 .39rem;
    }

        .page-class-info .tabox-content .tabs li {
            margin-left: .1rem;
        }

            .page-class-info .tabox-content .tabs li a {
                font-size: .16rem;
                padding: 0 .25rem;
            }

        .page-class-info .tabox-content .conts {
            padding: .3rem .3rem .5rem;
            margin-top: .3rem;
            line-height: 2; /*主讲人*/ /*课程目录*/
        }

            .page-class-info .tabox-content .conts .lecturer-info .txt-box {
                padding-top: .23rem;
            }

                .page-class-info .tabox-content .conts .lecturer-info .txt-box .txt {
                    margin-top: .35rem;
                }

            .page-class-info .tabox-content .conts .class-list li .ti {
                font-size: .16rem;
            }

    .page-class-info .related-seminar .data-list ul {
        margin-left: -.11rem;
        margin-right: -.11rem;
    }

    .page-class-info .related-seminar .data-list li {
        width: 100%;
        float: left;
        background: none !important;
        padding: 0 .11rem;
    }

        .page-class-info .related-seminar .data-list li .item {
            background-color: #f9f9f9;
            padding: 0 .3rem;
        }

        .page-class-info .related-seminar .data-list li.li-nobg .item {
            background: none;
        }
}

/*直播课程 - 详情*/

/*录播课程 - 详情*/

/*直播课程 - 直播窗口*/

/*  .page-seminar-form .form li .contbox .li-6 .info{
      width: auto;
  }*/
.page-live .page-wrap {
    width: 94%;
    max-width: 18rem;
    margin: 0 auto;
}

.page-live .live-header {
    background-color: #ffc700;
}

    .page-live .live-header .ti-box {
        float: right;
        font-size: .16rem;
        font-weight: bold;
        color: #130c0e;
    }

.page-live .live-box {
    padding: .1rem 0 .3rem;
}

    .page-live .live-box .cont-box-l .ti-box {
        line-height: 1;
        padding: .1rem 0;
    }

    .page-live .live-box .cont-box-m {
        padding: .2rem 0;
    }

        .page-live .live-box .cont-box-m .ti-box {
            padding: .1rem;
            background-color: #f8f8f8;
            border: 1px solid #e3e3e3;
            border-bottom: 0;
            line-height: 1;
        }

            .page-live .live-box .cont-box-m .ti-box .status {
                float: left;
            }

                .page-live .live-box .cont-box-m .ti-box .status span {
                    color: #21b6d7;
                    border: 1px solid #21b6d7;
                    display: inline-block;
                    padding: .05rem .09rem;
                    margin-right: .1rem;
                }

                    .page-live .live-box .cont-box-m .ti-box .status span.active {
                        border-color: #ffc700;
                        color: #ffc700;
                    }

            .page-live .live-box .cont-box-m .ti-box .tips {
                float: right;
                padding: .05rem 0;
            }

    .page-live .live-box .cont-box-r .ti-box {
        border-top: 1px solid #f8f8f8;
        line-height: 1;
        padding: .1rem 0;
    }

    .page-live .live-box .cont-box-r .sent-box {
        margin-top: .15rem;
    }

    .page-live .live-box .sent-box .text {
        height: .35rem;
        line-height: .33rem;
        width: -moz-calc(100% - .35rem);
        width: calc(100% - .35rem);
        padding: 0 .1rem;
        border: 1px solid #e3e3e3;
        float: left;
    }

    .page-live .live-box .sent-box .btn {
        width: .35rem;
        height: .35rem;
        line-height: .35rem;
        text-align: center;
        background-color: #21b6d7;
        color: #fff;
        float: right;
    }

    .page-live .live-box .scroll-box {
        padding-right: .15rem;
    }

    .page-live .live-box .faq-box .faq-list,
    .page-live .live-box .chat-box {
        background-color: #f8f8f8;
        padding: .15rem .04rem .15rem .15rem;
        border: 1px solid #e3e3e3;
    }

        .page-live .live-box .faq-box .faq-list li {
            padding: .05rem 0;
        }

            .page-live .live-box .faq-box .faq-list li .ti span {
                float: left;
                color: #130c0e;
            }

            .page-live .live-box .faq-box .faq-list li .ti time {
                float: right;
            }

    .page-live .live-box .video-box {
        position: relative;
    }

        .page-live .live-box .video-box .mark {
            background-position: center;
            background-repeat: no-repeat;
            -moz-background-size: cover;
            background-size: cover;
            z-index: 2;
            cursor: pointer;
        }

            .page-live .live-box .video-box .mark,
            .page-live .live-box .video-box .mark:before,
            .page-live .live-box .video-box .mark:after {
                position: absolute;
            }

                .page-live .live-box .video-box .mark,
                .page-live .live-box .video-box .mark:before {
                    content: '';
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                    .page-live .live-box .video-box .mark:before {
                        display: block;
                        background-color: rgba(0, 0, 0, 0.3);
                        z-index: 2;
                    }

                    .page-live .live-box .video-box .mark:after {
                        content: '\e62c';
                        font-family: 'iconfont';
                        font-size: .42rem;
                        line-height: 1;
                        color: #fff;
                        left: 50%;
                        top: 50%;
                        margin-top: -.21rem;
                        margin-left: -.21rem;
                        z-index: 3;
                    }

                    .page-live .live-box .video-box .mark:hover:before {
                        background-color: rgba(0, 0, 0, 0.1);
                    }

        .page-live .live-box .video-box .live-video {
            overflow: hidden;
        }

            .page-live .live-box .video-box .live-video video {
                width: 100%;
                height: 100%;
                vertical-align: top;
            }

    .page-live .live-box .chat-box li {
        padding: .05rem 0;
    }

        .page-live .live-box .chat-box li span {
            color: #130c0e;
        }

@media (min-width:768px) {
    .page-live .top-wrap {
        overflow: hidden;
    }

    .page-live .live-header .ti-box {
        line-height: .42rem;
    }

    .page-live .live-box .cont-box-l {
        width: 49%;
        float: left;
    }

    .page-live .live-box .cont-box-r {
        width: 49%;
        float: right;
    }
}

@media (min-width:1024px) {
    .page-live .live-header .top-wrap {
        position: relative;
    }

    .page-live .live-header .logo {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .page-live .live-header .ti-box {
        float: none;
        text-align: center;
        font-size: .18rem;
    }

    .page-live .live-box {
        padding: .3rem 0 .7rem;
    }

        .page-live .live-box .cont-box-r .ti-box {
            padding: .15rem 0;
        }

        .page-live .live-box .cont-box-r .sent-box {
            margin-top: .2rem;
        }

        .page-live .live-box .sent-box .text {
            width: -moz-calc(100% - .4rem);
            width: calc(100% - .4rem);
            line-height: .4rem;
            line-height: .38rem;
        }

        .page-live .live-box .sent-box .btn {
            width: .4rem;
            line-height: .4rem;
        }
}

@media (min-width:1200px) {
    .page-live .live-header {
        padding: .24rem 0;
    }

        .page-live .live-header .ti-box {
            font-size: .26rem;
        }

    .page-live .live-box .page-wrap {
        position: relative;
    }

    .page-live .live-box .cont-box-l,
    .page-live .live-box .cont-box-r {
        width: 15%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .page-live .live-box .cont-box-l {
        left: 0;
    }

        .page-live .live-box .cont-box-l .ti-box {
            padding: 0;
        }

        .page-live .live-box .cont-box-l .ti-box1 {
            height: .35rem;
            line-height: .35rem;
        }

        .page-live .live-box .cont-box-l .ti-box2 {
            height: .39rem;
            line-height: .39rem;
        }

    .page-live .live-box .cont-box-r {
        right: 0;
    }

        .page-live .live-box .cont-box-r .ti-box {
            padding: .24rem 0 .2rem;
        }

        .page-live .live-box .cont-box-r .sent-box {
            margin-top: .29rem;
        }

    .page-live .live-box .cont-box-m {
        width: 68.777777%;
        margin: 0 auto;
        padding: 0;
    }

        .page-live .live-box .cont-box-m .ti-box {
            padding-top: .15rem;
            padding-bottom: .19rem;
        }

            .page-live .live-box .cont-box-m .ti-box .status span {
                margin-right: .15rem;
            }

    .page-live .live-box .sent-box .text {
        width: -moz-calc(100% - .5rem);
        width: calc(100% - .5rem);
        line-height: .48rem;
        height: .5rem;
        padding: 0 .17rem;
    }

    .page-live .live-box .sent-box .btn {
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .16rem;
    }

    .page-live .live-box .scroll-box {
        width: 100%;
        height: 100%;
    }

        .page-live .live-box .scroll-box .scroll-element.scroll-y {
            width: .06rem;
        }

        .page-live .live-box .scroll-box .scroll-element .scroll-bar {
            background-color: #e3e3e3;
            opacity: 1;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .page-live .live-box .scroll-box .scroll-element .scroll-element_track {
            background: none;
        }

    .page-live .live-box .faq-box .faq-list {
        height: -moz-calc(100% - .5rem - .35rem - .39rem);
        height: calc(100% - .5rem - .35rem - .39rem);
    }

        .page-live .live-box .faq-box .faq-list li {
            line-height: 1.7;
        }

    .page-live .live-box .chat-box {
        height: -moz-calc(100% - .5rem - .29rem - .59rem);
        height: calc(100% - .5rem - .29rem - .59rem);
        padding-top: .25rem;
        padding-bottom: .45rem;
    }

        .page-live .live-box .chat-box li {
            line-height: 1.7;
        }
}

/*录播课程 - 播放*/
.page-class-play .videoplayer {
    position: relative;
    margin-top: .15rem;
}

    .page-class-play .videoplayer .mark {
        width: 100%;
        height: 100%;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        cursor: pointer;
        color: #fff;
        overflow: hidden;
    }

        .page-class-play .videoplayer .mark:before {
            content: '\e62c';
            font-family: 'iconfont';
            line-height: 1;
            display: inline-block;
            font-size: .3rem;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -.15rem;
            margin-left: -.15rem;
            z-index: 2;
        }

        .page-class-play .videoplayer .mark:after {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            background-color: rgba(0, 0, 0, 0.3);
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .page-class-play .videoplayer .mark:hover {
            color: #ffc700;
        }

            .page-class-play .videoplayer .mark:hover:after {
                background-color: rgba(0, 0, 0, 0.1);
            }

    .page-class-play .videoplayer video {
        width: 100%;
        height: 100%;
        vertical-align: top;
    }

.page-class-play .comment-wrap {
    margin-top: .2rem;
    padding: .2rem 0 .4rem;
    background-color: #f8f8f8;
}

.page-class-play .ti-box {
    border-bottom: 1px solid #e3e3e3;
}

    .page-class-play .ti-box span {
        background-color: #767a7f;
        display: inline-block;
        line-height: .3rem;
        width: .6rem;
        text-align: center;
        color: #fff;
    }

.page-class-play .comment-box {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    margin-top: .1rem;
    padding: .1rem;
}

    .page-class-play .comment-box .statistics-box {
        line-height: 1;
    }

    .page-class-play .comment-box .count-box,
    .page-class-play .comment-box .score-box {
        display: inline-block;
    }

    .page-class-play .comment-box .count-box {
        color: #130c0e;
    }

        .page-class-play .comment-box .count-box span {
            color: #ffc700;
            font-weight: bold;
            margin-right: .05rem;
            font-size: .18rem;
        }

    .page-class-play .comment-box .score-box {
        margin-left: .1rem;
        padding-left: .1rem;
        position: relative;
        letter-spacing: -.5rem;
    }

        .page-class-play .comment-box .score-box:before {
            content: '';
            width: 1px;
            height: 100%;
            display: inline-block;
            background-color: #c9c9c9;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .page-class-play .comment-box .score-box .ti,
        .page-class-play .comment-box .score-box .score {
            display: inline-block;
            letter-spacing: 0;
        }

        .page-class-play .comment-box .score-box .score {
            color: #21b6d7;
        }

    .page-class-play .comment-box .textarea-box {
        width: 100%;
        border: 1px solid #e3e3e3;
        height: .9rem;
        margin-top: .1rem;
    }

        .page-class-play .comment-box .textarea-box textarea {
            width: 100%;
            height: 100%;
            padding: .1rem;
        }

    .page-class-play .comment-box .btn-box {
        text-align: right;
        padding-top: .12rem;
    }

    .page-class-play .comment-box .a-btn {
        background-color: #21b6d7;
        color: #fff;
        text-align: center;
        display: inline-block;
        width: .6rem;
        line-height: .3rem;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        cursor: pointer;
    }

        .page-class-play .comment-box .a-btn:hover {
            background-color: #ffc700;
        }

.page-class-play .data-list {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: .2rem;
}

    .page-class-play .data-list li {
        border-bottom: 1px solid #e3e3e3;
        padding: .1rem .15rem;
    }

        .page-class-play .data-list li .imgbox {
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 30%;
            overflow: hidden;
        }

        .page-class-play .data-list li .txtbox {
            margin-top: .1rem;
        }

            .page-class-play .data-list li .txtbox .ti {
                line-height: 1;
                color: #130c0e;
                font-weight: lighter;
            }

                .page-class-play .data-list li .txtbox .ti span {
                    color: #666;
                }

            .page-class-play .data-list li .txtbox .txt {
                margin-top: .05rem;
            }

@media (min-width:768px) {
    .page-class-play .videoplayer .mark:before {
        font-size: .42rem;
        margin-top: -.21rem;
        margin-left: -.21rem;
    }

    .page-class-play .ti-box span {
        width: .9rem;
    }

    .page-class-play .comment-box {
        margin-top: .15rem;
        padding: .15rem;
    }

        .page-class-play .comment-box .count-box span {
            font-size: .2rem;
        }

        .page-class-play .comment-box .a-btn {
            width: .9rem;
            line-height: .4rem;
        }

    .page-class-play .data-list li {
        width: 100%;
        display: table;
        padding: .15rem .2rem;
    }

        .page-class-play .data-list li .item {
            width: 100%;
            display: table-cell;
            letter-spacing: -.5em;
        }

        .page-class-play .data-list li .imgbox,
        .page-class-play .data-list li .txtbox {
            display: inline-block;
            letter-spacing: 0;
            vertical-align: middle;
        }

        .page-class-play .data-list li .imgbox {
            width: .74rem;
            height: .74rem;
        }

        .page-class-play .data-list li .txtbox {
            width: -moz-calc(100% - .74rem);
            width: calc(100% - .74rem);
            padding-left: .15rem;
            padding-right: 9%;
            margin-top: 0;
        }

            .page-class-play .data-list li .txtbox .txt {
                margin-top: .12rem;
            }
}

@media (min-width:1024px) {
    .page-class-play .videoplayer {
        margin-top: .2rem;
    }

    .page-class-play .comment-wrap {
        padding: .3rem 0 .6rem;
    }

    .page-class-play .ti-box {
        font-size: .16rem;
    }

    .page-class-play .comment-box {
        margin-top: .2rem;
        padding: .2rem;
    }

        .page-class-play .comment-box .score-box {
            padding-left: .2rem;
            margin-left: .2rem;
        }

        .page-class-play .comment-box .textarea-box {
            margin-top: .15rem;
        }

    .page-class-play .data-list {
        margin-bottom: .3rem;
    }
}

@media (min-width:1280px) {
    .page-class-play .videoplayer {
        margin-top: .27rem;
    }

    .page-class-play .comment-wrap {
        margin-top: .43rem;
        padding: .46rem 0 .96rem;
    }

    .page-class-play .ti-box span {
        width: 1rem;
        line-height: .4rem;
    }

    .page-class-play .comment-box {
        margin-top: .3rem;
        padding: .3rem;
    }

        .page-class-play .comment-box .count-box span {
            font-size: .22rem;
        }

        .page-class-play .comment-box .score-box {
            padding-left: .24rem;
            margin-left: .24rem;
        }

        .page-class-play .comment-box .textarea-box {
            height: 1.28rem;
        }

            .page-class-play .comment-box .textarea-box textarea {
                padding-top: .2rem;
                padding-bottom: .2rem;
            }

        .page-class-play .comment-box .a-btn {
            width: 1.26rem;
            line-height: .5rem;
        }

    .page-class-play .data-list {
        margin-bottom: .44rem;
    }

        .page-class-play .data-list li {
            padding: .23rem .3rem;
        }

            .page-class-play .data-list li .txtbox .ti {
                font-size: .16rem;
            }

                .page-class-play .data-list li .txtbox .ti span {
                    font-size: .14rem;
                }
}

/*
  ** 资源中心
  */

/*证书查询*/
.page-inquiry {
    padding-bottom: .15rem;
}

    .page-inquiry .txtbox {
        padding: .15rem 0;
        color: #666;
    }

    .page-inquiry .contbox {
        margin-bottom: .15rem;
    }

    .page-inquiry .list-box {
        border-bottom: 1px solid #EFEFEE;
        margin-top: .2rem;
    }

        .page-inquiry .list-box:first-child {
            margin-top: 0;
        }

        .page-inquiry .list-box .ti {
            background-color: #ffc700;
            color: #fff;
            font-weight: bold;
            font-size: .16rem;
            width: .6rem;
            line-height: .35rem;
            text-align: center;
        }

        .page-inquiry .list-box ul {
            border-top: 2px solid #ffc700;
        }

        .page-inquiry .list-box li {
            width: 100%;
            float: left;
            display: table;
            height: .9rem;
            border-top: 1px solid #EFEFEE;
        }

            .page-inquiry .list-box li a {
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
                letter-spacing: -.5em;
                padding: 0 .2rem;
                color: #666;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .page-inquiry .list-box li a:hover {
                    background-color: #21b6d7 !important;
                    color: #fff !important;
                }

            .page-inquiry .list-box li img,
            .page-inquiry .list-box li span {
                letter-spacing: 0;
                vertical-align: middle;
            }

            .page-inquiry .list-box li img {
                display: inline-block;
                max-width: 50px;
                max-height: 50px
            }

            .page-inquiry .list-box li span {
                display: inline-block;
                max-width: 78%;
                padding-left: .16rem;
                line-height: 1.42;
            }

            .page-inquiry .list-box li.li-1 {
                border-top: 0;
            }

            .page-inquiry .list-box li.li-odd a {
                background-color: #F9F9F9;
            }

/*查询详情页*/
.page-inquiry-info {
    padding-bottom: .15rem;
}

    .page-inquiry-info .search-box {
        background-color: #767a7f;
        margin-top: .15rem;
        color: #fff;
        padding: .12rem .15rem;
        line-height: .35rem;
    }

        .page-inquiry-info .search-box .text {
            width: 100%;
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        /*RCS*/
        .page-inquiry-info .search-box .rcs {
            width: 83%;
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        .page-inquiry-info .search-box .rcs-g4 {
            width: 15%;
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        /*GRS*/
        .page-inquiry-info .search-box .grs {
            width: 80%;
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        .page-inquiry-info .search-box .grs-g4 {
            width: 15%;
            background-color: #fff;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
        }

        .page-inquiry-info .search-box .btn {
            width: 1.2rem;
            text-align: center;
            background-color: #21b6d7;
            color: #fff;
            height: inherit;
            line-height: inherit;
            cursor: pointer;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-inquiry-info .search-box .btn:hover {
                background-color: #ffc700;
            }

        .page-inquiry-info .search-box .id-box {
            padding-bottom: .1rem;
        }

    .page-inquiry-info .data-table {
        padding-top: .15rem;
        overflow-x: auto;
    }

        .page-inquiry-info .data-table table {
            border-collapse: collapse;
            width: 6rem;
        }

        .page-inquiry-info .data-table td {
            border: 1px solid #e3e3e3;
            text-align: center;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .page-inquiry-info .data-table td .btn {
                display: block;
                color: #21b6d7;
                font-size: .17rem;
            }

                .page-inquiry-info .data-table td .btn:hover {
                    color: #ffc700;
                }

        .page-inquiry-info .data-table .tr-ti td {
            background-color: #f5f5f5;
            color: #130c0e;
        }

            .page-inquiry-info .data-table .tr-ti td:last-child {
                text-align: left;
                padding-left: 10px;
            }

        .page-inquiry-info .data-table td.td-6 {
            text-align: left;
            padding-left: 10px;
            width: 300px;
        }

        .page-inquiry-info .data-table td.td-8-8 {
            text-align: center;
            padding-left: 0px;
        }

/*NDT无损培训证书查询*/
.page-inquiry-DNT .data-table td {
    display: block
}

    .page-inquiry-DNT .data-table td.td-1,
    .page-inquiry-DNT .data-table td.td-3,
    .page-inquiry-DNT .data-table td.td-4,
    .page-inquiry-DNT .data-table td.td-5,
    .page-inquiry-DNT .data-table td.td-6,
    .page-inquiry-DNT .data-table td.td-7,
    .page-inquiry-DNT .data-table td.td-2,
    .page-inquiry-DNT .data-table td.td-8,
    .page-inquiry-DNT .data-table .tr-ti td:last-child {
        width: 100%;
        text-align: left;
        padding-left: 10px
    }

.page-inquiry-DNT .data-table tr.tr-ti td.td-1,
.page-inquiry-DNT .data-table tr.tr-ti td.td-3,
.page-inquiry-DNT .data-table tr.tr-ti td.td-4,
.page-inquiry-DNT .data-table tr.tr-ti td.td-5,
.page-inquiry-DNT .data-table tr.tr-ti td.td-6,
.page-inquiry-DNT .data-table tr.tr-ti td.td-7,
.page-inquiry-DNT .data-table tr.tr-ti td.td-2,
.page-inquiry-DNT .data-table tr.tr-ti td.td-8,
.page-inquiry-DNT .data-table .tr-ti td:last-child {
    width: 100%;
    text-align: center
}

.page-inquiry-DNT tr.tr-ti2 {
    float: right;
    width: 70%;
}

.page-inquiry-DNT tr.tr-ti {
    float: left;
    width: 30%;
    text-align: left;
}

.page-inquiry-DNT tr td {
    min-height: 40px
}

.page-inquiry-DNT tr .td-4 {
    min-height: 84px
}

.page-inquiry-DNT .data-table td.td-8 {
    height: 44px
}

.page-inquiry-DNT tr.tr-dnt1,
.page-inquiry-DNT .data-table tr.tr-dnt2 {
    width: 100%;
    float: none
}

.page-inquiry-DNT .data-table tr.tr-dnt2 {
    display: flex
}

    .page-inquiry-DNT .data-table tr.tr-dnt1 td,
    .page-inquiry-DNT .data-table tr.tr-dnt2 td {
        display: inline-block;
        width:
    }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-1,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-1 {
            width: 12%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-2,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-2 {
            width: 30%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-3,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-3 {
            width: 11.555%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-4,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-4 {
            width: 11.555%;
            min-height: auto
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-5,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-5 {
            width: 11.555%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-6,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-6 {
            width: 11.555%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-7,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-7 {
            width: 11.555%
        }

        .page-inquiry-DNT .data-table tr.tr-dnt1 td.td-8,
        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-8 {
            width: 11.555%;
            height: auto;
            text-align: center;
        }

        .page-inquiry-DNT .data-table tr.tr-dnt2 td.td-8 {
            padding-left: 0
        }

.page-inquiry-DNT .data-table .data-table .tr-ti td:last-child {
    width: 10%;
    height: auto
}



/*培训证书查询结果*/
.page-inquiry-training .data-table {
    margin-bottom: .2rem;
}

    .page-inquiry-training .data-table table {
        width: 7rem;
    }

/*产品目录查询系统*/
.page-inquiry-products .search-box .btn {
    margin-top: .1rem;
}

.page-inquiry-products .data-table table {
    width: 100% !important;
}

.page-inquiry-products .data-table td {
    line-height: 1.57;
    padding: .05rem;
}

    .page-inquiry-products .data-table td.td-1 {
        width: 16.35%;
    }

    .page-inquiry-products .data-table td.td-2 {
        text-align: left;
    }

/*企业认证搜索 - 步骤一*/
.page-inquiry-certification .form {
    padding-top: .2rem;
}

    .page-inquiry-certification .form li {
        margin-top: .1rem;
        padding: .1rem;
        background-color: #f5f5f5;
    }

        .page-inquiry-certification .form li:first-child {
            margin-top: 0;
        }

        .page-inquiry-certification .form li.btn-box {
            background: none;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }

            .page-inquiry-certification .form li.btn-box .update-txt {
                line-height: 1;
                color: #000;
                margin-top: .1rem;
            }

        .page-inquiry-certification .form li dd {
            margin-top: .06rem;
            line-height: .3rem;
        }

            .page-inquiry-certification .form li dd:first-child {
                margin-top: 0;
            }

        .page-inquiry-certification .form li .ti-box {
            border-bottom: 2px solid #ffc700;
            line-height: 1;
            padding: .06rem 0;
            color: #130c0e;
        }

        .page-inquiry-certification .form li .contbox {
            padding-top: .1rem;
            padding-bottom: .1rem;
        }

            .page-inquiry-certification .form li .contbox .tips-txt {
                padding-bottom: .1rem;
                color: #000;
            }

        .page-inquiry-certification .form li .code-box .code-img {
            display: inline-block;
            cursor: pointer;
            margin-left: .03rem;
        }

            .page-inquiry-certification .form li .code-box .code-img img {
                height: .3rem;
            }

        .page-inquiry-certification .form li .required {
            color: #f00;
            font-weight: bold;
        }

        .page-inquiry-certification .form li .select .placeholder {
            display: block;
            width: 100%;
            line-height: .3rem;
            background-color: #fff;
        }

            .page-inquiry-certification .form li .select .placeholder:before {
                border-color: #767a7f transparent transparent transparent;
                border-width: 6px 4px;
            }

        .page-inquiry-certification .form li .select li {
            margin-top: 0;
            background-color: #fff;
            line-height: 1;
        }

            .page-inquiry-certification .form li .select li:hover {
                background-color: #21b6d7;
            }

        .page-inquiry-certification .form li .select.select-company {
            z-index: 1;
        }

        .page-inquiry-certification .form li .select.select-certificate {
            z-index: 2;
        }

        .page-inquiry-certification .form li .select.select-area {
            z-index: 3;
        }

        .page-inquiry-certification .form li .select.select-ios {
            z-index: 4;
        }

        .page-inquiry-certification .form li .select.is-open .placeholder:before {
            margin-top: -8px;
        }

        .page-inquiry-certification .form li .text {
            background-color: #fff;
            line-height: .3rem;
            height: .3rem;
            padding: 0 .1rem;
        }

        .page-inquiry-certification .form li .a-btn {
            width: .6rem;
            line-height: .3rem;
            display: inline-block;
            text-align: center;
            background-color: #21b6d7;
            color: #fff;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
        }

            .page-inquiry-certification .form li .a-btn:hover {
                background-color: #ffc700;
            }

/*企业认证搜索 - 步骤二*/
.page-certification .info-box {
    margin-top: .15rem;
    line-height: 1;
}

    .page-certification .info-box .num-box,
    .page-certification .info-box .ti {
        float: left;
        color: #130c0e;
    }

    .page-certification .info-box .a-link {
        float: right;
        color: #21b6d7;
    }

        .page-certification .info-box .a-link:hover {
            color: #ffc700;
        }

.page-certification-list .data-table td {
    width: 18.6%;
    line-height: 1.57;
    padding: .1rem 0;
    color: #000;
}

    .page-certification-list .data-table td.td-1 {
        width: auto;
    }

        .page-certification-list .data-table td.td-1 a {
            color: #21b6d7;
        }

            .page-certification-list .data-table td.td-1 a:hover {
                color: #ffc700;
            }

/*企业认证搜索 - 步骤三*/
.page-certification-info .data-table table {
    width: 100% !important;
}

.page-certification-info .data-table td {
    line-height: 1.57 !important;
    padding: .1rem;
}

    .page-certification-info .data-table td.td-1 {
        color: #130c0e;
    }

    .page-certification-info .data-table td.td-2 {
        text-align: left;
        color: #000;
    }

@media (max-width:767px) {
    .page-certification-list .tr-ti td {
        line-height: 1.57 !important;
    }
}

@media (min-width: 768px) {

    /*查询详情页*/
    .page-inquiry-info {
        padding-bottom: 0;
    }

        .page-inquiry-info .search-box {
            margin-top: .21rem;
        }

            .page-inquiry-info .search-box .ti {
                float: left;
            }

            .page-inquiry-info .search-box .text {
                float: left;
            }

            .page-inquiry-info .search-box .name-box {
                padding-bottom: .1rem;
            }

        .page-inquiry-info .data-table table {
            width: 7rem;
        }

    /*NDT无损培训证书查询*/
    .page-inquiry-DNT .search-box .name-box .ti {
        width: 1.2rem;
    }

    .page-inquiry-DNT .search-box .name-box .text {
        width: -moz-calc(100% - 1.2rem);
        width: calc(100% - 1.2rem);
    }

    .page-inquiry-DNT .search-box .id-box .ti {
        width: 1.9rem;
    }

    .page-inquiry-DNT .search-box .id-box .text {
        width: -moz-calc(100% - 1.3rem);
        width: calc(60% - 1rem);
    }

    /*焊工证书查询*/
    .page-inquiry-welder .search-box .name-box .ti,
    .page-inquiry-welder .search-box .id-box .ti {
        width: 1.5rem;
    }

    .page-inquiry-welder .search-box .name-box .text,
    .page-inquiry-welder .search-box .id-box .text {
        width: -moz-calc(100% - 1.5rem);
        width: calc(100% - 1.5rem);
    }

    /*RCS*/
    .page-inquiry-welder .search-box .name-box .rcs,
    .page-inquiry-welder .search-box .id-box .rcs {
        width: -moz-calc(100% - 75%);
        width: calc(100% - 75%);
    }

    .page-inquiry-welder .search-box .name-box .rcs-g4,
    .page-inquiry-welder .search-box .id-box .rcs-g4 {
        width: -moz-calc(100% - 83%);
        width: calc(100% - 83%);
    }

    /*GRS*/
    .page-inquiry-welder .search-box .name-box .grs,
    .page-inquiry-welder .search-box .id-box .grs {
        width: -moz-calc(100% - 75%);
        width: calc(100% - 75%);
    }

    .page-inquiry-welder .search-box .name-box .grs-g4,
    .page-inquiry-welder .search-box .id-box .grs-g4 {
        width: -moz-calc(100% - 83%);
        width: calc(100% - 83%);
    }

    /*培训证书查询结果*/
    .page-inquiry-training .search-box .name-box .ti {
        width: .6rem;
    }

    .page-inquiry-training .search-box .name-box .text {
        width: -moz-calc(100% - .6rem);
        width: calc(100% - .6rem);
    }

    .page-inquiry-training .search-box .id-box .ti {
        width: .7rem;
    }

    .page-inquiry-training .search-box .id-box .text {
        width: -moz-calc(100% - .7rem);
        width: calc(100% - .7rem);
    }

    /*企业认证搜索 - 步骤一*/
    .page-inquiry-certification .form li .contbox {
        padding-bottom: .15rem;
    }

        .page-inquiry-certification .form li .contbox .tips-txt {
            padding-bottom: .15rem;
        }

    .page-inquiry-certification .form li .a-btn {
        width: 1rem;
        line-height: .4rem;
    }

    .page-inquiry-certification .form li.btn-box {
        margin-top: .2rem;
    }

    /*企业认证搜索 - 步骤二*/
    .page-certification .info-box {
        margin-top: .2rem;
    }

    /*企业认证搜索 - 步骤三*/
    .page-certification-info .data-table td.td-1 {
        width: 25.157%;
    }
}


@media (min-width:1024px) {
    .page-inquiry {
        padding-bottom: 0;
    }

        .page-inquiry .txtbox {
            padding: .35rem 0 .45rem;
            font-size: .16rem;
        }

        .page-inquiry .list-box {
            margin-top: .48rem;
        }

            .page-inquiry .list-box .ti {
                width: .9rem;
                line-height: .45rem;
                font-size: .2rem;
            }

            .page-inquiry .list-box li {
                width: 33.33333%;
                height: 1.54rem;
            }

                .page-inquiry .list-box li.li-1,
                .page-inquiry .list-box li.li-2,
                .page-inquiry .list-box li.li-3 {
                    border-top: 0;
                }

                .page-inquiry .list-box li.li-12 a {
                    padding-right: 0;
                }

                .page-inquiry .list-box li.li-12 span {
                    max-width: 85%;
                }

                .page-inquiry .list-box li.li-2 span {
                    max-width: 60%;
                }

    /*查询详情页*/
    .page-inquiry-info .search-box .btn {
        float: right;
    }

    .page-inquiry-info .search-box .name-box,
    .page-inquiry-info .search-box .id-box {
        padding-bottom: 0;
    }

    .page-inquiry-info .search-box .name-box {
        float: left;
    }

    .page-inquiry-info .search-box .id-box {
        float: left;
    }

    .page-inquiry-info .data-table {
        padding-top: .27rem;
    }

        .page-inquiry-info .data-table table {
            width: 100%;
        }

        .page-inquiry-info .data-table td {
        }
        /* .page-inquiry-info .data-table .tr-ti td { line-height: .6rem; } */

        .page-inquiry-info .data-table .liCon {
            font-size: 14px;
            line-height: 26px;
        }

        .page-inquiry-info .data-table .infoall {
            display: none;
            line-height: 26px;
            font-size: 14px;
        }

        .page-inquiry-info .data-table .info {
            display: inline;
            line-height: 26px;
            font-size: 14px;
        }

        .page-inquiry-info .data-table .btn {
            display: inline-block;
            height: 26px;
            font-size: 14px;
            vertical-align: bottom;
        }


    /*NDT无损培训证书查询*/
    .page-inquiry-DNT .search-box .name-box {
        width: 39%;
    }

    .page-inquiry-DNT .search-box .id-box {
        width: 42.13%;
        margin-left: 2.13%;
    }

    /*焊工证书查询*/
    .page-inquiry-welder .search-box .name-box {
        width: 39%;
    }

    .page-inquiry-welder .search-box .id-box {
        width: 42.13%;
        margin-left: 2.13%;
    }

    /*培训证书查询结果*/
    .page-inquiry-training .search-box .name-box,
    .page-inquiry-training .search-box .id-box {
        width: 30%;
    }

        .page-inquiry-training .search-box .name-box .text,
        .page-inquiry-training .search-box .id-box .text {
            max-width: 1.56rem;
        }

    .page-inquiry-training .search-box .id-box {
        margin-left: 2.13%;
    }

    .page-inquiry-training .search-box .btn {
        float: left;
        margin-left: .15rem;
    }

    .page-inquiry-training .data-table {
        margin-bottom: .44rem;
    }

    /*企业认证搜索 - 步骤一*/
    .page-inquiry-certification .form li {
        padding: .15rem .2rem;
    }

        .page-inquiry-certification .form li .ti-box {
            font-size: .16rem;
            padding: .14rem 0;
        }

        .page-inquiry-certification .form li .contbox {
            padding-top: .15rem;
            padding-bottom: .2rem;
        }

            .page-inquiry-certification .form li .contbox .tips-txt {
                padding-bottom: .2rem;
                padding-left: .4rem;
            }

            .page-inquiry-certification .form li .contbox .ti {
                float: left;
                width: 2.3rem;
                text-align: right;
            }

            .page-inquiry-certification .form li .contbox .input-box {
                float: right;
                width: -moz-calc(100% - 2.3rem);
                width: calc(100% - 2.3rem);
            }

            .page-inquiry-certification .form li .contbox dl {
                padding-right: 25%;
            }

        .page-inquiry-certification .form li .select {
            width: 100%;
        }

            .page-inquiry-certification .form li .select .placeholder {
                line-height: .4rem;
            }

                .page-inquiry-certification .form li .select .placeholder:before {
                    border-width: 7px 5px;
                }

            .page-inquiry-certification .form li .select.is-open .placeholder:before {
                margin-top: -10px;
            }

        .page-inquiry-certification .form li .text {
            height: .4rem;
            line-height: .4rem;
        }

        .page-inquiry-certification .form li .a-btn {
            width: 1.5rem;
            font-size: .16rem;
        }

        .page-inquiry-certification .form li .code-box .text {
            width: -moz-calc(100% - .67rem - .03rem);
            width: calc(100% - .67rem - .03rem);
            float: left;
        }

        .page-inquiry-certification .form li .code-box .code-img {
            width: .67rem;
            float: right;
        }

            .page-inquiry-certification .form li .code-box .code-img img {
                height: .4rem;
            }

        .page-inquiry-certification .form li.btn-box {
            margin-top: .3rem;
        }

    /*企业认证搜索 - 步骤二*/
    .page-certification .info-box {
        margin-top: .25rem;
    }

    .page-certification-list .info-box {
        margin-top: .25rem;
    }

    .page-certification-list .data-table .tr-ti td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-certification-list .data-table td {
        line-height: 1.57;
    }

    /*企业认证搜索 - 步骤三*/
    .page-certification-info .data-table td {
        padding: .14rem .24rem;
    }
}

@media (min-width:1280px) {

    /*查询详情页*/
    .page-inquiry-info .search-box {
        padding-left: .39rem;
        padding-right: .69rem;
    }

    /*NDT无损培训证书查询*/
    .page-inquiry-DNT .search-box .id-box {
        width: 60%;
    }

    /*产品目录查询系统*/
    .page-inquiry-products .search-box {
        padding-right: .3rem;
        padding-left: .25rem;
    }

        .page-inquiry-products .search-box .input-wrap {
            float: left;
            padding-left: .1rem;
        }

            .page-inquiry-products .search-box .input-wrap:first-child {
                padding-left: 0;
            }

        .page-inquiry-products .search-box .ti {
            padding-right: .1rem;
        }

        .page-inquiry-products .search-box .text {
            max-width: 1.15rem;
        }

        .page-inquiry-products .search-box .btn {
            margin-top: 0;
        }

    /*企业认证搜索 - 步骤一*/
    .page-inquiry-certification .form li .contbox {
        padding-top: .25rem;
        padding-bottom: .38rem;
    }

        .page-inquiry-certification .form li .contbox .tips-txt {
            padding-bottom: .25rem;
        }

    .page-inquiry-certification .form li .a-btn {
        width: 1.98rem;
        line-height: .5rem;
    }

    .page-inquiry-certification .form li.btn-box {
        margin-top: .4rem;
    }

        .page-inquiry-certification .form li.btn-box .update-txt {
            margin-top: .17rem;
        }

    /*企业认证搜索 - 步骤二*/
    .page-certification-list .data-table {
        padding-top: .36rem;
    }

    .page-certification-info .data-table {
        padding-top: .3rem;
    }
}

/*常见问题*/
.page-question,
.page-school-plan { /*继承 法规标准 栏目样式，具体见类名： .page-law */
    padding-bottom: .15rem;
}

    .page-question .fliter-box,
    .page-school-plan .fliter-box {
        background: none;
    }

        .page-question .fliter-box .search-box .text-box,
        .page-school-plan .fliter-box .search-box .text-box {
            padding-bottom: 0;
            width: -moz-calc(100% - .6rem - .13rem);
            width: calc(100% - .6rem - .13rem);
            float: left;
        }

        .page-question .fliter-box .search-box .btn,
        .page-school-plan .fliter-box .search-box .btn {
            width: .6rem;
            float: right;
        }

        .page-question .fliter-box .search-box .question-btn,
        .page-school-plan .fliter-box .search-box .question-btn {
            display: inline-block;
            background-color: #fff;
            color: #000;
            line-height: inherit;
            width: .9rem;
            margin-top: .1rem;
            text-align: center;
            cursor: pointer;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-question .fliter-box .search-box .question-btn:hover,
            .page-school-plan .fliter-box .search-box .question-btn:hover {
                background-color: #ffc700;
                color: #fff;
            }

        .page-question .fliter-box .filter,
        .page-school-plan .fliter-box .filter {
            background-color: #f5f5f5;
            margin-top: .1rem;
        }

    .page-question .data-list li .a-ti,
    .page-school-plan .data-list li .a-ti {
        letter-spacing: 0;
        color: #21b6d7;
        max-width: 90%;
    }

        .page-question .data-list li .a-ti:before,
        .page-school-plan .data-list li .a-ti:before {
            content: '\e61f';
            font-family: 'iconfont';
            display: inline-block;
            vertical-align: middle;
            margin-right: .15rem;
        }

        .page-question .data-list li .a-ti:hover,
        .page-school-plan .data-list li .a-ti:hover {
            color: #ffc700;
        }

.pop-question {
    max-width: 12rem;
    -webkit-box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.11);
}

    .pop-question .ti-box {
        background-color: #f4f4f4;
        color: #130c0e;
        text-align: center;
        font-size: .16rem;
        line-height: .4rem;
    }

    .pop-question .form {
        padding: .15rem .2rem;
    }

        .pop-question .form li {
            padding: .05rem 0;
            line-height: .3rem;
        }

            .pop-question .form li .ti {
                width: .4rem;
                float: left;
            }

            .pop-question .form li .text {
                width: -moz-calc(100% - .4rem);
                width: calc(100% - .4rem);
                float: right;
                padding: 0 .1rem;
                border: 1px solid #e3e3e3;
                height: .4rem;
                line-height: .4rem;
            }

            .pop-question .form li .textarea {
                height: 1rem;
            }

            .pop-question .form li.li-btn {
                padding-left: .4rem;
                padding-top: .2rem;
            }

                .pop-question .form li.li-btn .btn {
                    width: 50%;
                    max-width: 1.65rem;
                    background-color: #21b6d7;
                    color: #fff;
                    height: .44rem;
                    line-height: .44rem;
                    text-align: center;
                    font-size: .16rem;
                }

.page-question-info {
    padding-bottom: .15rem;
}

    .page-question-info .data-ti-box {
        color: #130c0e;
        font-size: .18rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: .2rem;
        font-weight: bold;
    }

    .page-question-info .txtbox {
        line-height: 1.7;
        padding: .2rem 0;
    }

        .page-question-info .txtbox a {
            color: #21b6d7;
            position: relative;
        }

            .page-question-info .txtbox a:hover {
                color: #ffc700;
            }

                .page-question-info .txtbox a:hover:before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    display: block;
                    background-color: #ffc700;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: -2px;
                }

        .page-question-info .txtbox .imgbox {
            padding: .1rem 0;
        }

        .page-question-info .txtbox .p2 {
            margin-top: .15rem;
        }

@media (min-width:768px) {
    .page-question,
    .page-school-plan {
        padding-bottom: 0;
    }

    .pop-question .ti-box {
        line-height: .6rem;
        font-size: .2rem;
    }

    .pop-question .form {
        padding: .3rem .6rem;
    }

        .pop-question .form li {
            padding: .13rem 0;
            line-height: .4rem;
        }

            .pop-question .form li .textarea {
                height: 1.5rem;
            }

            .pop-question .form li.li-btn .btn {
                font-size: .18rem;
            }

    .page-question-info {
        padding-bottom: 0;
    }

        .page-question-info .data-ti-box {
            font-size: .2rem;
            padding-bottom: .3rem;
        }

        .page-question-info .txtbox {
            padding: .3rem 0;
        }

            .page-question-info .txtbox .imgbox {
                padding: .15rem 0 .2rem;
            }

            .page-question-info .txtbox .p2 {
                margin-top: .4rem;
            }
}

@media (min-width:1024px) {
    .page-question .fliter-box,
    .page-school-plan .fliter-box {
        margin-top: .43rem;
    }

        .page-question .fliter-box .search-box,
        .page-school-plan .fliter-box .search-box {
            width: 100%;
        }

            .page-question .fliter-box .search-box .text-box,
            .page-school-plan .fliter-box .search-box .text-box {
                width: 2.76rem;
            }

            .page-question .fliter-box .search-box .btn,
            .page-school-plan .fliter-box .search-box .btn {
                float: left;
                width: .9rem;
                margin-left: .13rem;
            }

            .page-question .fliter-box .search-box .question-btn,
            .page-school-plan .fliter-box .search-box .question-btn {
                float: right;
                margin-top: 0;
            }

        .page-question .fliter-box .filter,
        .page-school-plan .fliter-box .filter {
            padding: .21rem .15rem .27rem .21rem;
        }

    .page-question .data-list li,
    .page-school-plan .data-list li {
        font-size: .16rem;
    }

        .page-question .data-list li a:before,
        .page-school-plan .data-list li a:before {
            font-size: .23rem;
        }

    .pop-question .form {
        padding: .47rem 1.19rem .85rem 1.56rem;
    }

    .page-question-info .data-ti-box {
        font-size: .24rem;
        padding-bottom: .38rem;
    }
}

@media (min-width:1280px) {
    .pop-question .form li {
        line-height: .6rem;
    }

        .pop-question .form li .text {
            height: .6rem;
            line-height: .6rem;
        }

        .pop-question .form li .textarea {
            height: 2.54rem;
        }
}

@media (min-width:1366px) {
    .pop-question {
        width: 12rem;
    }
}

/*电子杂志*/
.page-magazine {
    padding-bottom: .15rem;
}

    .page-magazine .txtbox {
        padding: .15rem 0;
        line-height: 1.7;
    }

    .page-magazine .data-list {
        padding-bottom: .15rem;
    }

        .page-magazine .data-list li {
            border-bottom: 1px solid #F6F6F6;
            padding: .1rem 0;
        }

            .page-magazine .data-list li .imgbox {
                width: 30%;
                float: left;
                overflow: hidden;
            }

                .page-magazine .data-list li .imgbox img {
                    width: 100%;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                .page-magazine .data-list li .imgbox:hover img {
                    -webkit-transform: scaleX(1.05) scaleY(1.05);
                    -moz-transform: scaleX(1.05) scaleY(1.05);
                    -ms-transform: scaleX(1.05) scaleY(1.05);
                    transform: scaleX(1.05) scaleY(1.05);
                }

            .page-magazine .data-list li .txt-box {
                width: 70%;
                float: left;
                padding-left: .17rem;
            }

                .page-magazine .data-list li .txt-box .ti {
                    line-height: 1;
                }

                    .page-magazine .data-list li .txt-box .ti a {
                        color: #21b6d7;
                    }

                /* .page-magazine .data-list li .txt-box .ti a:hover{color:#ffc700;} */
                .page-magazine .data-list li .txt-box .txt {
                    line-height: 1.7;
                    margin-top: .1rem;
                    max-height: .42rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

                .page-magazine .data-list li .txt-box .a-more {
                    background-color: #21b6d7;
                    color: #fff;
                    width: 1rem;
                    line-height: .27rem;
                    display: block;
                    text-align: center;
                    float: right;
                    margin-top: .2rem;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                    .page-magazine .data-list li .txt-box .a-more:hover {
                        background-color: #ffc700;
                        color: #fff;
                        text-decoration: none;
                    }

/*电子杂志列表*/
.page-magazine-list,
.page-school-whitepaper {
    padding-bottom: .15rem;
}

    .page-magazine-list .txtbox,
    .page-school-whitepaper .txtbox {
        padding: .15rem 0;
        line-height: 1.7;
        border-bottom: 1px solid #F3F3F3;
    }

    .page-magazine-list .data-list,
    .page-school-whitepaper .data-list {
        padding: .15rem 0;
    }

        .page-magazine-list .data-list ul,
        .page-school-whitepaper .data-list ul {
            margin-left: -.065rem;
            margin-right: -.065rem;
        }

        .page-magazine-list .data-list li,
        .page-school-whitepaper .data-list li {
            padding: .1rem .065rem;
        }

            .page-magazine-list .data-list li .item,
            .page-school-whitepaper .data-list li .item {
                background-color: #f6f6f6;
                padding: .1rem;
            }

            .page-magazine-list .data-list li .imgbox,
            .page-school-whitepaper .data-list li .imgbox {
                width: 41.39213%;
                float: left;
                overflow: hidden;
            }

                .page-magazine-list .data-list li .imgbox img,
                .page-school-whitepaper .data-list li .imgbox img {
                    width: 100%;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                .page-magazine-list .data-list li .imgbox:hover img,
                .page-school-whitepaper .data-list li .imgbox:hover img {
                    -webkit-transform: scaleX(1.05) scaleY(1.05);
                    -moz-transform: scaleX(1.05) scaleY(1.05);
                    -ms-transform: scaleX(1.05) scaleY(1.05);
                    transform: scaleX(1.05) scaleY(1.05);
                }

            .page-magazine-list .data-list li .txt-box,
            .page-school-whitepaper .data-list li .txt-box {
                width: 53.37%;
                float: right;
            }

                .page-magazine-list .data-list li .txt-box .ti,
                .page-school-whitepaper .data-list li .txt-box .ti {
                    color: #130c0e;
                    line-height: 1;
                }

                .page-magazine-list .data-list li .txt-box .txt,
                .page-school-whitepaper .data-list li .txt-box .txt {
                    padding: .1rem 0;
                }

                    .page-magazine-list .data-list li .txt-box .txt span,
                    .page-school-whitepaper .data-list li .txt-box .txt span {
                        display: block;
                    }

                .page-magazine-list .data-list li .txt-box .summary,
                .page-school-whitepaper .data-list li .txt-box .summary {
                    display: none;
                }

                .page-magazine-list .data-list li .txt-box .a-download,
                .page-school-whitepaper .data-list li .txt-box .a-download {
                    width: 70%;
                    max-width: 1.25rem;
                    background-color: #21b6d7;
                    display: block;
                    text-align: center;
                    color: #fff;
                    line-height: .36rem;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                    .page-magazine-list .data-list li .txt-box .a-download span,
                    .page-school-whitepaper .data-list li .txt-box .a-download span {
                        display: inline-block;
                    }

                        .page-magazine-list .data-list li .txt-box .a-download span:after,
                        .page-school-whitepaper .data-list li .txt-box .a-download span:after {
                            content: '\e620';
                            font-family: 'iconfont';
                            display: inline-block;
                            margin-left: .1rem;
                        }

                    .page-magazine-list .data-list li .txt-box .a-download:hover,
                    .page-school-whitepaper .data-list li .txt-box .a-download:hover {
                        background-color: #ffc700;
                    }

@media (min-width:375px) {
    .page-magazine-list .data-list li .txt-box,
    .page-school-whitepaper .data-list li .txt-box {
        padding-top: .15rem;
    }

        .page-magazine-list .data-list li .txt-box .txt,
        .page-school-whitepaper .data-list li .txt-box .txt {
            padding: .12rem 0 .2rem;
        }

        .page-magazine-list .data-list li .txt-box .summary,
        .page-school-whitepaper .data-list li .txt-box .summary {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            margin-bottom: .2rem;
        }
}

@media (max-width:500px) {
    .page-magazine-list .data-list li .txt-box .txt,
    .page-school-whitepaper .data-list li .txt-box .txt {
        padding: .1rem 0 .1rem;
    }

    .page-magazine-list .data-list li .txt-box .summary,
    .page-school-whitepaper .data-list li .txt-box .summary {
        margin-bottom: .1rem;
        -webkit-line-clamp: 1;
    }
}

@media (min-width:768px) {
    .page-magazine {
        padding-bottom: 0;
    }

        .page-magazine .txtbox {
            padding: .35rem 0 .23rem;
        }

        .page-magazine .data-list {
            padding-bottom: .49rem;
        }

            .page-magazine .data-list li {
                padding: .16rem 0 .21rem;
            }

                .page-magazine .data-list li .imgbox {
                    width: 18.49%;
                }

                .page-magazine .data-list li .txt-box {
                    width: 81.51%;
                }

    .page-magazine {
        padding-bottom: 0;
    }

        .page-magazine .txtbox {
            padding: .35rem 0 .23rem;
        }

        .page-magazine .data-list {
            padding-bottom: .49rem;
        }

            .page-magazine .data-list li {
                padding: .16rem 0 .21rem;
            }

                .page-magazine .data-list li .imgbox {
                    width: 18.49%;
                }

                .page-magazine .data-list li .txt-box {
                    width: 81.51%;
                }

    .page-magazine-list,
    .page-school-whitepaper {
        padding-bottom: 0;
    }

        .page-magazine-list .txtbox,
        .page-school-whitepaper .txtbox {
            padding: .37rem 0 .3rem;
        }

        .page-magazine-list .data-list,
        .page-school-whitepaper .data-list {
            padding: .3rem 0 .6rem;
        }

            .page-magazine-list .data-list li .txt,
            .page-school-whitepaper .data-list li .txt {
                line-height: 1.7;
            }
}

@media (min-width:1024px) {
    .page-magazine .data-list li .txt-box {
        width: 81.51%;
        padding-top: .15rem;
    }

        .page-magazine .data-list li .txt-box .ti {
            font-size: .16rem;
        }

        .page-magazine .data-list li .txt-box .txt {
            margin-top: .15rem;
        }

    .page-magazine .data-list li .a-more {
        margin-top: .3rem;
    }

    .page-magazine-list .data-list li,
    .page-school-whitepaper .data-list li {
        padding: .1rem 0 0;
    }

        .page-magazine-list .data-list li:first-child,
        .page-school-whitepaper .data-list li:first-child {
            padding-top: 0;
        }

        .page-magazine-list .data-list li .item,
        .page-school-whitepaper .data-list li .item {
            padding: .16rem .2rem .16rem;
        }

        .page-magazine-list .data-list li .imgbox,
        .page-school-whitepaper .data-list li .imgbox {
            width: 19.26%;
        }

        .page-magazine-list .data-list li .txt-box,
        .page-school-whitepaper .data-list li .txt-box {
            width: 77.58%;
        }

            .page-magazine-list .data-list li .txt-box .info-box,
            .page-school-whitepaper .data-list li .txt-box .info-box {
                line-height: 1;
            }

                .page-magazine-list .data-list li .txt-box .info-box .ti,
                .page-school-whitepaper .data-list li .txt-box .info-box .ti {
                    color: #130c0e;
                    font-size: .16rem;
                }

                .page-magazine-list .data-list li .txt-box .info-box .txt,
                .page-school-whitepaper .data-list li .txt-box .info-box .txt {
                    padding: 0;
                    float: left;
                    line-height: inherit;
                    padding-top: 20px;
                }

                    .page-magazine-list .data-list li .txt-box .info-box .txt span,
                    .page-school-whitepaper .data-list li .txt-box .info-box .txt span {
                        display: inline-block;
                        margin-left: .08rem;
                    }

                        .page-magazine-list .data-list li .txt-box .info-box .txt span:first-child,
                        .page-school-whitepaper .data-list li .txt-box .info-box .txt span:first-child {
                        }

            .page-magazine-list .data-list li .txt-box .summary,
            .page-school-whitepaper .data-list li .txt-box .summary {
                margin-top: .18rem;
                line-height: 1.7;
            }
}

@media (min-width:1024px) and (max-width:1200px) {
    .page-magazine-list .data-list li .txt-box,
    .page-school-whitepaper .data-list li .txt-box {
        padding-top: 0;
    }

        .page-magazine-list .data-list li .txt-box .txt,
        .page-school-whitepaper .data-list li .txt-box .txt {
            padding: .1rem 0;
        }
}

@media (min-width:1280px) {
    .page-magazine-list .data-list li .txt-box .ti,
    .page-school-whitepaper .data-list li .txt-box .ti {
        font-size: .16rem;
    }

    .page-magazine-list .data-list li .txt-box .info-box .txt span,
    .page-school-whitepaper .data-list li .txt-box .info-box .txt span {
    }
}

/*宣传手册*/
.page-brochure { /*继承 风险监测 栏目样式，具体见类名： .page-risk */
    padding-bottom: .15rem;
}

    .page-brochure .data-list li time {
        display: none;
    }

    .page-brochure .data-list li .a-download {
        float: right;
        letter-spacing: 0;
    }

        .page-brochure .data-list li .a-download:before {
            content: '\e621';
            font-family: 'iconfont';
            display: inline-block;
            vertical-align: middle;
            color: #21b6d7;
            margin-right: .1rem;
            font-size: .18rem;
        }

@media (min-width:768px) {
    .page-brochure {
        padding-bottom: 0;
    }

        .page-brochure .data-list li time {
            display: inline-block;
        }

        .page-brochure .data-list li .a-ti {
            max-width: -moz-calc(100% - .68rem - .56rem - .4rem);
            max-width: calc(100% - .68rem - .56rem - .4rem);
        }
}

@media (min-width:1024px) {
    .page-brochure .data-list {
        padding-bottom: .45rem;
    }

        .page-brochure .data-list li .a-download:before {
            font-size: .25rem;
        }
}

/*咨询订阅*/
.page-subscription {
    padding-bottom: .15rem;
}

    .page-subscription .txtbox {
        padding: .15rem 0;
    }

    .page-subscription .form li .ti-box {
        background-color: #f5f5f5;
        line-height: .35rem;
        padding: 0 .1rem;
    }

    .page-subscription .form li .input-box {
        border: 1px solid #e3e3e3;
        width: 100%;
        height: inherit;
        line-height: inherit;
    }

    .page-subscription .form li .text {
        width: 100%;
        height: .35rem;
        line-height: .35rem;
        padding: 0 .1rem;
    }

    .page-subscription .form li .select .placeholder {
        padding-left: .2rem;
    }

    .page-subscription .form li .input-required {
        position: relative;
    }

        .page-subscription .form li .input-required:before {
            content: '*';
            display: inline-block;
            vertical-align: middle;
            color: #21b6d7;
            font-weight: bold;
            position: absolute;
            left: .1rem;
            top: 50%;
            margin-top: .03rem;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .page-subscription .form li .input-required .text {
            padding-left: .2rem;
        }

    .page-subscription .form li .input-companyname .text {
        padding-left: .2rem;
    }

    .page-subscription .form li .contbox {
        padding: .1rem 0;
    }

        .page-subscription .form li .contbox dl {
            margin-left: -.05rem;
            margin-right: -.05rem;
        }

        .page-subscription .form li .contbox dd {
            width: 50%;
            float: left;
            padding: .05rem;
            line-height: .3rem;
        }

            .page-subscription .form li .contbox dd.dd-full {
                width: 100%;
            }

        .page-subscription .form li .contbox .zjrow {
            width: 100%;
        }

    .page-subscription .form li .check-box {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .page-subscription .form li .check-box dd span,
        .page-subscription .form li .check-box span.all {
            cursor: pointer;
        }

            .page-subscription .form li .check-box dd span:before,
            .page-subscription .form li .check-box span.all:before {
                content: '\e622';
                font-family: 'iconfont';
                display: inline-block;
                vertical-align: middle;
                color: #e3e3e3;
                margin-right: .05rem;
            }

            .page-subscription .form li .check-box dd span.checked:before,
            .page-subscription .form li .check-box span.all.checked:before {
                content: '\e623';
                color: #21b6d7;
            }

            .page-subscription .form li .check-box dd span input,
            .page-subscription .form li .check-box span.all input {
                vertical-align: middle;
                display: none;
            }

        .page-subscription .form li .check-box span.all {
            margin-left: .05rem;
        }

        .page-subscription .form li .check-box dl {
            margin: 0 !important;
        }

            .page-subscription .form li .check-box dl dd {
                line-height: 1;
            }

    .page-subscription .form select {
        width: 100%;
        height: .5rem;
        line-height: .5rem;
        border: 1px solid #eee;
        padding-left: .28rem;
    }

    .page-subscription .form .fillselect select {
        width: 48%;
        margin-left: 4%;
        float: left;
    }

        .page-subscription .form .fillselect select.selectzj_1 {
            margin-left: 0;
        }

    .page-subscription .form li .form_er {
        display: none;
    }

    .page-subscription .form li.li-code {
        height: .3rem;
        line-height: .3rem;
        letter-spacing: -.5rem;
        margin-bottom: 15px;
    }

        .page-subscription .form li.li-code .input-code,
        .page-subscription .form li.li-code .code-img {
            letter-spacing: 0;
            vertical-align: middle;
        }

        .page-subscription .form li.li-code .input-code {
            width: 50%;
            max-width: 3rem;
            display: inline-block;
        }

        .page-subscription .form li.li-code .code-img {
            display: inline-block;
            height: inherit;
            line-height: inherit;
            cursor: pointer;
            margin-left: .1rem;
        }

            .page-subscription .form li.li-code .code-img img {
                height: 100%;
            }

    .page-subscription .form li.li-btn {
        line-height: .3rem;
        letter-spacing: -.5em;
        margin-top: 5px;
    }

        .page-subscription .form li.li-btn .btn {
            display: inline-block;
            width: 40%;
            max-width: 1.6rem;
            cursor: pointer;
            height: inherit;
            line-height: inherit;
            text-align: center;
            letter-spacing: 0;
        }

        .page-subscription .form li.li-btn .submit {
            background-color: #21b6d7;
            color: #fff;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .page-subscription .form li.li-btn .submit:hover {
                background-color: #ffc700;
            }

        .page-subscription .form li.li-btn .member-btn {
            background-color: #ffc700;
            color: #000;
            margin-left: .08rem;
        }

    .page-subscription .form li .lefttop {
        padding: 0 !important;
    }

        .page-subscription .form li .lefttop dd {
            width: 100% !important;
        }

            .page-subscription .form li .lefttop dd span:before {
                vertical-align: unset;
            }

@media (min-width:768px) {
    .page-subscription {
        padding-bottom: 0;
    }

        .page-subscription .txtbox {
            padding: .37rem 0 .25rem;
            line-height: 1.7;
        }

        .page-subscription .form li .ti-box {
            line-height: .4rem;
            font-size: .16rem;
        }

        .page-subscription .form li .contbox {
            padding: .2rem 0;
        }

            .page-subscription .form li .contbox dd {
                line-height: .4rem;
            }

        .page-subscription .form li .check-box dd {
            width: 33.33333%;
        }

        .page-subscription .form li.li-code,
        .page-subscription .form li.li-btn {
            height: .4rem;
            line-height: .4rem;
        }
}

@media (min-width:1024px) {
    .page-subscription .form li .ti-box {
        line-height: .53rem;
        font-size: .16rem;
        padding: 0 .2rem;
    }

    .page-subscription .form li .contbox {
        padding: .2rem 0;
    }

        .page-subscription .form li .contbox dl {
            margin-left: -.1rem;
            margin-right: -.1rem;
        }

        .page-subscription .form li .contbox dd {
            width: 50%;
            padding: .1rem;
            line-height: .5rem;
        }

    .page-subscription .form li .text {
        padding-left: .2rem;
    }

    .page-subscription .form li .input-required:before {
        left: .2rem;
    }

    .page-subscription .form li .input-required .text {
        padding-left: .3rem;
    }

    .page-subscription .form li .select .placeholder {
        padding-left: .3rem;
    }

    .page-subscription .form li .check-box {
        width: 100%;
        padding: .21rem 0 .45rem;
    }

        .page-subscription .form li .check-box dd {
            width: 25%;
            padding: .09rem 0;
        }

        .page-subscription .form li .check-box span.all {
            margin-left: 0;
        }

    .page-subscription .form li.li-code,
    .page-subscription .form li.li-btn {
        height: .5rem;
        line-height: .5rem;
    }

        .page-subscription .form li.li-code .code-img {
            margin-left: .19rem;
        }
}

@media (min-width:1280px) {
    .page-subscription .form li .contbox {
        width: 6.2rem;
    }

    .page-subscription .form li .check-box {
        width: 100%;
        padding: .21rem 0 .45rem 8%;
    }

        .page-subscription .form li .check-box dd {
            width: 20%;
        }
}

/*明星讲师 - 详情页*/

/*
  ** 联系目录
  */

/*中国联系目录*/
.page-contact-china {
    padding-bottom: .15rem;
}

    .page-contact-china .txtbox {
        padding: .15rem 0;
    }

    .page-contact-china .map-wrap {
        padding: .1rem 0;
    }

        .page-contact-china .map-wrap .map-box {
            position: relative;
        }

        .page-contact-china .map-wrap .txt-list {
            color: #767a7f;
            padding: .1rem 0;
        }

            .page-contact-china .map-wrap .txt-list li {
                padding-top: .1rem;
                width: 33%;
                float: left;
                text-align: center;
            }

                .page-contact-china .map-wrap .txt-list li .num-box {
                    font-family: 'Arial-BoldMT';
                    font-size: .24rem;
                    color: #ffc700;
                    line-height: 1;
                    font-weight: bold;
                }

                .page-contact-china .map-wrap .txt-list li .txt {
                    line-height: 1.4;
                    margin-top: .08rem;
                }

        .page-contact-china .map-wrap .map-data {
            display: none;
        }

    .page-contact-china .filter-box .select {
        border: 1px solid #e3e3e3;
        margin-top: .1rem;
        background-color: #fff;
    }

        .page-contact-china .filter-box .select .placeholder {
            line-height: .4rem;
        }

        .page-contact-china .filter-box .select .ul li {
            line-height: .3rem;
        }

    .page-contact-china .filter-box .select-area {
        margin-top: 0;
        z-index: 3;
    }

    .page-contact-china .filter-box .select-services {
        z-index: 2;
    }

    .page-contact-china .filter-box .select-industry {
        z-index: 1;
    }

    .page-contact-china .data-list li {
        margin-top: .1rem;
        border: 1px solid #e3e3e3;
        padding: .15rem;
    }

        .page-contact-china .data-list li .txt-box {
            border-bottom: 1px solid #e3e3e3;
            color: #000;
            margin-bottom: .1rem;
            padding-bottom: .1rem;
        }

            .page-contact-china .data-list li .txt-box .ti {
                font-weight: bold;
                line-height: 1;
            }

            .page-contact-china .data-list li .txt-box .txt {
                padding-top: .1rem;
            }

        .page-contact-china .data-list li .a-mapbtn {
            color: #21b6d7;
            cursor: pointer;
        }

            .page-contact-china .data-list li .a-mapbtn:hover {
                color: #ffc700;
            }

@media (min-width:768px) {
    .page-contact-china {
        padding-bottom: 0;
    }

        .page-contact-china .txtbox {
            padding: .25rem 0;
        }

        .page-contact-china .map-wrap {
            padding: .15rem 0;
            position: relative;
        }

            .page-contact-china .map-wrap .txt-list {
                position: absolute;
                left: 0;
                top: 0;
            }

                .page-contact-china .map-wrap .txt-list li {
                    float: left;
                    width: 33%;
                    text-align: left;
                    padding-top: .3rem;
                }

        .page-contact-china .filter-box .select {
            width: 31.733333%;
            float: left;
            margin-top: 0;
            margin-left: 0;
        }

            .page-contact-china .filter-box .select .placeholder {
                line-height: .5rem;
                padding-left: .2rem;
            }

                .page-contact-china .filter-box .select .placeholder:before {
                    right: .2rem;
                }

        .page-contact-china .filter-box .select-area {
            margin-right: 2.4%;
        }

        .page-contact-china .data-list li .item {
            position: relative;
        }

        .page-contact-china .data-list li .txt-box {
            border: 0;
            padding-bottom: 0;
            margin: 0;
            width: 80.71%;
            padding-right: .3rem;
        }

            .page-contact-china .data-list li .txt-box .ti {
                font-size: .16rem;
            }

            .page-contact-china .data-list li .txt-box .txt {
                padding-top: .18rem;
            }

        .page-contact-china .data-list li .a-mapbtn {
            width: 19.24%;
            height: 100%;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            border-left: 1px solid #e3e3e3;
            padding: 4% 0;
        }

            .page-contact-china .data-list li .a-mapbtn .ico {
                font-size: .3rem;
            }

            .page-contact-china .data-list li .a-mapbtn span {
                display: block;
                margin-top: .1rem;
                line-height: 1;
            }
}

@media (min-width:1024px) {
    .page-contact-china .map-wrap {
        padding: .2rem 0;
    }

        .page-contact-china .map-wrap .txt-list li {
            padding-top: .4rem;
        }

            .page-contact-china .map-wrap .txt-list li .num-box {
                font-size: .4rem;
            }

            .page-contact-china .map-wrap .txt-list li .txt {
                font-size: .16rem;
            }

    .page-contact-china .data-list li {
        padding: .2rem 0 .2rem .31rem;
        margin-top: .19rem;
    }

        .page-contact-china .data-list li .txt-box {
            padding-top: .09rem;
        }
}

@media (min-width:1280px) {
    .page-contact-china .map-wrap {
        padding: .26rem 0 .29rem .54rem;
    }

        .page-contact-china .map-wrap .txt-list li .num-box {
            font-size: .46rem;
        }

        .page-contact-china .map-wrap .txt-list li .txt {
            font-size: .18rem;
        }

        .page-contact-china .map-wrap .map-data {
            display: block;
            height: 0;
        }

            .page-contact-china .map-wrap .map-data .item {
                width: 3.82rem;
                height: 1.8rem;
                padding: .36rem .13rem .3rem .23rem;
                background-color: #21b6d7;
                color: #fff;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: opacity .3s;
                -moz-transition: opacity .3s;
                transition: opacity .3s;
                position: absolute;
            }

                .page-contact-china .map-wrap .map-data .item:before {
                    content: '';
                    width: 0;
                    height: 0;
                    font-size: 0;
                    line-height: 0;
                    border-width: 6px 7px;
                    border-style: solid dashed dashed dashed;
                    border-color: #21b6d7 transparent transparent transparent;
                    position: absolute;
                    left: .16rem;
                    bottom: -.12rem;
                }

                .page-contact-china .map-wrap .map-data .item li {
                    padding-top: .2rem;
                }

                    .page-contact-china .map-wrap .map-data .item li:first-child {
                        padding-top: 0;
                    }

                    .page-contact-china .map-wrap .map-data .item li .ti {
                        line-height: 1;
                        font-size: .16rem;
                        font-weight: bold;
                    }

                    .page-contact-china .map-wrap .map-data .item li .txt {
                        line-height: 1.7;
                        margin-top: .18rem;
                    }

                .page-contact-china .map-wrap .map-data .item .scrollbar-inner {
                    width: 100%;
                    height: 100%;
                    padding-right: .15rem;
                }

                    .page-contact-china .map-wrap .map-data .item .scrollbar-inner .scroll-element.scroll-y {
                        width: .04rem;
                    }

                    .page-contact-china .map-wrap .map-data .item .scrollbar-inner .scroll-element .scroll-bar {
                        background-color: #fff;
                        opacity: 1;
                        -moz-border-radius: 0;
                        border-radius: 0;
                    }

                    .page-contact-china .map-wrap .map-data .item .scrollbar-inner .scroll-element .scroll-element_track {
                        background: none;
                    }

            .page-contact-china .map-wrap .map-data .item-active {
                visibility: visible;
                opacity: 1;
            }

            .page-contact-china .map-wrap .map-data .item-beijing {
                right: 0;
                top: .36rem;
            }

                .page-contact-china .map-wrap .map-data .item-beijing:before {
                    left: 1.67rem;
                }

            .page-contact-china .map-wrap .map-data .item-tianjin {
                right: 0;
                top: .5rem;
            }

                .page-contact-china .map-wrap .map-data .item-tianjin:before {
                    left: 1.82rem;
                }

            .page-contact-china .map-wrap .map-data .item-henan {
                right: 0;
                top: 1.2rem;
            }

                .page-contact-china .map-wrap .map-data .item-henan:before {
                    left: 1.43rem;
                }

            .page-contact-china .map-wrap .map-data .item-shandong {
                right: 0;
                top: .8rem;
            }

                .page-contact-china .map-wrap .map-data .item-shandong:before {
                    left: 2.3rem;
                }

            .page-contact-china .map-wrap .map-data .item-shenyang {
                right: 0;
                top: -.15rem;
            }

                .page-contact-china .map-wrap .map-data .item-shenyang:before {
                    left: auto;
                    right: 1.26rem;
                }

            .page-contact-china .map-wrap .map-data .item-jiangsu {
                right: 1.35rem;
                top: 1.25rem;
            }

                .page-contact-china .map-wrap .map-data .item-jiangsu:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-hubei {
                right: 2rem;
                top: 1.9rem;
            }

                .page-contact-china .map-wrap .map-data .item-hubei:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-hunan {
                right: 2rem;
                top: 2.24rem;
            }

                .page-contact-china .map-wrap .map-data .item-hunan:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-jiangxi {
                right: 1.67rem;
                top: 2.17rem;
            }

                .page-contact-china .map-wrap .map-data .item-jiangxi:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-fujian {
                right: 1.25rem;
                top: 2.35rem;
            }

                .page-contact-china .map-wrap .map-data .item-fujian:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-chongqing {
                right: 1rem;
                top: 1.85rem;
            }

                .page-contact-china .map-wrap .map-data .item-chongqing:before {
                    left: 1.8rem;
                }

            .page-contact-china .map-wrap .map-data .item-guangdong {
                right: 1.9rem;
                top: auto;
                bottom: 1.36rem;
            }

                .page-contact-china .map-wrap .map-data .item-guangdong:before {
                    left: auto;
                    right: .16rem;
                }

            .page-contact-china .map-wrap .map-data .item-shanghai {
                right: 0;
                top: 1.75rem;
            }

                .page-contact-china .map-wrap .map-data .item-shanghai:before {
                    left: auto;
                    right: 1.02rem;
                }

            .page-contact-china .map-wrap .map-data .item-zhejiang {
                right: 1rem;
                top: auto;
                bottom: 2.36rem;
            }

                .page-contact-china .map-wrap .map-data .item-zhejiang:before {
                    left: auto;
                    right: .16rem;
                }

    .page-contact-china .data-list li .a-mapbtn {
        padding: 3% 0;
    }
}

/*微博/微信*/
.page-wechat {
    padding-bottom: .15rem;
}

    .page-wechat .txtbox {
        padding: .15rem 0;
    }

    .page-wechat .data-list li {
        text-align: center;
        padding: .05rem 0;
    }

        .page-wechat .data-list li .item {
            background-color: #f5f5f5;
            padding: .2rem .05rem;
        }

        .page-wechat .data-list li .imgbox {
            width: 30%;
            margin: 0 auto;
        }

            .page-wechat .data-list li .imgbox img {
                height: auto;
            }

        .page-wechat .data-list li .txt-box {
            padding-top: .1rem;
        }

            .page-wechat .data-list li .txt-box .ti {
                font-weight: bold;
                font-size: .16rem;
                line-height: 1;
            }

            .page-wechat .data-list li .txt-box .txt {
                margin-top: .06rem;
            }

            .page-wechat .data-list li .txt-box .a-link {
                display: block;
                background-color: #fff;
                line-height: .4rem;
                padding: 0 .1rem;
                color: #21b6d7;
                margin-top: .3rem;
            }

                .page-wechat .data-list li .txt-box .a-link:hover {
                    background-color: #21b6d7;
                    color: #fff;
                }

                .page-wechat .data-list li .txt-box .a-link span {
                    display: block;
                    position: relative;
                    text-align: left;
                }

                    .page-wechat .data-list li .txt-box .a-link span:after {
                        content: '\e625';
                        font-family: 'iconfont';
                        display: inline-block;
                        font-size: .12rem;
                        vertical-align: middle;
                        position: absolute;
                        right: 0;
                        color: #130c0e;
                    }

@media (min-width:768px) {
    .page-wechat .txtbox {
        padding: .18rem 0;
        line-height: 1.7;
    }

    .page-wechat .data-list ul {
        margin-left: -.05rem;
        margin-right: -.05rem;
    }

    .page-wechat .data-list li {
        width: 50%;
        float: left;
        padding: .05rem .05rem;
        height: 2.1rem;
        display: table;
    }

        .page-wechat .data-list li .item {
            display: table-cell;
            vertical-align: middle;
        }

        .page-wechat .data-list li .imgbox {
            width: 40%;
        }
}

@media (min-width:1024px) {
    .page-wechat .data-list ul {
        margin-left: -.16rem;
        margin-right: -.16rem;
    }

    .page-wechat .data-list li {
        height: 3.4rem;
        padding: .15rem .16rem;
    }

        .page-wechat .data-list li .item {
            padding: 0 13%;
        }

        .page-wechat .data-list li .txt-box .a-link {
            margin-top: .6rem;
        }
}

@media (min-width:1280px) {
    .page-wechat .data-list li .txt-box {
        padding-top: .18rem;
    }

        .page-wechat .data-list li .txt-box .ti {
            font-size: .2rem;
        }

        .page-wechat .data-list li .txt-box .a-link {
            padding: 0 .19rem;
        }
}

/*开票信息*/
.page-billing {
    padding-bottom: .15rem;
}

    .page-billing .txtbox {
        padding: .15rem 0;
    }

    .page-billing .data-list {
        padding-bottom: .15rem;
    }

        .page-billing .data-list li {
            padding: .05rem 0;
        }

            .page-billing .data-list li table {
                border-collapse: collapse;
            }

            .page-billing .data-list li td {
                border: 1px solid #e5e5e5;
                padding: .04rem .14rem;
                color: #130c0e;
            }

                .page-billing .data-list li td.td-ti {
                    font-weight: bold;
                }

                .page-billing .data-list li td.td1 {
                    width: 30%;
                    text-align: right;
                }

                .page-billing .data-list li td.td2 {
                    width: 70%;
                    word-break: break-all;
                }

@media (min-width:768px) {
    .page-billing .txtbox {
        padding: .37rem 0 .29rem;
    }

    .page-billing .data-list {
        padding-bottom: .56rem;
    }

        .page-billing .data-list li td .td1 {
            width: 17.33333%;
        }

        .page-billing .data-list li td .td2 {
            width: 49.16666%;
        }
}

@media (min-width:1024px) {
    .page-billing .data-list li td {
        padding-left: .25rem;
        padding-right: .25rem;
    }
}

/*投诉及建议*/
.page-message {
    padding-bottom: .15rem;
}

    .page-message .txtbox {
        padding: .15rem 0;
    }

    .page-message .form li {
        padding-top: .15rem;
    }

        .page-message .form li:first-child {
            padding-top: 0;
        }

        .page-message .form li dd {
            line-height: .3rem;
            padding: .05rem 0;
        }

            .page-message .form li dd.dd-type {
                line-height: 1;
            }

                .page-message .form li dd.dd-type label {
                    margin-left: .19rem;
                }

                    .page-message .form li dd.dd-type label:first-child {
                        margin-left: 0;
                    }

                    .page-message .form li dd.dd-type label input {
                        margin-right: .06rem;
                        border: 1px solid #333;
                    }

            .page-message .form li dd.dd-code {
                letter-spacing: -.5em;
            }

                .page-message .form li dd.dd-code input,
                .page-message .form li dd.dd-code .imgbox {
                    display: inline-block;
                    vertical-align: middle;
                    letter-spacing: 0;
                }

                .page-message .form li dd.dd-code input {
                    width: 60%;
                    max-width: 3rem;
                }

                .page-message .form li dd.dd-code .imgbox {
                    height: .3rem;
                    border: 1px solid #e3e3e3;
                    margin-left: .09rem;
                }

                    .page-message .form li dd.dd-code .imgbox img {
                        max-height: 100%;
                        height: 100%;
                    }

        .page-message .form li .ti {
            color: #130c0e;
            line-height: 1;
        }

        .page-message .form li .contbox {
            background-color: #fff;
            border: 1px solid #eeeeee;
            padding: .15rem .1rem;
            margin-top: .1rem;
        }

        .page-message .form li .text {
            width: 100%;
            border: 1px solid #e3e3e3;
            height: .35rem;
            line-height: .35rem;
            padding: 0 .1rem;
            background-color: #fff;
        }

        .page-message .form li .textarea {
            height: .9rem;
        }

        .page-message .form li.li-persinfo .contbox {
            background-color: #fcfcfc;
        }

        .page-message .form li.li-btn {
            line-height: .3rem;
        }

            .page-message .form li.li-btn .btn {
                background-color: #21b6d7;
                color: #fff;
                height: inherit;
                line-height: inherit;
                text-align: center;
                width: 50%;
                max-width: 1.6rem;
            }

@media (min-width:768px) {
    .page-message {
        padding-bottom: 0;
    }

        .page-message .txtbox {
            padding: .2rem 0 .37rem;
        }

        .page-message .form li {
            padding-top: .2rem;
        }

            .page-message .form li dd {
                line-height: .4rem;
                padding: .05rem 0;
            }

                .page-message .form li dd.dd-code input {
                    width: 60%;
                    max-width: 3rem;
                }

                .page-message .form li dd.dd-code .imgbox {
                    height: .4rem;
                }

            .page-message .form li .text {
                height: .42rem;
                line-height: .4rem;
            }

            .page-message .form li .textarea {
                height: 1.4rem !important;
                line-height: 1.5 !important;
            }

            .page-message .form li.li-persinfo dl {
                margin-left: -.05rem;
                padding-right: .05rem;
            }

            .page-message .form li.li-persinfo dd {
                width: 50%;
                float: left;
                padding-left: .05rem;
                padding-right: .05rem;
            }

                .page-message .form li.li-persinfo dd.dd-code {
                    width: 100%;
                }

                    .page-message .form li.li-persinfo dd.dd-code .text {
                        width: 48.5%;
                    }

            .page-message .form li.li-btn {
                line-height: .4rem;
                padding-top: .2rem;
            }
}

@media (min-width:1024px) {
    .page-message .form li {
        padding-top: .44rem;
    }

        .page-message .form li dd {
            padding: .1rem 0;
        }

        .page-message .form li .ti {
            font-size: .16rem;
        }

        .page-message .form li .contbox {
            padding: .32rem 19% .32rem .22rem;
            margin-top: .2rem;
        }

        .page-message .form li .text {
            padding: 0 .2rem;
            height: .52rem;
            line-height: .5rem;
        }

        .page-message .form li .textarea {
            padding: .1rem .2rem;
        }

        .page-message .form li.li-persinfo .contbox {
            padding-top: .4rem;
            padding-bottom: .4rem;
        }

        .page-message .form li.li-persinfo dl {
            margin-left: -.1rem;
            padding-right: -.1rem;
        }

        .page-message .form li.li-persinfo dd {
            padding: .1rem;
            line-height: .5rem;
        }

            .page-message .form li.li-persinfo dd.dd-code .imgbox {
                height: .5rem;
            }

        .page-message .form li.li-btn {
            line-height: .5rem;
            padding-top: .3rem;
        }
}

/*
  ** 会员中心
  */

/*个人中心*/
.page-personal {
    padding-top: 5%;
}

    .page-personal .form li {
        color: #130c0e;
    }

        .page-personal .form li .ti-box {
            background-color: #f5f5f5;
            color: #130c0e;
            font-weight: bold;
            line-height: .4rem;
            padding: 0 .15rem;
        }

        .page-personal .form li .ti {
            display: block;
        }

        .page-personal .form li .text,
        .page-personal .form li .select {
            background-color: #fff;
            border: 1px solid #e3e3e3;
            padding: 0 .1rem;
            width: 100%;
            height: .3rem;
            line-height: inherit;
        }

            .page-personal .form li .select .placeholder {
                padding-left: 0;
            }

                .page-personal .form li .select .placeholder:before {
                    right: 0;
                    border-color: #767a7f transparent transparent transparent;
                }

        .page-personal .form li .required {
            color: #f00;
        }

        .page-personal .form li .select-area {
            z-index: 3;
        }

        .page-personal .form li .tips {
            display: block;
        }

        .page-personal .form li .dl {
            padding: .1rem .15rem .2rem;
        }

            .page-personal .form li .dl dd {
                line-height: .3rem;
                padding-top: .05rem;
            }

                .page-personal .form li .dl dd:first-child {
                    padding-top: 0;
                }

        .page-personal .form li.li-personal {
            border: 1px solid #e3e3e3;
            border-bottom: 0;
        }

        .page-personal .form li.li-company {
            border: 1px solid #e3e3e3;
            border-top: 0;
        }

        .page-personal .form li.li-btn {
            padding: .2rem .15rem 0;
            line-height: .4rem;
        }

            .page-personal .form li.li-btn .btn {
                width: 60%;
                max-width: 1.6rem;
                height: inherit;
                line-height: inherit;
                background-color: #21b6d7;
                color: #fff;
                cursor: pointer;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .page-personal .form li.li-btn .btn:hover {
                    background-color: #ffc700;
                }

@media (min-width:425px) {
    .page-personal .form li .tips {
        display: inline-block;
        margin-left: .1rem;
    }

    .page-personal .form li.li-personal .text {
        width: 70%;
    }

    .page-personal .form li.li-company .text-fax,
    .page-personal .form li.li-company .select {
        width: 50%;
    }
}

@media (min-width:768px) {
    .page-personal {
        padding-top: .39rem;
    }

        .page-personal .form li .ti-box {
            line-height: .5rem;
            font-size: .16rem;
            padding: 0 .29rem;
        }

        .page-personal .form li .ti {
            width: 1.2rem;
            text-align: right;
            padding-right: .2rem;
        }

        .page-personal .form li .text,
        .page-personal .form li .select {
            height: inherit;
        }

        .page-personal .form li .dl {
            padding: .19rem .48rem .4rem;
        }

            .page-personal .form li .dl dd {
                line-height: .4rem;
                letter-spacing: -.5em;
            }

                .page-personal .form li .dl dd .ti,
                .page-personal .form li .dl dd .text,
                .page-personal .form li .dl dd .select,
                .page-personal .form li .dl dd .tips {
                    letter-spacing: 0;
                    display: inline-block;
                    vertical-align: middle;
                }

        .page-personal .form li.li-personal .text {
            max-width: 3.4rem;
        }

        .page-personal .form li.li-company .text {
            max-width: 4.84rem;
        }

        .page-personal .form li.li-company .text-fax,
        .page-personal .form li.li-company .select {
            max-width: 2.4rem;
        }

        .page-personal .form li.li-btn {
            line-height: .5rem;
            font-size: .16rem;
            padding-top: .32rem;
            padding-left: .31rem;
        }
}

@media (min-width:1024px) {
    .page-personal .form li.li-company .dl {
        padding-left: 1.35rem;
    }
}

@media (min-width:1280px) {
    .page-personal li .select .placeholder:before {
        border-width: .1rem .07rem;
    }

    .page-personal li .select.is-open .placeholder:before {
        margin-top: -.14rem;
    }
}

.page-personal .form li .dl .imgBox .imgBoxCon {
    width: 80px;
    margin: 0 auto;
}

.page-personal .form li .dl .imgBox .iconname {
    display: block;
    width: 80px;
    height: 80px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

    .page-personal .form li .dl .imgBox .iconname img {
        width: 100%;
    }

.page-personal .form li .dl .imgBox .txtxg {
    display: block;
    width: 80px;
    text-align: center;
    line-height: 30px;
    color: #333;
}

@media (min-width:1024px) {
    .page-personal .form li .dl {
        position: relative;
    }

        .page-personal .form li .dl .imgBox {
            position: absolute;
            width: 30%;
            right: 0;
        }

            .page-personal .form li .dl .imgBox .imgBoxCon {
                margin-left: 0;
            }
}

/*
  ** 阅读模式
  ** 注意！ 以下内容为阅读模式的样式，同正常模式，但两个是分开的
  */
body.read-mode .w1200 {
    width: 94%;
    margin: 0 auto;
    max-width: 8.04rem;
}

body.read-mode .header .top-main {
    display: block;
}

body.read-mode .slidebar {
    margin-top: .5rem;
}

body.read-mode .page-contain .page-columnname {
    line-height: 1.3;
}

body.read-mode .page-info {
    padding-top: .44rem;
}

    body.read-mode .page-info .tools-box {
        border-width: 1px;
        border-style: solid;
        border-color: #e3e3e3;
        border-right: 0;
        border-left: 0;
        padding: .06rem 0;
        margin-top: .15rem;
    }

        body.read-mode .page-info .tools-box a {
            color: #21b6d7;
            cursor: pointer;
            display: inline-block;
        }

            body.read-mode .page-info .tools-box a:before {
                font-family: 'iconfont';
                display: inline-block;
                margin-right: .06rem;
            }

            body.read-mode .page-info .tools-box a:hover {
                color: #ffc700;
            }

            body.read-mode .page-info .tools-box a.english:before {
                content: '\e60d';
            }

    body.read-mode .page-info .txtbox {
        padding: .15rem 0;
    }

        body.read-mode .page-info .txtbox .txt-box2 {
            padding-top: .15rem;
        }

            body.read-mode .page-info .txtbox .txt-box2 .ti {
                color: #130c0e;
                font-weight: bold;
            }

            body.read-mode .page-info .txtbox .txt-box2 .ul {
                margin-top: .1rem;
            }

                body.read-mode .page-info .txtbox .txt-box2 .ul li {
                    padding-left: .17rem;
                    position: relative;
                    line-height: 1.7142;
                }

                    body.read-mode .page-info .txtbox .txt-box2 .ul li:before {
                        content: '';
                        width: .06rem;
                        height: .06rem;
                        display: block;
                        background-color: #ffc700;
                        position: absolute;
                        left: 0;
                        top: .07rem;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

@media (max-width:767px) {
    body.read-mode .header .top-main {
        padding-top: .1rem;
    }

        body.read-mode .header .top-main .logo {
            display: block;
            float: none;
            width: 40%;
        }

        body.read-mode .header .top-main .mainnav {
            margin-top: .1rem;
        }
}

@media (min-width:768px) {
    body.read-mode .header .top-aux {
        display: none;
    }

    body.read-mode .header .top-main .mainnav {
        width: 68%;
    }

    body.read-mode .footer .navbt-box {
        width: 56.592%;
        float: left;
    }

    body.read-mode .footer .copyright-box {
        width: 33.955%;
        float: right;
        padding-top: .29rem;
    }
}

@media (min-width:1024px) {
    body.read-mode .w1200 {
        width: 67%;
    }

    body.read-mode .slidebar {
        width: 31%;
    }

    body.read-mode .page-main {
        width: 62.93532%;
    }

    body.read-mode .page-info .txtbox {
        padding: .35rem 0 .5rem;
    }

        body.read-mode .page-info .txtbox .txt-box2 {
            padding-top: .45rem;
        }

            body.read-mode .page-info .txtbox .txt-box2 .ti {
                font-size: .16rem;
            }

    body.read-mode .page-info .tools-box {
        padding: .12rem 0;
        line-height: .18rem;
    }

        body.read-mode .page-info .tools-box a:before {
            font-size: .18rem;
        }
}

/*
  ** 扫码页面
  */

/*公共样式*/
.wap-header {
    background-color: #ffc700;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    font-size: .2rem;
}

.wap-nav li {
    float: left;
    width: 33.333333%;
    text-align: center;
}

    .wap-nav li a {
        display: block;
        padding: .1rem 0;
    }

    .wap-nav li .ico {
        font-size: .3rem;
        color: #21b6d7;
    }

    .wap-nav li span {
        display: block;
        line-height: 1;
        margin-top: .05rem;
    }

    .wap-nav li a:hover,
    .wap-nav li.active a {
        background-color: #21b6d7;
        color: #fff;
    }

        .wap-nav li a:hover .ico,
        .wap-nav li.active a .ico {
            color: #fff;
        }

.wap-page-contain {
    min-height: 81vh;
}

@media (min-width:414px) {
    .wap-header {
        line-height: .6rem;
        font-size: .24rem;
    }

    .wap-nav li {
        font-size: .16rem;
    }

        .wap-nav li .ico {
            font-size: .34rem;
        }

        .wap-nav li span {
            margin-top: .08rem;
        }
}

@media (min-width:640px) {
    .wap-header {
        line-height: .6rem;
        font-size: .28rem;
    }

    .wap-nav li {
        font-size: .16rem;
    }

        .wap-nav li a {
            padding: .25rem 0;
        }

        .wap-nav li .ico {
            font-size: .42rem;
        }

        .wap-nav li span {
            margin-top: .12rem;
        }
}

/*我们的服务*/
.wap-page-services {
    padding: .2rem 0;
}

    .wap-page-services .txtbox .cont-img {
        width: 100%;
    }

/*证书详情*/
.wap-page-certificate {
    padding-top: 7.2%;
}

    .wap-page-certificate .result-box {
        padding: 0 4.6875%;
    }

        .wap-page-certificate .result-box .ti-box {
            font-size: .18rem;
            color: #000;
            line-height: 1;
        }

        .wap-page-certificate .result-box .info-box {
            padding-top: 4%;
        }

            .wap-page-certificate .result-box .info-box table {
                border-collapse: collapse;
            }

            .wap-page-certificate .result-box .info-box td {
                border-top: 1px solid #ededed;
                padding: .15rem 0;
                vertical-align: middle;
                color: #999;
            }

                .wap-page-certificate .result-box .info-box td.ti {
                    width: 42%;
                    padding-right: 5%;
                    color: #130c0e;
                }

                .wap-page-certificate .result-box .info-box td .a-download {
                    display: block;
                    width: 1rem;
                    line-height: .35rem;
                    text-align: center;
                    font-size: .16rem;
                    background-color: #21b6d7;
                    color: #fff;
                    -webkit-transition: all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                }

                    .wap-page-certificate .result-box .info-box td .a-download:hover {
                        background-color: #ffc700;
                    }

            .wap-page-certificate .result-box .info-box tr:first-child td {
                border-top: 0;
            }

    .wap-page-certificate .imgbox {
        background-image: url(../images/wap-certificate-bg.gif);
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: cover;
        background-size: cover;
        text-align: center;
        padding: 5.5% 0 6.5%;
    }

        .wap-page-certificate .imgbox img {
            width: 60%;
            max-width: 100%;
            max-height: 100%;
            -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);
            box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);
        }

@media (min-width:414px) {
    .wap-page-certificate .result-box .ti-box {
        font-size: .2rem;
    }
}

@media (min-width:640px) {
    .wap-page-certificate .result-box .ti-box {
        font-size: .24rem;
    }

    .wap-page-certificate .result-box .info-box td {
        padding: .24rem 0;
        font-size: .16rem;
    }

        .wap-page-certificate .result-box .info-box td.ti {
            font-size: .18rem;
        }

        .wap-page-certificate .result-box .info-box td .a-download {
            font-size: .18rem;
        }
}

/*联系方式*/
.wap-page-contact {
    padding: .2rem 0 .44rem;
}

    .wap-page-contact .txtbox .cont-img {
        width: 100%;
    }

.ban-img img {
    display: inline-block;
    margin-top: 70px;
}

.slider .bx-wrapper {
    max-width: 100% !important;
    width: auto !important;
}

.clearfix_pr {
    position: relative;
}

.video_box.addceng {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .video_box.addceng video {
        width: 100%;
        margin: 5% auto;
    }

    .video_box.addceng span {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -30px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

        .video_box.addceng span:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 3px;
            left: 0;
            top: 50%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .video_box.addceng span:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 3px;
            left: 0;
            top: 50%;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background: #fff;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

.main_pr {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.video_list li video {
    width: 100%;
    display: block;
    width: 100%;
}

.video_list li a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 88;
    background: url(../images/piclist002173-icon_video.png)no-repeat center top 35%;
}

.video_list li {
    position: relative;
}

    .video_list li .reporter {
        background-position: center;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        background-size: cover;
    }

    .video_list li .video_box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-height: 250px;
        z-index: 1;
        overflow: hidden;
    }

    .video_list li .reporter img {
        width: 100%;
    }

.flexd_top {
    position: fixed;
    right: 3%;
    bottom: 5%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: rgba(255, 199, 0) url(../images/hq.png)no-repeat center center;
    -moz-background-size: 60%;
    background-size: 60%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.train-top .address {
    display: inline-block;
    width: 70%;
}

.train-top .area {
    font-size: 18px;
    display: inline-block;
    padding-left: 15px;
    font-weight: 700;
    vertical-align: top;
    line-height: 51px;
}

.cont-news .news-top .area {
    width: 15%;
    font-size: 18px;
    float: left;
    font-weight: 700;
    line-height: 52px;
}

.cont-news .list .item .area {
    width: .4rem;
    font-size: .12rem;
    color: #000;
    font-weight: bold;
}

.news-box .tabox .no_po .train-top {
    position: static !important;
}

.news-box .tabox .train-top .bxslider2 li {
    width: 5rem !important;
}

.news-box .tabox .no_po .bx-viewport {
    height: 1.5rem !important;
}

/*.bdshare-button-style0-16 a,
  .bdshare-button-style0-16 .bds_more{float:initial!important;font-size:32px!important;padding-left:0!important;line-height:0!important;height:0!important;background-image:none!important;margin:6px 6px 6px 0!important;}
  */

/* 地图穿透  */
.jsmapcursb {
    pointer-events: none;
}

/*补购物车页面*/
.page-class-shopcart {
}

    .page-class-shopcart h5 {
        font-size: .26rem;
        line-height: .34rem;
        color: #130c0e;
        margin-bottom: .35rem;
    }

    .page-class-shopcart .table {
    }

        .page-class-shopcart .table .table_auto {
            overflow: auto;
        }

            .page-class-shopcart .table .table_auto table {
                width: 680px;
            }

        .page-class-shopcart .table td.td-1 {
            width: 67%;
        }

        .page-class-shopcart .table table {
            border-collapse: collapse;
            width: 100%;
            border: 0;
        }

        .page-class-shopcart .table tr {
            border: 1px solid #eee;
        }

        .page-class-shopcart .table td {
            border: 1px solid #eee;
            text-align: center;
        }

        .page-class-shopcart .table tr.tr-ti td {
            border-top: 0;
            border-bottom: 0;
            line-height: .4rem;
            color: #130c0e;
            padding-top: 0;
            padding-bottom: 0;
        }

        .page-class-shopcart .table td.td-1 .class-info {
            padding: .35rem;
        }

        .page-class-shopcart .table td.td-1 .imgbox {
            position: relative;
            width: 30%;
            float: left;
        }

            .page-class-shopcart .table td.td-1 .imgbox:before {
                content: '';
                width: 100%;
                height: 100%;
                display: block;
                background-color: rgba(0, 0, 0, 0.3);
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 2;
            }

            .page-class-shopcart .table td.td-1 .imgbox:after {
                content: '\e62c';
                font-family: 'iconfont';
                display: block;
                color: #fff;
                font-size: .42rem;
                line-height: 1;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -.21rem;
                margin-left: -.21rem;
                z-index: 3;
            }

        .page-class-shopcart .table td.td-1 .txt-box {
            width: 65%;
            float: right;
            margin-top: 0;
            text-align: left;
            line-height: 1.8;
        }

            .page-class-shopcart .table td.td-1 .txt-box .name {
                font-size: .16rem;
                line-height: .21rem;
                margin-bottom: .2rem;
                color: #130c0e;
            }

            .page-class-shopcart .table td.td-1 .txt-box .text {
                color: #666;
                line-height: .28rem;
            }

        .page-class-shopcart .table td.td-3 .delete {
            display: inline-block;
            width: .15rem;
            height: .19rem;
            background: url(../images/dele.png) no-repeat;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-filter: gray;
            filter: gray;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            transition: .3s;
            cursor: pointer;
        }

            .page-class-shopcart .table td.td-3 .delete:hover {
                filter: inherit;
                -webkit-filter: inherit;
                -moz-filter: inherit;
                -ms-filter: inherit;
                -o-filter: inherit;
                filter: inherit;
            }

    .page-class-shopcart .subBox {
        border: 1px solid #eee;
        border-top: none;
        padding: .12rem .2rem;
        line-height: .45rem;
    }

        .page-class-shopcart .subBox .seleBox {
            width: 50%;
            float: left;
        }

            .page-class-shopcart .subBox .seleBox a {
                margin-right: 2%;
            }

        .page-class-shopcart .subBox .totbox_b {
            float: right;
            width: 50%;
            text-align: right;
        }

            .page-class-shopcart .subBox .totbox_b .tol {
                font-weight: bold;
                font-size: 18px;
                font-size: 0.18rem;
            }

        .page-class-shopcart .subBox .buyBth {
            width: 1.65rem;
            margin-left: 15px;
            float: right;
            height: .45rem;
            text-align: center;
            background: #21b6d7;
            color: #fff;
            font-size: .18rem;
        }

/*补购物车页面*/

/*补咨询留言页面*/
.lemessage {
    padding-bottom: 15px;
}

    .lemessage h1 {
        font-size: .26rem;
        line-height: .34rem;
        color: #130c0e;
        margin-bottom: .35rem;
    }

    .lemessage .form {
        line-height: .5rem;
    }

        .lemessage .form h5 {
            padding-left: .2rem;
            font-size: .16rem;
            background: #f5f5f5;
            color: #666;
            margin: 0;
            font-weight: normal;
            margin-bottom: .3rem;
        }

        .lemessage .form form {
            padding: .3rem 0 .3rem 0;
        }

            .lemessage .form form table {
                border-collapse: collapse;
                width: 100%;
                border: 0;
            }

                .lemessage .form form table td {
                    padding-right: 2%;
                    padding-bottom: 2%;
                    width: 50%;
                }

                    .lemessage .form form table td.fill {
                        position: relative;
                        vertical-align: top;
                    }

                        .lemessage .form form table td.fill:before {
                            content: '*';
                            color: #10b9df;
                            font-size: .16rem;
                            position: absolute;
                            left: .2rem;
                            top: .05rem;
                        }

            .lemessage .form form input {
                width: 100%;
                height: .5rem;
                line-height: .5rem;
                border: 1px solid #eee;
                padding-left: .28rem;
            }

            .lemessage .form form textarea {
                height: 130px;
                width: 100%;
                display: block;
                padding: .1rem .28rem;
                border: 1px solid #eee;
            }

            .lemessage .form form select {
                width: 100%;
                height: .5rem;
                line-height: .5rem;
                border: 1px solid #eee;
                padding-left: .28rem;
            }

            .lemessage .form form .fillselect select {
                width: 48%;
                margin-left: 4%;
                float: left;
            }

                .lemessage .form form .fillselect select.selectzj_1 {
                    margin-left: 0;
                }

        .lemessage .form.w100 form {
            padding: .3rem 0;
        }

    .lemessage .subBtn {
        width: 1.6rem;
        height: .5rem;
        line-height: .5rem;
        text-align: center;
        background: #21b6d7;
        color: #fff;
        font-size: .16rem;
        display: block;
    }

@media (min-width:768px) {
    .lemessage {
        padding-bottom: 0px;
    }
}

/*补咨询留言页面*/
.anniu {
    display: inline-block;
    background-color: #21b6d7;
    color: #fff;
    line-height: .3rem;
    padding: 0 .13rem;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/*补安全科普页面*/
.comMenu {
    margin: .3rem 0;
}

    .comMenu li {
        float: left;
        line-height: .5rem;
        padding: 0 .1rem;
        background: #f5f5f5;
        margin-right: .05rem;
    }

        .comMenu li a {
            font-size: .16rem;
            color: #666;
            display: block;
        }

        .comMenu li i {
            margin-right: .1rem;
        }

            .comMenu li i img {
                vertical-align: middle;
            }

        .comMenu li:hover,
        .comMenu li.on {
            background: #21b6d7
        }

            .comMenu li:hover i,
            .comMenu li.on i {
                -webkit-filter: brightness(100);
                filter: brightness(100);
            }

            .comMenu li:hover a,
            .comMenu li.on a {
                color: #fff;
            }

.polularList {
    margin-bottom: .3rem;
}

    .polularList li {
        margin-bottom: .45rem
    }

        .polularList li .txtBox .txtTop h5 {
            float: left;
            line-height: .6rem;
            margin: 0;
            font-size: .16rem;
            color: #130c0e;
        }

        .polularList li .txtBox .txtTop .clickicon {
            float: right;
            line-height: .6rem;
        }

            .polularList li .txtBox .txtTop .clickicon .thumbs {
                float: left;
                padding-left: .25rem;
                position: relative;
                color: #999;
                margin-right: .1rem;
            }

                .polularList li .txtBox .txtTop .clickicon .thumbs:before {
                    width: .19rem;
                    height: .17rem;
                    content: '';
                    background: url(../images/icon3.png) no-repeat;
                    position: absolute;
                    top: 50%;
                    margin-top: -.08rem;
                    left: 0;
                    -webkit-filter: grayscale(100%);
                    -webkit-filter: grayscale(1);
                    filter: grayscale(100%);
                    -webkit-filter: gray;
                    filter: gray;
                }

                .polularList li .txtBox .txtTop .clickicon .thumbs.on:before {
                    -webkit-filter: inherit;
                    -webkit-filter: inherit;
                    filter: inherit;
                    filter: inherit;
                }

            .polularList li .txtBox .txtTop .clickicon .lesmes {
                float: left;
                padding-left: .25rem;
                position: relative;
                color: #999;
            }

                .polularList li .txtBox .txtTop .clickicon .lesmes:before {
                    width: .19rem;
                    height: .18rem;
                    content: '';
                    background: url(../images/icon4.png) no-repeat;
                    position: absolute;
                    top: 50%;
                    margin-top: -.09rem;
                    left: 0;
                    -webkit-filter: grayscale(100%);
                    -webkit-filter: grayscale(1);
                    filter: grayscale(100%);
                    -webkit-filter: gray;
                    filter: gray;
                }

                .polularList li .txtBox .txtTop .clickicon .lesmes:hover:before {
                    -webkit-filter: inherit;
                    -webkit-filter: inherit;
                    filter: inherit;
                    filter: inherit;
                }

        .polularList li .txtBox p {
            color: #676767;
            line-height: .28rem;
            display: inline-block;
            margin: 0;
        }

        .polularList li .txtBox .more {
            color: #ffc700;
        }

.compopu {
}

    .compopu .slider-contact {
    }

        .compopu .slider-contact .ti-box a {
            color: #fff;
        }

            .compopu .slider-contact .ti-box a:hover {
                font-weight: normal;
                color: #fff;
            }

            .compopu .slider-contact .ti-box a.hovernone:hover {
                background: #21b6d7;
                font-weight: normal;
            }

        .compopu .slider-contact .hotArticle {
            background: #f5f5f5;
            padding: 0 .2rem
        }

            .compopu .slider-contact .hotArticle li {
                border-top: 1px solid #dedede;
                padding: .17rem 0;
            }

                .compopu .slider-contact .hotArticle li:nth-child(1) {
                    border-top: none;
                }

                .compopu .slider-contact .hotArticle li i {
                    width: .2rem;
                    height: .2rem;
                    text-align: center;
                    line-height: .2rem;
                    color: #fff;
                    background: #21b6d7;
                    float: left;
                    font-style: normal;
                }

                .compopu .slider-contact .hotArticle li p {
                    float: right;
                    width: 85%;
                    color: #666;
                    line-height: .24rem;
                    margin: 0;
                }

                .compopu .slider-contact .hotArticle li:nth-child(2) i {
                    opacity: .8;
                }

                .compopu .slider-contact .hotArticle li:nth-child(3) i {
                    opacity: .6;
                }

                .compopu .slider-contact .hotArticle li:nth-child(4) i {
                    opacity: .4;
                }

                .compopu .slider-contact .hotArticle li:nth-child(5) i {
                    opacity: .2;
                }

                .compopu .slider-contact .hotArticle li:hover p {
                    color: #21b6d7;
                }

    .compopu .slider-declaration {
        text-align: center;
        margin-bottom: .1rem;
    }

        .compopu .slider-declaration p {
            margin: 0;
            line-height: .24rem;
        }

    .compopu .slider-contact form {
        background: #f5f5f5;
        padding: .1rem
    }

        .compopu .slider-contact form textarea {
            background: #fff;
            padding-left: .2rem;
            padding-top: .1rem;
            width: 100%;
            height: 1.56rem;
        }

        .compopu .slider-contact form .subbtn {
            width: 65%;
            margin: 0 auto;
            display: block;
            line-height: .45rem;
            text-align: center;
            color: #fff;
            font-size: .18rem;
            background: #21b6d7;
        }

/*补安全科普页面*/

/*热门活动*/
.hotactiv {
}

    .hotactiv .hotacTop {
        margin-top: .2rem;
        margin-bottom: .4rem;
    }

        .hotactiv .hotacTop p {
            margin: 0;
            color: #676767;
            margin-bottom: .3rem;
            line-height: .28rem;
        }

    .hotactiv li {
        padding: .18rem 0;
        background: #f9f9f9;
        margin-bottom: .2rem;
    }

        .hotactiv li .time {
            float: left;
            width: 15%;
            font-size: .12rem;
            color: #130c0e;
            text-align: center;
            font-weight: bold;
        }

        .hotactiv li .txtBox {
            float: right;
            width: 80%;
            padding-right: 5%;
        }

            .hotactiv li .txtBox h5 {
                font-size: .16rem;
                color: #21b6d7;
                margin: 0;
            }

            .hotactiv li .txtBox p {
                color: #676767;
                line-height: .28rem;
                display: inline-block;
                margin: 0;
            }

            .hotactiv li .txtBox .more {
                color: #ffc700;
            }

/*热门活动*/

/*你问我答*/
.awqusList {
    margin-top: .35rem;
}

    .awqusList li {
        margin-bottom: .2rem;
    }

        .awqusList li p {
            float: right;
            width: 90%;
            margin: 0;
        }

        .awqusList li i {
            width: .54rem;
            height: 100%;
            text-align: center;
            display: inline-block;
            font-weight: bold;
            float: left;
            font-style: normal;
        }

        .awqusList li .Q {
            background: #f9f9f9;
            margin-bottom: .1rem;
            cursor: pointer;
        }

        .awqusList li .A {
            background: #f9f9f9;
            padding: .15rem 0;
            display: none;
        }

        .awqusList li .Q p {
            font-size: .16rem;
            line-height: .5rem;
        }

        .awqusList li .Q i {
            background: #f1f1f1;
            color: #999;
            line-height: .5rem;
        }

        .awqusList li .A p {
            line-height: .28rem;
            color: #666;
            margin: 0;
            padding-right: 5%;
        }

        .awqusList li .A i {
            background: #ffc700;
            color: #fff;
            height: 1.68rem;
            padding-top: .1rem;
        }

        .awqusList li:hover .Q i,
        .awqusList li.on .Q i {
            background: #21b6d7;
            color: #fff;
        }

/*你问我答*/
@media (min-width:1000px) {
    .news-box .tabox .no_po .bx-viewport {
        height: 1.91rem !important;
    }
}

.zj_search_box {
    background: #767a7f;
    padding: 14px;
}

    .zj_search_box .text-box {
        position: relative;
        padding-left: 56px;
        line-height: 35px;
        margin-bottom: 10px;
        z-index: 99;
    }

        .zj_search_box .text-box .ti {
            width: 56px;
            color: #fff;
            position: absolute;
            left: 0;
            top: 0;
        }

        .zj_search_box .text-box input {
            background-color: #fff;
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
            display: block;
            width: 100%;
            color: #aaa
        }

    .zj_search_box .time-box {
        position: relative;
        padding-left: 85px;
        line-height: 35px;
        padding-right: 30px;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .zj_search_box .time-box .ti {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
        }

        .zj_search_box .time-box input {
            width: 50%;
            background-color: #fff;
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
            display: block;
            float: left;
            color: #aaa
        }

            .zj_search_box .time-box input.text2 {
                margin-left: 30px;
                margin-right: -30px;
            }

        .zj_search_box .time-box span {
            display: block;
            position: absolute;
            width: 30px;
            text-align: center;
            left: 50%;
            margin-left: 26px;
            color: #fff;
        }

    .zj_search_box .btn {
        display: block;
        width: 100%;
        line-height: 35px;
        background-color: #21b6d7;
        color: #fff;
        text-align: center;
    }

        .zj_search_box .btn:hover {
            background: #ffc700;
        }

@media (min-width:1280px) {
    .zj_search_box .time-box input {
        padding: 0 5px;
    }
}

@media (min-width:1000px) {
    .zj_search_box {
        padding: 15px 30px;
    }

        .zj_search_box .text-box {
            float: left;
            width: 40%;
            margin-right: 15px;
            margin-bottom: 0;
        }

        .zj_search_box .time-box {
            float: left;
            width: 40%;
            max-width: 300px;
            margin-bottom: 0;
        }

        .zj_search_box .btn {
            float: right;
            width: 90px;
        }
}

.barvideo {
    margin-top: 20px;
    margin-bottom: 15px;
}

    .barvideo .txt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .barvideo .barvideobox {
        background: #f5f5f5;
    }

        .barvideo .barvideobox .img {
            display: block;
            width: 100%;
        }

            .barvideo .barvideobox .img a {
                position: relative;
                display: block;
            }

                .barvideo .barvideobox .img a img {
                    width: 100%;
                }

                .barvideo .barvideobox .img a .btn {
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, .5) url('../images/banimg01.png') no-repeat center;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    transition: all .3s;
                }

                .barvideo .barvideobox .img a:hover .btn {
                    background: rgba(0, 0, 0, .3) url('../images/banimg02.png') no-repeat center;
                }

        .barvideo .barvideobox .txtspan {
            padding: 15px;
            display: block;
        }

.zxbmbtns {
    padding-top: 10px;
}

    .zxbmbtns .bm {
        display: inline-block;
    }

    .zxbmbtns .mb {
        display: inline-block;
    }

.page-main .slider-box .slider-wrap-video .txt-slider .txtimg {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

    .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft {
        margin-bottom: 15px;
    }

        .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft a {
            display: block;
            position: relative;
        }

            .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft a img {
                width: 100%;
            }

            .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft a .btn {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, .5) url('../images/banimg01.png') no-repeat center;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

            .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft a:hover .btn {
                background: rgba(0, 0, 0, .3) url('../images/banimg02.png') no-repeat center;
            }

.page-main .slider-box .slider-wrap-video .txt-slider li .a-map {
    background: transparent;
    color: #333;
    padding: 0;
}

    .page-main .slider-box .slider-wrap-video .txt-slider li .a-map .spana {
        text-decoration: underline;
        display: inline-block;
    }

.page-school-seminar-info .slider-box .slider-wrap-video {
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider li a {
        border: 1px solid #ddd;
        background: #fff;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

    .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider li.active a {
        background: #ffc700;
        border-color: #ffc700;
    }

    .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider {
        padding: 0 30px; /*margin:15px auto;*/
    }

        .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider .bx-wrapper .bx-controls-direction {
            position: static;
            height: 0;
        }

            .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider .bx-wrapper .bx-controls-direction .bx-prev {
                position: absolute;
                top: 50%;
                margin-top: -18px;
                height: 31px;
                line-height: 31px;
                width: 32px;
                display: block;
                text-align: center;
                left: -35px;
                z-index: 1
            }

            .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider .bx-wrapper .bx-controls-direction .bx-next {
                position: absolute;
                top: 50%;
                margin-top: -18px;
                height: 31px;
                line-height: 31px;
                width: 32px;
                display: block;
                text-align: center;
                right: -35px;
                z-index: 1
            }

        .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider .bx-wrapper {
            min-width: 100% !important;
            max-width: none !important;
        }

@media (min-width:768px) {
    .barvideo {
        margin-top: 0;
    }
}

@media (min-width:1000px) {
    .barvideo .txt {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .page-school-seminar-info .slider-box .slider-wrap-video { /*padding-top:20px;*/
    }

        .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider {
            padding: 0 43px;
        }

            .page-school-seminar-info .slider-box .slider-wrap-video .ti-slider li a {
                height: 30px;
                line-height: 30px;
            }

    .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgleft {
        float: left;
        width: 25%;
    }

    .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgright {
        float: right;
        width: 70.6%;
        padding-top: 30px;
    }

        .page-main .slider-box .slider-wrap-video .txt-slider .txtimg .imgright span {
            display: block;
            width: 50%;
            float: left;
            margin-right: 0;
        }

    .page-main .slider-box .slider-wrap-video .txt-slider .txtimg {
        padding-top: 40px;
        margin-top: 40px;
    }

    .page-school-seminar-info .slider-box .slider-wrap-video .txt-slider li span.sp6 {
        width: 100%;
    }
}

.a-ti-btn {
    letter-spacing: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    background: #21b6d7;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    display: block;
    width: 60px;
    line-height: 30px;
    text-align: center;
}

    .a-ti-btn:hover {
        text-decoration: none;
    }

.page-law .fliter-box .filter.filterysnone,
.page-question .fliter-box .filter.filterysnone,
.page-school-plan .fliter-box .filter.filterysnone {
}

    .page-law .fliter-box .filter.filterysnone li.lihide .all,
    .page-question .fliter-box .filter.filterysnone li.lihide .all,
    .page-school-plan .fliter-box .filter.filterysnone li.lihide .all {
        display: none;
    }

    .page-law .fliter-box .filter.filterysnone li.lihide .options .dl,
    .page-question .fliter-box .filter.filterysnone li.lihide .options .dl,
    .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl {
        width: 100%;
        color: #21b6d7;
    }

        .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd,
        .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd,
        .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd {
        }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a,
            .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd a,
            .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd a {
                margin: 0;
                padding: 0;
                min-width: auto;
                background: transparent;
            }

            /* .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a:before,
  .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd a:before,
  .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd a:before{display:inline-block;content:"，";} */
            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd:first-child a:before,
            .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd:first-child a:before,
            .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd:first-child a:before {
                display: none;
            }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a:hover,
            .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd a:hover,
            .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd a:hover,
            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd.active a,
            .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd.active a,
            .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd.active a {
                color: #21b6d7;
            }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a {
                color: #21b6d7;
            }

                .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a:hover {
                    text-decoration: underline;
                }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd + dd:before,
            .page-question .fliter-box .filter.filterysnone li.lihide .options .dl dd + dd:before,
            .page-school-plan .fliter-box .filter.filterysnone li.lihide .options .dl dd + dd:before {
                display: inline-block;
                content: ",";
                margin-left: -.15rem;
                margin-right: -.05rem;
            }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd.active a {
                display: inline-block;
                border: 1px solid;
            }

            .page-law .fliter-box .filter.filterysnone li.lihide .options .dl dd a {
                padding: 0 10px;
            }

/* 我的订单.shtml */
.OrderMy {
}

.Shop002334 {
    padding: 20px 15px;
}

    .Shop002334 .redcolor {
        color: #d70c18 !important;
    }

    .Shop002334 .yellowcolor {
        color: #21b6d7;
    }

    .Shop002334 .shop-tit {
        font-size: 24px;
        font-weight: normal;
        color: #333;
        margin: 0;
    }

    .Shop002334 .shop-head {
        margin-top: 30px;
        height: 43px;
        background: #ebebeb;
        line-height: 43px;
    }

        .Shop002334 .shop-head .tabs {
            float: left;
        }

            .Shop002334 .shop-head .tabs li {
                float: left;
                min-width: 100px;
                text-align: center;
                font-size: 16px;
            }

                .Shop002334 .shop-head .tabs li.on,
                .Shop002334 .shop-head .tabs li:hover {
                    background: #21b6d7;
                }

                .Shop002334 .shop-head .tabs li + li {
                    position: relative;
                }

                    .Shop002334 .shop-head .tabs li + li:before {
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 35%;
                        height: 35%;
                        width: 1px;
                        background: #d1d1d1;
                    }

                .Shop002334 .shop-head .tabs li a {
                    display: block;
                }

                .Shop002334 .shop-head .tabs li.on a,
                .Shop002334 .shop-head .tabs li:hover a {
                    color: #fff;
                }

        .Shop002334 .shop-head .search {
            float: right;
            margin-top: 8px;
            padding-right: 28px;
            position: relative;
            max-width: 300px;
            width: 30%;
            line-height: 27px;
        }

            .Shop002334 .shop-head .search .sreach_ipu {
                width: 100%;
                background: #fff;
                display: block;
                line-height: 27px;
            }

            .Shop002334 .shop-head .search .searBtn {
                width: 28px;
                height: 100%;
                border: none;
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                background: #21b6d7 url(../images/shop002484-sar_03c.png) no-repeat center center;
            }

@media only screen and (max-width:767px) {
    .Shop002334 .shop-tit {
        font-size: 20px;
    }

    .Shop002334 .shop-head {
        height: auto;
        margin-top: 15px;
    }

        .Shop002334 .shop-head .tabs {
            float: none;
            background: #ebebeb;
        }

            .Shop002334 .shop-head .tabs li {
                min-width: 1px;
                padding: 0 10px;
            }

        .Shop002334 .shop-head .search {
            float: none;
            margin: 15px;
            width: auto;
        }
}

.Shop002334 .shop-list {
    padding-top: 25px;
}

.Shop002334 .item {
    padding-bottom: 25px;
}

.Shop002334 .item-inner {
    border: #e5e5e5 1px solid;
    color: #666;
}

.Shop002334 .item-head {
    font-size: 14px;
    padding: 8px 12px;
    position: relative;
    background: #f9f9f9;
}

    .Shop002334 .item-head b {
        font-weight: normal;
        color: #21b6d7;
    }

    .Shop002334 .item-head .total {
        float: right;
    }

    .Shop002334 .item-head .number {
        padding-right: 15px;
    }

.Shop002334 .item-list {
    display: table;
    width: 100%;
    text-align: center;
}

.Shop002334 .item-td {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

    .Shop002334 .item-td + .item-td {
        border-left: 1px solid #f2f2f2;
    }

.Shop002334 .item-list + .item-list .item-td {
    border-top: 1px solid #f2f2f2;
}

.Shop002334 .paystatus {
    display: block;
}

.Shop002334 .pro {
    width: 40%;
}

    .Shop002334 .pro .box > * {
        display: table;
        float: left;
        height: 97px;
        width: 45%;
    }

    .Shop002334 .pro .pic {
        position: relative;
        max-width: 97px;
    }

        .Shop002334 .pro .pic a {
            display: table-cell;
            vertical-align: middle;
        }

            .Shop002334 .pro .pic a img {
                max-width: 100%;
                max-height: 97px;
            }

    .Shop002334 .pro .tit {
        padding-left: 15px;
        text-align: left;
    }

        .Shop002334 .pro .tit a {
            display: table-cell;
            vertical-align: middle;
            font-size: 16px;
        }

@media only screen and (max-width:767px) {
    .Shop002334 .shop-list {
        padding-top: 0;
    }

    .Shop002334 .item-head > * {
        display: block;
    }

    .Shop002334 .item-head .total {
        float: none;
    }

    .Shop002334 .item-td {
        float: left;
        width: 25%;
        word-break: break-word;
        word-wrap: break-word;
        display: table;
        height: 80px;
    }

        .Shop002334 .item-td + .item-td > * {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
        }

    .Shop002334 .pro {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: auto;
    }

        .Shop002334 .pro .tit {
            width: 55%;
        }
}

/* 我的订单.shtml */
#hotkeys a {
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 20px
}

/*new*/
.page-school-seminar-info .slider-box .txt-slider li table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}

    /* .page-school-seminar-info .slider-box .txt-slider li .tablescl-x{overflow-x: auto;}
  .page-school-seminar-info .slider-box .txt-slider li table{min-width: 700px;} */
    .page-school-seminar-info .slider-box .txt-slider li table tr {
    }

    .page-school-seminar-info .slider-box .txt-slider li table td {
        border: 1px solid #eaeaea;
        text-align: left;
        padding: 10px;
        vertical-align: middle;
    }

        .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) {
            background-color: #ebf2fa;
            position: relative;
        }

            .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) p {
                position: relative;
                display: inline-block;
                margin: 0;
                padding-left: 30px;
            }

            .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) i {
                position: absolute;
                right: 60%;
                top: 50%;
                width: 22px;
                height: 19px;
                margin-top: -10px;
            }

    .page-school-seminar-info .slider-box .txt-slider li table tr:last-child td:last-child {
        text-align: left;
        padding-left: 12px;
    }

    .page-school-seminar-info .slider-box .txt-slider li table tr:last-child td:first-child i {
        right: 72%;
    }

    .page-school-seminar-info .slider-box .txt-slider li table tr td.tdlastub {
        text-decoration: underline;
    }

.page-school-seminar-info .slider-box .tab.tc a:last-child {
    background: url(../images/yt_white.png)no-repeat #21b6d7;
    background-position: 28px center;
    padding-left: 23px;
}

.page-school-seminar-info .slider-box .tab.tc {
    text-align: center;
}

    .page-school-seminar-info .slider-box .tab.tc a {
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        transition-duration: .3s;
        display: inline-block;
        margin: 0 18px;
        height: 35px;
        border: 1px solid #21b6d7;
        width: 150px;
        margin-top: 20px;
        line-height: 35px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
        background-color: #21b6d7;
    }

        .page-school-seminar-info .slider-box .tab.tc a:hover {
            cursor: pointer;
            background-color: #21b6d7;
            color: #fff;
        }

@media only screen and (max-width:767px) {
    .page-school-seminar-info .slider-box .txt-slider li table tr {
        display: block;
        font-size: 0;
    }

    .page-school-seminar-info .slider-box .txt-slider li table td {
        display: inline-block;
        width: 50%;
        font-size: 14px;
        word-wrap: break-word;
        word-break: break-all;
    }
}

/*证书查询*/
.left-content .title h2,
.exam-content .title h2 {
    font-size: .18rem;
    color: #130c0e;
    font-weight: bold;
    line-height: 1.5;
}

.left-content .title,
.exam-content .title {
    padding-bottom: .4rem;
}

@media (min-width:1024px) {
    .left-content .title h2,
    .exam-content .title h2 {
        font-size: .26rem;
    }
}

@media (min-width:768px) {
    .left-content .main {
        width: 66.25%;
        float: left;
    }
}

.left-content .table {
    border-collapse: collapse;
}

    .left-content .table tr td {
        table-layout: fixed;
        border: 1px solid #eaeaea;
    }

.left-content + .slidebar {
    margin-bottom: 20px;
}

.left-content .table tr td b {
    color: #333333;
    font-size: 14px;
}

.left-content .table tr td:nth-child(1) {
    width: 70%;
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.left-content .table tr td:nth-child(2) {
    width: 30%;
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.left-content .table tr li {
    position: relative;
    list-style-type: none;
}

    .left-content .table tr li:after {
        position: absolute;
        content: "";
        top: 5px;
        right: 101%;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        line-height: 1.75;
        background-color: #ffc700;
    }

@media (min-width:768px) {
    .barvideo {
        margin-top: 0;
    }
}

@media (max-width:768px) {
    .left-content .table {
        border-collapse: collapse;
    }
}

/*考试页面*/
.exam-main li {
    list-style: none;
    font-size: 14px;
}

    .exam-main li h5 input {
        border-bottom: 1px solid #333333;
        width: 100px;
        text-align: center;
        font-size: .16rem;
    }

    .exam-main li input[type="radio"] {
        width: 18px;
        height: 18px; /*  opacity: 0;*/ /*  border:1px solid #c9c9c9;*/
    }

    .exam-main li label i {
        padding-left: 5px;
        font-style: normal;
    }

    .exam-main li label {
        padding-left: 85px;
    }

input[type=radio] {
    opacity: 1; /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /*自定义样式*/
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px; /*  border:1px solid #333;
    */
    outline: none;
    cursor: pointer; /*设置为圆形，看起来是个单选框*/
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
}

    input[type=radio]:checked {
        border-color: #21b6d7;
    }

        input[type=radio]:checked:before {
            top: 0;
            left: 0;
            content: "";
            width: 7px;
            height: 7px;
            background-color: #21b6d7;
            -moz-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            margin-top: -3px;
            margin-left: -3px;
        }

        input[type=radio]:checked:after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

.exam-content .exam-main {
    color: #333333;
}

    .exam-content .exam-main .h5 {
        padding-bottom: 27px;
        font-weight: normal;
    }

    .exam-content .exam-main li {
        padding-bottom: 60px;
    }

        .exam-content .exam-main li .text {
            border: 1px solid #d8d8d8;
            width: 130px;
            height: 36px;
            padding-left: 15px;
            display: inline-block;
            margin-left: 10px;
        }

    .exam-content .exam-main .submit {
        width: 120px;
        height: 41px;
        color: #fff;
        background: #21b6d7;
        font-size: 16px;
        text-align: center;
        line-height: 36px;
        margin-top: 10px;
        display: block;
        margin-bottom: 70px;
    }

    .exam-content .exam-main li label:first-child {
        padding-left: 0;
    }

    .exam-content .exam-main li em {
        position: relative;
        display: inline-block;
        border: 1px solid #d0d0d0;
        width: 15px;
        height: 15px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        top: 3px;
        left: 0;
    }

        .exam-content .exam-main li em.adda:after {
            content: '';
            position: absolute;
            display: block;
            width: 7px;
            height: 7px;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            border: 5px solid #21b6d7; /*  background:#17533b;*/
            -moz-border-radius: 50%;
            border-radius: 50%;
            opacity: 1;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-transition: all ease-in-out 300ms;
            -moz-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
        }

.none {
    opacity: 1 !important;
}

.exam-content .exam-main li em.adda {
    border: none !important;
}

/*new*/
.page-school-seminar-info .slider-box .txt-slider li table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

    .page-school-seminar-info .slider-box .txt-slider li table tr {
    }

    .page-school-seminar-info .slider-box .txt-slider li table td {
        border: 1px solid #eaeaea;
        text-align: left;
        padding: 10px;
        vertical-align: middle;
    }

        .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) {
            background-color: #ebf2fa;
            position: relative;
            width: 12%;
        }

            .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) p {
                position: relative;
                display: inline-block;
                margin: 0;
                padding-left: 0;
            }

            .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) i {
                display: none;
                position: absolute;
                right: 60%;
                top: 50%;
                width: 22px;
                height: 19px;
                margin-top: -10px;
            }

    /* .page-school-seminar-info .slider-box .txt-slider li table tr:last-child td:last-child{text-decoration:underline} */
    .page-school-seminar-info .slider-box .txt-slider li table tr td.tdlastub {
        text-decoration: underline
    }

/*证书查询幕布*/
@media (min-width:768px) {
    .test .main {
        width: 66.25%;
        float: left;
    }
}

.test .table {
    border-collapse: collapse;
}

    .test .table tr td {
        table-layout: fixed;
        border: 1px solid #eaeaea;
    }

.test + .slidebar {
    margin-bottom: 20px;
}

.test .table tr td b {
    color: #333333;
    font-size: 14px;
}

.test .table tr td:nth-child(1) {
    width: 70%;
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.test .table tr td:nth-child(2) {
    width: 30%;
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.test .table tr li {
    position: relative;
    list-style-type: none;
}

    .test .table tr li:after {
        position: absolute;
        content: "";
        top: 5px;
        right: 101%;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        line-height: 1.75;
        background-color: #ffc700;
    }

@media (min-width:768px) {
    .barvideo {
        margin-top: 0;
    }
}

@media (max-width:768px) {
    .test .table {
        border-collapse: collapse;
    }

    .page-school-seminar-info .slider-box .txt-slider li table td:nth-of-type(odd) {
        width: 26%;
    }

    .page-school-seminar-info .slider-box .txt-slider li table td {
        width: 74%;
    }

    .page-school-seminar-info .slider-box .txt-slider li table tr:last-of-type {
        background-color: #ebf2fa;
    }

        .page-school-seminar-info .slider-box .txt-slider li table tr:last-of-type td:first-of-type {
            border-top: none;
            border-bottom: none;
        }

        .page-school-seminar-info .slider-box .txt-slider li table tr:last-of-type td:last-of-type {
            background-color: #fff;
        }
}

/* 登陆注册 */
.DlFromBox {
    margin-top: 20px;
    background: #f8f8f8;
}

    .DlFromBox .DLeft {
        padding-top: 15px;
    }

    .DlFromBox .DRight {
        background: no-repeat center center;
        -moz-background-size: cover;
        background-size: cover;
    }

    .DlFromBox .h3 {
        font-size: 18px;
        text-align: center;
        color: #000;
    }

.DlFrom {
    padding: 10px 15px;
}

    .DlFrom .zjFormUll {
        padding-top:;
    }

    .DlFrom .zjFormUlli ul li.li1 {
        margin-bottom: 10px;
        min-height: 40px;
        position: relative;
        padding-left: 15px;
        border: 1px solid #ddd;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .DlFrom .zjFormUlli .li1 .left {
        padding-right: 10px;
        line-height: 40px;
        position: absolute;
        top: 0;
        left: auto;
    }

    .DlFrom .zjFormUlli .liIcon {
    }

        .DlFrom .zjFormUlli .liIcon .icon {
            position: absolute;
            left: auto;
            line-height: 40px;
            color: #61cbe2;
        }

        .DlFrom .zjFormUlli .liIcon .left {
            padding-left: 24px;
        }

    .DlFrom .zjFormUlli .li1 .right {
        line-height: 30px;
        font-size: 14px;
        color: #333;
        position: relative;
    }

    .DlFrom .zjFormUlli .liIcon .right {
        padding-left: 26px;
    }

    .DlFrom .zjFormUlli .li1 .right input {
        line-height: 40px;
        height: 40px;
        width: 100%;
        display: block;
    }

    .DlFrom .zjFormUlli .li1 .right textarea {
        resize: none;
        width: 100%;
        padding: 10px 0;
        height: 100px;
    }

    .DlFrom .zjFormUlli ul li.li3 {
        margin-right: 92px;
    }

    .DlFrom .zjFormUlli ul li .code {
        position: absolute;
        left: 100%;
        top: 0;
        display: block;
        width: 92px;
        height: 40px;
        padding-left: 10px;
        line-height: 40px;
        text-align: center;
    }

        .DlFrom .zjFormUlli ul li .code img {
            width: 92px;
            height: 40px;
        }

    .DlFrom .btns {
        padding: 10px 0 20px;
    }

        .DlFrom .btns a {
            display: block;
            background: #61cbe2;
            -moz-border-radius: 3px;
            border-radius: 3px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            font-size: 14px;
        }

    .DlFrom .tip {
    }

        .DlFrom .tip a {
            color: #61cbe2;
        }

        .DlFrom .tip .tipL {
            float: left;
        }

        .DlFrom .tip .tipR {
            float: right;
        }

@media (min-width:768px) {
    .DlFromBox .h3 {
        font-size: 20px;
    }

    .DlFromBox .DLeft {
        padding-top: 50px;
    }

    .DlFrom .zjFormUlli ul li.li1 {
        margin-bottom: 20px;
    }

    .DlFromBox {
        position: relative;
        padding-right: 48.5%;
    }

    .DlFrom {
        padding: 20px 30px 90px;
    }

    .DlFromBox .DRight {
        position: absolute;
        right: 0;
        top: 0;
        width: 48.5%;
        height: 100%;
    }
}

@media (min-width:1000px) {
    .DlFromBox {
        margin-top: 40px;
    }

        .DlFromBox .h3 {
            font-size: 26px;
        }

    .DlFrom {
        padding: 20px 70px 90px;
    }

        .DlFrom .zjFormUlli ul li.li1 {
            min-height: 55px;
        }

        .DlFrom .zjFormUlli .li1 .left {
            line-height: 55px;
        }

        .DlFrom .zjFormUlli .liIcon .icon {
            line-height: 55px;
        }

        .DlFrom .zjFormUlli .li1 .right input {
            line-height: 55px;
            height: 55px;
        }

        .DlFrom .zjFormUlli ul li .code {
            line-height: 55px;
        }

            .DlFrom .zjFormUlli ul li .code img {
                height: 55px;
                width: 115px;
            }

        .DlFrom .btns a {
            line-height: 55px;
            font-size: 22px;
        }

        .DlFrom .zjFormUlli ul li .code {
            width: 130px;
        }

        .DlFrom .zjFormUlli ul li.li3 {
            margin-right: 115px;
        }
}

/* 登陆注册 */

/* 固定样式 */

.Fillulserver {
}

    .Fillulserver ul {
        overflow: hidden;
        padding: 10px 0;
    }

        .Fillulserver ul li {
            position: relative;
            padding-left: 15px;
            line-height: 35px;
        }

            .Fillulserver ul li:before {
                content: '';
                display: block;
                font-size: 14px;
                width: 6px;
                color: #61cbe2;
                height: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                background: #000;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -3px;
            }

            .Fillulserver ul li a { /*font-size: 14px;*/
                line-height: 35px;
                max-width: 100%;
                color: #61cbe2;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                transition: all .3s;
            }

                .Fillulserver ul li a:hover {
                    color: #000;
                }

@media (min-width:768px) {
    .Fillulserver ul li {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

        .Fillulserver ul li:nth-child(2n) {
            margin-right: 0;
        }
}

/* 固定样式 */
.lecturerListBox {
}

    .lecturerListBox .contbox ul {
        margin: 0 -5px;
        font-size: 0;
    }

        .lecturerListBox .contbox ul li {
            display: inline-block;
            width: 50%;
            padding: 0 5px;
            font-size: 14px;
            vertical-align: top;
            margin-bottom: 10px;
        }

            .lecturerListBox .contbox ul li .ti {
                text-align: center;
                font-size: 16px;
                padding: 8px 0px;
            }

            .lecturerListBox .contbox ul li .item .imgbox a {
                display: block;
                -moz-border-radius: 100%;
                border-radius: 100%; /*overflow: hidden;*/
                padding-top: 100%;
                position: relative;
            }

                .lecturerListBox .contbox ul li .item .imgbox a img { /*width: 100%;*/
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 15%;
                }

    .lecturerListBox .page-columnname .txtbox {
        color: #21b6d7;
        font-size: 14px;
        font-size: 0.14rem;
        padding: .15rem 0;
        font-weight: normal;
    }

@media (min-width:640px) {
    .lecturerListBox .contbox ul li {
        width: 33.33%;
    }
}

@media (min-width:768px) {
    .lecturerListBox .contbox ul li {
        width: 25%;
        margin-bottom: 15px;
    }
}

@media (min-width:1000px) {
    .lecturerListBox .contbox ul {
        margin: 0 -20px;
    }

        .lecturerListBox .contbox ul li {
            width: 16.66%;
            padding: 0 20px;
            margin-bottom: 20px;
        }

    .lecturerListBox .page-columnname .txtbox {
        padding-top: .5rem;
    }
}

/*--弹窗框视频--*/
.maskVideo {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 9999;
}

    .maskVideo .MaskBox {
        z-index: 999;
        width: 800px;
        max-width: 100%;
        height: 500px;
        padding: 0px;
        margin: 0px auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .maskVideo .MaskBox a.MaskClore {
            display: block;
            width: 30px;
            height: 30px;
            font-size: 24px;
            font-size: 0;
            background: url('../images/close.png') no-repeat center/cover;
            position: absolute;
            right: 0;
            top: -30px;
            line-height: 26px;
            text-align: center;
        }

        .maskVideo .MaskBox .videoBox .videoB {
            width: 100%;
        }

        .maskVideo .MaskBox .videoBoxlink .object {
            width: 100%;
        }

@media screen and (min-width:1024px) {
    .maskVideo .MaskBox a.MaskClore {
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 36px;
    }
}

/*--弹窗框视频--*/
.tanchuang {
    z-index: 999;
    width: 800px;
    max-width: 100%;
    height: 500px;
    padding: 0px;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.videoSSbox {
    width: 98%;
    margin: 0 auto;
}

@media screen and (min-width:1024px) {
    .videoSSbox {
        width: 800px;
        margin: 0 auto;
    }
}

@media screen and (max-width:480px) {
    .maskVideo .MaskBox {
        height: 250px;
    }

    .videoSSbox .singlepage #player div {
        width: 100% !important;
        height: 250px !important;
    }
}

.topa {
    float: left;
    color: #fff;
    line-height: 2.5;
    padding-left: 35px;
}

.top-wrap .tools .active {
    color: #ffc700;
}

.Gl_lecturer {
    padding: 10px 0 0;
}

    .Gl_lecturer .hti {
        font-size: 16px;
        color: #333;
        padding-bottom: 15px;
    }

    .Gl_lecturer ul li .libox {
        overflow: hidden;
    }

        .Gl_lecturer ul li .libox .img {
            width: 150px;
            margin: 0 auto;
        }

            .Gl_lecturer ul li .libox .img img {
                width: 100%;
            }

        .Gl_lecturer ul li .libox .h3 {
            font-weight: normal;
            color: #333;
            font-size: 16px;
            padding: 10px 0 !important;
        }

        .Gl_lecturer ul li .libox .txt {
        }

    .Gl_lecturer ul li {
        margin-bottom: 10px;
    }

@media screen and (min-width:1024px) {
    .Gl_lecturer ul li .libox {
        padding-left: 180px;
        position: relative;
        min-height: 175px;
    }

        .Gl_lecturer ul li .libox .img {
            position: absolute;
            left: 0;
        }

        .Gl_lecturer ul li .libox .right {
            padding-top: 0px;
        }

        .Gl_lecturer ul li .libox .h3 {
            font-size: 18px;
            text-align: left;
            padding-top: 0 !important;
        }
}

.zOrderBox .form-box {
    width: 100%;
    overflow-x: auto;
}

    .zOrderBox .form-box .form {
        min-width: 768px;
    }

.zOrderBox .form .table td.td-1 {
    width: 67%;
}

.zOrderBox .form .pay-box .pay-way {
    vertical-align: middle;
}

    .zOrderBox .form .pay-box .pay-way .ti,
    .zOrderBox .form .pay-box .pay-way .radio-box {
        vertical-align: middle;
    }

.zOrderBox .ti-box {
    line-height: 35px;
    font-size: 14px;
}

/* 补页面 */
.cartall {
    text-align: center;
    padding: 5% 0;
}

    .cartall p {
        color: #130c0e;
        padding: 15px 0;
        font-size: 14px;
        margin: 0;
    }

    .cartall .cartbtns .cartsubmit {
        display: block;
        width: 180px;
        line-height: 45px;
        color: #fff;
        font-size: 14px;
        margin: 0 auto;
        background-color: #21b6d7;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

        .cartall .cartbtns .cartsubmit:hover {
            background-color: #ffc700;
        }

@media screen and (min-width:768px) {
    .cartall p {
        padding: 25px 0;
        font-size: 18px;
    }

    .cartall .cartbtns .cartsubmit {
        font-size: 16px;
        width: 220px;
        line-height: 50px;
    }
}

.MainUseBox {
}

    .MainUseBox .UseMenu .Utitle {
        display: none;
    }

.UseNavMenu {
}

    .UseNavMenu ul li {
        float: left;
        width: 25%;
        border: 1px solid #ddd;
        margin: 10px 0;
        margin-left: -1px;
    }

        .UseNavMenu ul li a {
            display: block;
            text-align: center;
            line-height: 45px;
            color: #130c0e;
        }

            .UseNavMenu ul li.on a,
            .UseNavMenu ul li a:hover {
                color: #21b6d7;
            }

.UseBottomTab {
    padding-top: 8%;
}

@media screen and (min-width:768px) {
    .MainUseBox .MainLeft {
        float: left;
        width: 17%;
    }

    .MainUseBox .MainRight {
        float: right;
        width: 76.25%;
    }

    .UseNavMenu ul li {
        float: none;
        width: 100%;
        margin: 0;
        margin-top: -1px;
    }

    .MainUseBox .UseMenu .Utitle {
        font-weight: bold;
        display: block;
        line-height: 50px;
        background-color: #ffc700;
        font-size: 18px;
        padding-left: 20px;
        border: 1px solid #ddd;
    }

    .UseNavMenu ul li a {
        text-align: left;
        padding-left: 20px;
        padding-right: 25px;
        position: relative;
    }

        .UseNavMenu ul li a:before {
            content: '\e61a';
            font-family: 'iconfont';
            line-height: 45px;
            position: absolute;
            right: 10px;
            font-size: 14px;
        }
}

@media screen and (min-width:1024px) {
    .MainUseBox .UseMenu .Utitle {
        font-size: 20px;
        line-height: 62px;
    }

    .UseNavMenu ul li a {
        font-size: 16px;
        line-height: 55px;
    }

        .UseNavMenu ul li a:before {
            line-height: 55px;
        }
}

/* 修改密码 */
.UseChangePassword {
    margin-top: 15px;
}

.UseChangePassword {
    border: 1px solid #e3e3e3;
    padding-bottom: 20px;
}

    .UseChangePassword .page-personal .form li.li-personal {
        border: none;
    }

    .UseChangePassword .page-personal .form li.li-btn {
        padding-top: 0;
    }

@media screen and (min-width:768px) {
    .UseChangePassword {
        margin-top: 25px;
    }

        .UseChangePassword .page-personal .form li.li-btn {
            padding-left: 1.68rem;
        }
}

@media screen and (min-width:1024px) {
    .UseChangePassword {
        margin-top: 40px;
        padding-bottom: 89px
    }
}

/* 修改密码 */

/*我的课程 */
.MyCourse {
    margin-top: 15px;
}

    .MyCourse .CourseList {
        margin-bottom: 15px;
    }

        .MyCourse .CourseList li {
            margin-bottom: 15px;
        }

    .MyCourse .Table {
        overflow-x: auto;
    }

    .MyCourse table {
        width: 100%;
        min-width: 768px;
        color: #130c0e;
    }

        .MyCourse table,
        .MyCourse table td {
            border-collapse: collapse;
            border: 1px solid #ccc;
            font-size: 14px;
        }

            .MyCourse table th {
                background: #f3f3f3;
                height: 40px;
                padding: 5px 10px;
            }

            .MyCourse table td {
                height: 40px;
                padding: 15px 10px;
                text-align: center;
            }

            .MyCourse table .td1 {
                border-right: none;
            }

            .MyCourse table .td2 {
                border-left: none;
            }

            .MyCourse table .imgbox {
                width: 182px;
                position: relative;
                margin: 0 auto;
            }

                .MyCourse table .imgbox img {
                    width: 100%;
                }

                .MyCourse table .imgbox .btn {
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: url('../images/videoplay.png') no-repeat center;
                }

            .MyCourse table .td1 {
                width: 230px;
            }

            .MyCourse table .td2 {
                text-align: left;
            }

            .MyCourse table .td3,
            .MyCourse table .td4 {
                width: 120px;
            }

            .MyCourse table .color {
                color: #21b6d7;
            }

            .MyCourse table .td3 {
                color: #21b6d7;
            }

            .MyCourse table .td4 a {
                display: block;
                width: 120px;
                margin: 0 auto;
                color: #21b6d7;
            }

                .MyCourse table .td4 a:hover {
                    color: #ffc700;
                }

            .MyCourse table th span {
                display: inline-block;
            }

            .MyCourse table th .span2 {
                margin-left: 20px;
            }

            .MyCourse table th .span3 {
                float: right;
                display: inline-block;
                padding-right: 15px;
            }

            .MyCourse table .h3 {
                font-size: 14px;
                font-weight: normal;
            }

            .MyCourse table .time {
                padding-left: 20px;
                background: url('../images/time01.png') no-repeat 0 center;
                color: #666;
                font-size: 14px;
                margin-top: 5px;
            }

@media screen and (min-width:768px) {
    .MyCourse {
        margin-top: 25px;
    }

        .MyCourse .CourseList {
            margin-bottom: 25px;
        }
}

@media screen and (min-width:1024px) {
    .MyCourse table {
        font-size: 16px;
    }

        .MyCourse table .h3 {
            font-size: 16px;
        }

    .MyCourse {
        margin-top: 40px;
    }

        .MyCourse .CourseList {
            margin-bottom: 40px;
        }

        .MyCourse table .td3,
        .MyCourse table .td4 {
            width: 190px;
        }

        .MyCourse table .time {
            margin-top: 8px;
        }

        .MyCourse table th {
            padding-left: 20px;
        }

        .MyCourse table .td1 {
            padding-left: 20px;
        }

        .MyCourse table .imgbox {
            margin-left: 0;
        }

        .MyCourse table th,
        .MyCourse table td {
            height: 60px;
        }
}

/*我的课程 */

/*我的证书 */
.MyCertificate {
    margin-top: 15px;
}

    .MyCertificate .Table {
        overflow-x: auto;
        margin-bottom: 15px;
    }

    .MyCertificate table {
        width: 100%;
        min-width: 768px;
        color: #130c0e;
        border: 1px solid #ccc;
    }

        .MyCertificate table,
        .MyCertificate table td {
            border-collapse: collapse;
            font-size: 14px;
        }

            .MyCertificate table td {
                border-top: 1px solid #ccc;
            }

            .MyCertificate table th {
                background: #f3f3f3;
                height: 40px;
                padding: 5px 10px;
            }

            .MyCertificate table td {
                height: 40px;
                padding: 5px 10px;
            }

            .MyCertificate table .td1 {
                text-align: left;
            }

            .MyCertificate table .td2,
            .MyCertificate table .td3 {
                text-align: center;
                width: 120px;
            }

                .MyCertificate table .td3 a {
                    color: #21b6d7;
                }

                    .MyCertificate table .td3 a:hover {
                        color: #ffc700;
                    }

@media screen and (min-width:768px) {
    .MyCertificate {
        margin-top: 25px;
    }

        .MyCertificate .Table {
            margin-bottom: 25px;
        }

        .MyCertificate table th,
        .MyCertificate table td {
            height: 45px;
        }
}

@media screen and (min-width:1024px) {
    .MyCertificate {
        margin-top: 40px;
    }

        .MyCertificate .Table {
            margin-bottom: 40px;
        }

        .MyCertificate table th,
        .MyCertificate table td {
            height: 60px;
            font-size: 16px;
            padding: 5px 15px;
        }

        .MyCertificate table .td2,
        .MyCertificate table .td3 {
            width: 200px;
        }

        .MyCertificate table .td1 {
            padding-left: 30px;
        }
}

/*我的证书 */

/* 补页面 */


.SemSli {
    overflow: hidden;
    margin: 15px auto;
}

    .SemSli .ti-slider li a {
        border: 1px solid #ddd;
        background: #fff;
        line-height: 35px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        display: block;
        text-align: center;
    }

        .SemSli .ti-slider li a:hover {
            text-decoration: none;
            cursor: pointer;
        }

    .SemSli .ti-slider li.active a {
        background: #ffc700;
        border-color: #ffc700;
        color: #fff;
    }

    .SemSli .ti-slider {
        padding: 0 30px;
        margin: 15px auto;
    }

        .SemSli .ti-slider .bx-wrapper .bx-controls-direction {
            height: .12rem;
            position: absolute;
            right: 0;
            top: -.25rem;
        }

            .SemSli .ti-slider .bx-wrapper .bx-controls-direction a {
                position: static;
                width: .12rem;
                height: .12rem;
                font-size: .12rem;
                line-height: 1;
                margin: 0;
                text-indent: 0;
                vertical-align: top;
                cursor: pointer;
            }

                .SemSli .ti-slider .bx-wrapper .bx-controls-direction a:hover {
                    color: #21b6d7;
                }

                .SemSli .ti-slider .bx-wrapper .bx-controls-direction a:before {
                    display: inline-block;
                    font-family: 'iconfont';
                    vertical-align: top;
                }

                .SemSli .ti-slider .bx-wrapper .bx-controls-direction a.bx-prev:before { /*content: '\e61b';*/
                }

                .SemSli .ti-slider .bx-wrapper .bx-controls-direction a.bx-next {
                    margin-left: .1rem;
                }

                    .SemSli .ti-slider .bx-wrapper .bx-controls-direction a.bx-next:before { /*content: '\e61a';*/
                    }

        .SemSli .ti-slider .bx-wrapper .bx-controls-direction {
            position: static;
            height: 0;
        }

            .SemSli .ti-slider .bx-wrapper .bx-controls-direction .bx-prev {
                position: absolute;
                top: 50%;
                margin-top: -15px;
                height: 31px;
                line-height: 31px;
                width: 32px;
                display: block;
                text-align: center;
                left: -35px;
                z-index: 1
            }

            .SemSli .ti-slider .bx-wrapper .bx-controls-direction .bx-next {
                position: absolute;
                top: 50%;
                margin-top: -15px;
                height: 31px;
                line-height: 31px;
                width: 32px;
                display: block;
                text-align: center;
                right: -35px;
                z-index: 1
            }

        .SemSli .ti-slider .bx-wrapper {
            min-width: 100% !important;
            max-width: none !important;
        }

            .SemSli .ti-slider .bx-wrapper .bx-viewport {
                height: auto !important;
            }

    .SemSli .bx-wrapper {
        margin-bottom: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

@media (min-width:1000px) {
    .SemSli .ti-slider {
        padding: 0 43px;
    }

        .SemSli .ti-slider li a {
            height: 45px;
            line-height: 45px;
        }

    /*   .SemSli.txt-slider .txtimg .imgleft{float:left;width:25%;}
       .SemSli .txt-slider .txtimg .imgright{float:right;width:70.6%;padding-top:30px;}
      .SemSli .txt-slider .txtimg .imgright span{display:block;width:50%;float:left;margin-right:0;}
      .SemSli .txt-slider .txtimg{padding-top:40px;margin-top:40px;} */
}

.page-school-plan .data-list > .ul li {
    width: 50%;
    float: left;
    padding: 0;
    background-color: #f9f9f9;
}

@media screen and (max-width:480px) {
    .school-top .tools .a-home {
        margin-top: 6px;
    }

    .topa {
        padding-left: 8px;
    }

    .school-top .tools .member-box {
        margin-left: 0;
        margin-right: 0;
        padding: 0 4px;
        margin-top: 6px;
    }

    .school-top .tools .search-box {
        margin-top: 6px;
    }

    .school-top .tools .member-box:before,
    .school-top .tools .member-box:after {
        display: none;
    }

    .school-top .logo {
        width: 25%;
    }
}

.page-school-plan .data-list > .ul li {
    width: 49%;
    margin-bottom: 2%;
    margin-right: 2%;
}

    .page-school-plan .data-list > .ul li:nth-child(2n) {
        margin-right: 0;
    }

.page-question-1.page-risk .data-list li {
    padding-left: 40px;
    background-image: url(../images/q.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    -moz-background-size: auto 30px;
    background-size: auto 30px;
}

.page-brochure.page-risk .data-list li h5 a {
    font-size: .16rem;
}

.page-brochure.page-risk .data-list li {
    float: left;
}

.page-brochure.page-risk .data-list ul {
    overflow: hidden;
}

.page-risk .data-list li .a-ti {
    margin-bottom: 0 !important;
}

.page-risk .data-list li .a-ti {
    position: relative;
    padding-right: .5rem;
}

.page-risk .data-list li,
.page-school-seminar .data-list li .info {
    display: inline-block;
}

.page-risk .data-list li,
.page-school-seminar .data-list li {
    width: 100%;
}

.page-brochure.page-risk .data-list li h5 {
    font-weight: normal;
}

.Sidebar-content {
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 9999;
}

    .Sidebar-content ul,
    .Sidebar-content li {
        list-style-type: none;
    }

.page-services .data-list .list .list-l-box .itemBox {
    float: left;
}

.page-question-1.page-risk .data-list li {
    line-height: .45rem;
}

.page-question .fliter-box .filter li .options .dl {
    float: none;
}

@media screen and (max-width:769px) {
    .page-school .page-floor .contbox.list > .ul,
    .page-school-plan .data-list > .ul {
        overflow: hidden;
    }

        .page-school .page-floor .contbox.list > .ul li,
        .page-school-plan .data-list > .ul li {
            width: 50%;
            float: left;
            padding: 0;
        }

    .page-risk .data-list li,
    .page-school-seminar .data-list li .info {
        display: block;
        width: 100%;
    }

    .page-school .floor-news .data-list li .info,
    .page-school-seminar .data-list li .a-ti {
        width: 100%;
    }

    .page-question .fliter-box .filter li .options .dl,
    .page-question .fliter-box .filter li .options,
    .page-school-plan .data-list li .a-ti {
        float: none;
        width: 100%;
    }

    .page-services .data-list .list .list-l-box .itemBox {
        width: 100%;
    }

    .page-services .data-list .list .item .ti {
        overflow: hidden;
    }

    .page-question-1.page-risk .data-list li .a-ti {
        margin-bottom: 0;
        padding: 5px 0;
    }

    /* .page-main> .page-question .page-columnname{padding:8px 30px;padding-left:40px;}*/
    .page-question-1.page-risk .data-list li {
        width: 100%;
    }

        .page-question-1.page-risk .data-list li a {
            max-width: none;
        }

    .page-brochure.page-risk .data-list li {
        line-height: 2 !important;
        margin-bottom: 0;
    }

        .page-brochure.page-risk .data-list li h5 {
            position: static;
            line-height: 2;
            font-weight: normal;
            width: 100%;
            -moz-background-size: auto 50px;
            background-size: auto 50px;
        }

            .page-brochure.page-risk .data-list li h5 a {
                width: 100%;
                max-width: none;
                font-size: .14rem;
            }

        .page-brochure.page-risk .data-list li .a-ti {
            margin-bottom: 10px;
        }

    .page-risk .fliter-box .filter .ul,
    .page-school-seminar .fliter-box .filter .ul,
    .page-school-seminar .fliter-box .filter .ul,
    .page-school-advisory .fliter-box .filter .ul,
    .page-brochure .fliter-box .filter .ul,
    .page-question .fliter-box .filter .ul,
    .page-law .fliter-box .filter .ul {
        height: 40px;
        overflow: hidden;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        transition-duration: .5s;
    }

    .page-risk .fliter-box .filter li .options,
    .page-school-seminar .fliter-box .filter li .options,
    .page-school-advisory .fliter-box .filter li .options,
    .page-brochure .fliter-box .filter li .options {
        position: relative;
    }

    .page-risk .fliter-box .filter .more,
    .page-school-seminar .fliter-box .filter .more,
    .page-school-seminar .fliter-box .filter .more,
    .page-school-advisory .fliter-box .filter .more,
    .page-brochure .fliter-box .filter .more,
    .page-question .fliter-box .filter li .options,
    .page-question .fliter-box .filter .more,
    .page-law .fliter-box .filter a.more {
        float: right;
        padding-right: 2%;
    }

    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul,
    .current .fliter-box .filter .ul {
        height: auto;
    }

    .page-risk .fliter-box .filter .more,
    .page-school-seminar .fliter-box .filter .more,
    .page-school-seminar .fliter-box .filter .more,
    .page-school-advisory .fliter-box .filter .more,
    .page-brochure .fliter-box .filter .more,
    .page-question .fliter-box .filter .more,
    .page-law .fliter-box .filter a.more {
        color: #21b6d7;
        height: auto;
        border: 1px solid #21b6d7;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 13px;
        line-height: 24px;
    }

    .page-risk .fliter-box .filter,
    .page-school-seminar .fliter-box .filter,
    .page-school-seminar .fliter-box .filter,
    .page-school-advisory .fliter-box .filter,
    .page-brochure .fliter-box .filter,
    .page-question .fliter-box .filter,
    .page-law .fliter-box .filter {
        overflow: hidden;
    }

    .page-brochure .data-list li time {
        display: inline-block;
    }

    .related-seminar .data-list li .area {
        width: auto;
    }

    .related-seminar .data-list li {
        white-space: nowrap;
    }

    .Sidebar-content {
        display: none;
    }

    .bd-school .ban-img img {
        margin-top: 0;
    }

    .related-seminar .data-list li span {
        max-width: 190px;
    }

    .related-seminar .data-list .ul li a:before {
        display: none;
    }

    .page-school .floor-news .data-list li .a-ti {
        width: auto;
        max-width: none !important;
    }

    .page-brochure .data-list li .a-ti,
    .page-school .floor-news .data-list li .a-ti {
        max-width: -moz-calc(100% - 1.5rem - .2rem);
        max-width: calc(100% - 1.5rem - .2rem);
        white-space: normal;
        overflow: visible;
        line-height: 1.5;
    }

    .page-risk .data-list li .a-ti.web, .page-risk .data-list li:first-child .a-ti {
        width: auto;
    }

    .page-risk .data-list li .a-ti,
    .page-law .data-list li .a-ti {
        white-space: normal;
        overflow: visible;
        line-height: 1.5;
        margin-bottom: 15px;
        display: block;
    }

    .page-law .data-list li .a-ti,
    .page-risk .data-list li .a-ti {
        float: none;
        display: inline-block;
        margin-bottom: 0;
    }

    .page-law .data-list li,
    .page-risk .data-list li {
        padding: 5px;
    }

    .page-brochure .data-list li {
        margin-bottom: 15px;
    }

    .page-school .page-floor .contbox.list > .ul li,
    .page-school-plan .data-list > .ul li {
        width: 49%;
        margin-bottom: 2%;
        margin-right: 2%;
    }

        .page-school .page-floor .contbox.list > .ul li:nth-child(2n),
        .page-school-plan .data-list > .ul li:nth-child(2n) {
            margin-right: 0;
        }

    .page-school .floor-news .data-list li {
        padding: 5px 2%;
    }

        .page-school .floor-news .data-list li .a-ti-btn {
            position: static;
            display: inline-block;
            float: right;
        }

    .page-question .fliter-box .filter li .options {
        float: none;
    }
}

.page-lecturer-info .info-box .txt-box .score-box {
    color: #ffc700;
}

/* 媒体之窗 */
.page-contain .MediaWindow .mediaW_top h4.h4 {
    margin-bottom: 15px;
}

.page-contain .MediaWindow .mediaW_top div.PDF {
    margin: 18px 0;
}

    .page-contain .MediaWindow .mediaW_top div.PDF a + a {
        margin-left: 10px;
    }

.page-contain .MediaWindow .mediaW_top .connection {
    margin: 15px 0;
}

.page-contain .MediaWindow .page-risk {
    margin-top: 20px;
}

    .page-contain .MediaWindow .page-risk li time {
        vertical-align: top;
    }

    .page-contain .MediaWindow .page-risk li .a-ti {
        max-width: -moz-calc(100% - .68rem - .75rem);
        max-width: calc(100% - .68rem - .75rem);
        font-size: .14rem;
        white-space: inherit;
    }

/* 导航栏样式 */
.header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(1) dd a {
    padding-left: 0;
}

.header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd a {
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
}

/*.DlFrom .zjFormUlli ul li.li3 {  margin-right: 0;}*/
@media (min-width:768px) {
    .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(1) dd a:hover,
    .header .top-main .mainnav li .serbus .serbusitem .itemli:nth-child(2) dd a:hover {
        text-decoration: underline;
        background-color: transparent;
    }

    .page-lecturer-info .conts .txt-box .icon-videoplay,
    .related-seminar .data-list .ul li a:before {
        display: none;
    }

    .related-seminar .data-list .ul li {
        width: 100%;
    }

    .related-seminar .data-list li .area {
        margin-right: 0;
    }
}

.forgetpassword .li1.li3 .left {
    padding-left: 26px;
}

.DlFrom .forgetpassword.zjFormUlli ul .li1.li3 {
    margin-right: 0;
}

.forgetpassword .li3 .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%)scale(1.1, 1.1);
    -moz-transform: translateY(-50%)scale(1.1, 1.1);
    -ms-transform: translateY(-50%)scale(1.1, 1.1);
    transform: translateY(-50%)scale(1.1, 1.1);
    left: 16px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/tt.png)no-repeat center left;
}

.page-class-shopcart .table .table_auto table {
    width: 100%;
}

.related-seminar .data-list li .area {
    font-size: .12rem;
}

.related-seminar .data-list li time {
    font-weight: bold;
}

.related-seminar .data-list li span {
    font-size: .16rem !important;
}

.related-seminar .data-list .ul li {
    line-height: .54rem !important;
    margin-bottom: 0;
}

.page-school .floor-public .data-list .info {
    border-top: 1px solid #e5e1e1;
    padding-top: .1rem;
    color: #21b6d7;
}

    .page-school .floor-public .data-list .info .amount {
        float: left;
        font-size: .18rem;
        font-weight: bold;
    }

    .page-school .floor-public .data-list .info .score {
        float: right;
        color: #c9c9c9;
        font-size: .12rem;
        margin-left: .12rem;
    }

        .page-school .floor-public .data-list .info .score .icon-star-on {
            color: #21b6d7;
        }

    .page-school .floor-public .data-list .info .area {
        float: right;
    }

.page-school .floor-public .data-list .txt {
    color: #999;
    line-height: 1;
    margin-top: .08rem;
    margin-bottom: .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 14px;
}

.page-school .floor-public .data-list {
    padding-left: 0;
}

.page-law .fliter-box .filter li .options a.more,
.page-question .fliter-box .filter li .options a.more,
.page-school-plan .fliter-box .filter li .options a.more {
    display: inline-block;
}

.page-brochure.page-risk .data-list li {
    line-height: .45rem;
    position: relative;
}

.page-school-plan .data-list li .a-ti {
    float: left;
}

    .page-school-plan .data-list li .a-ti:before {
        margin-left: .15rem;
    }

.xz {
    background-color: #ffc700 !important;
    text-decoration: none !important;
}

/* 服务申请 */
.SApplication-content .page-main .page-brochure .page-columnname {
    margin-bottom: .2rem;
}

.SApplication-content.page-brochure .data-list ul.ul li time {
    margin-right: 0;
}

.SApplication-content.page-brochure .data-list ul.ul li:nth-child(even) {
    background-color: #fff;
}

.SApplication-content.page-brochure .data-list ul.ul li a.a-download:before {
    display: none;
}

.SApplication-content.page-brochure .data-list ul.ul li h5 {
    width: 75%;
    font-size: 0;
}

    .SApplication-content.page-brochure .data-list ul.ul li h5 .a-ti {
        max-width: calc(100% - .5rem);
    }

    .SApplication-content.page-brochure .data-list ul.ul li h5 .area {
        width: .5rem;
        font-size: .14rem;
        vertical-align: middle;
        text-align: center;
        letter-spacing: normal;
        float: right;
    }



.vercode {
    -webkit-margin-start: 0px;
    margin-bottom: 30px;
}

    .vercode .ti {
        width: 200px;
        float: left;
        line-height: .3rem;
    }

@media (min-width: 1280px) {
    .vercode .ti {
        width: 200px;
        float: left;
        line-height: .4rem;
    }
}

.vercode .info {
    width: 255px;
    float: left;
}

    .vercode .info a {
        margin-left: 10px;
    }

.page-seminar-form .form .select .placeholder, .page-seminar-form .form input.text {
    border: 1px solid #ddd;
}

.vercode #code {
    width: 100px
}

.page-seminar-form .form input#code {
}

.Billing-box {
    padding: .15rem .20rem .4rem;
    padding-top: .39rem;
    border-bottom: 1px #eee solid;
    padding-bottom: 0.2rem;
}

    .Billing-box form .ti-box {
        line-height: .5rem;
        font-size: .16rem;
        padding: 0 .29rem;
    }

    .Billing-box form .ti {
        width: 1.2rem;
        text-align: right;
        padding-right: .2rem;
    }

    .Billing-box form .text {
        background-color: #fff;
        border: 1px solid #e3e3e3;
        padding: 0 .1rem;
        height: .3rem;
        line-height: inherit;
        height: inherit;
        width: calc(100% - 145px);
        -width: -moz-calc(100% - 145px);
        width: -o-calc(100% - 145px);
        width: -ms-calc(100% - 145px);
    }

    .Billing-box form .dl dd {
        line-height: .4rem;
        letter-spacing: -.5em;
        padding-bottom: 0.2rem;
        float: left;
        width: 48%;
        margin-right: 2%;
    }

        .Billing-box form .dl dd:nth-of-type(2n) {
            margin-right: 0;
        }

        .Billing-box form .dl dd .ti,
        .Billing-box form .dl dd .text,
        .Billing-box form .dl dd .tips {
            letter-spacing: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .Billing-box form .dl dd .ti {
            width: 125px;
        }

@media (max-width:768px) {
    .Billing-box form .dl {
        padding: .15rem 0rem .4rem;
    }

    .zOrderBox .form-box .form {
        min-width: auto;
    }

    .page-class-shopcart .table td.td-1 .class-info {
        padding: .15rem;
    }

    .page-class-shopcart .table td.td-1 .imgbox, .page-class-shopcart .table td.td-1 .txt-box {
        float: none;
        width: 100%;
    }

    .pop-order .form .price-box .radio-box {
        width: 70%;
    }

    .Billing-box form .dl {
        padding: 0;
    }

        .Billing-box form .dl dd .ti {
            width: 115px;
        }

    .Billing-box form .ti {
        padding-right: .1rem;
    }

    .Billing-box form .text {
        width: calc(100% - 115px);
        -width: -moz-calc(100% - 115px);
        width: -o-calc(100% - 115px);
        width: -ms-calc(100% - 115px);
    }

    .page-school .floor-live .data-list li .play-btn {
        text-align: right;
    }

    .pop-order .form .price-box .amount {
        line-height: 44px;
    }

    .page-school .floor-live .data-list li .txtbox {
        float: none;
    }

    .page-school .floor-live .data-list li .play-btn span {
        margin-bottom: 0;
        margin-top: 10px;
        margin-right: 5px;
        display: inline-block;
    }

    .pop-order .form .table td .class-info .imgbox img {
        height: auto !important;
    }
}

@media (max-width:640px) {
    .Billing-box form .dl dd {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    // .Billing-box form .dl {
        padding: .15rem 0.2rem .4rem;
    }
}



.LiveWarp .navli {
    padding: 10px 0;
}

    .LiveWarp .navli a {
        display: inline-block;
        padding: 0 15px;
        text-decoration: none;
        border: 1px solid #ddd;
        color: #21b6d7;
        font-weight: normal;
        font-size: 14px;
        background: #fff;
        line-height: 35px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
    }

        .LiveWarp .navli a.active {
            background: #ffc700;
            border-color: #ffc700;
            color: #fff;
        }

        .LiveWarp .navli a:hover {
            text-decoration: none;
        }

.LiveWarp .Livelist {
}

    .LiveWarp .Livelist li {
        margin-bottom: 15px;
    }

        .LiveWarp .Livelist li .lia {
            display: block;
            border: 1px solid #ddd;
            padding: 10px 15px;
            text-decoration: none;
            border-radius: 5px;
        }

            .LiveWarp .Livelist li .lia .h3 {
                font-size: 16px;
                color: #333;
                font-weight: normal;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .LiveWarp .Livelist li .lia .h3:hover {
                    color: #21b6d7;
                    text-decoration: underline;
                }

            .LiveWarp .Livelist li .lia .time {
                color: #130c0e;
                font-size: 12px;
                padding: 5px 0;
            }

                .LiveWarp .Livelist li .lia .h3:before,
                .LiveWarp .Livelist li .lia .time:before {
                    font-family: 'iconfont';
                    display: inline-block;
                    margin-right: .1rem;
                    color: #130c0e;
                }

            .LiveWarp .Livelist li .lia .h3:before {
                content: '\e62f';
            }

            .LiveWarp .Livelist li .lia .time:before {
                content: '\e62d';
            }

            .LiveWarp .Livelist li .lia .dibbottom {
            }

                .LiveWarp .Livelist li .lia .dibbottom .Pri {
                    display: inline-block;
                    margin-right: 10px;
                }

                .LiveWarp .Livelist li .lia .dibbottom .more {
                    display: inline-block;
                    background: #21b6d7;
                    border-radius: 5px;
                    color: #fff;
                    padding: 3px 10px;
                }

@media (min-width:1000px) {
    .LiveWarp .Livelist li .lia {
        padding: 10px 20px;
        padding-right: 175px;
        position: relative;
    }

        .LiveWarp .Livelist li .lia .dibbottom {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .LiveWarp .Livelist {
        padding: 30px 0 15px;
    }

    .LiveWarp .navli {
        display: inline-block;
        padding: 0;
        float: right;
        margin-top: -7px;
    }

    .LiveWarp .Livelist li .lia .time {
        font-size: 14px;
        padding-bottom: 0;
    }

    .LiveWarp .Livelist li .lia .dibbottom {
        padding-right: 20px;
    }

    .LiveWarp .navli a {
        min-width: 150px;
    }
}


/* 专题 */

.w910 {
    max-width: 910px;
    margin: 0 auto;
    padding: 0 10px;
}

.ztBg {
    background: #fff;
    min-height: 100vh;
}

@media (min-width: 1024px) {
    .w910 {
        padding: 0;
    }
}

.ztConTop {
    background: #ffc700;
    padding-top: 15px;
}

    .ztConTop .h3 {
        font-size: 18px;
        color: #000;
        line-height: 45px;
        font-weight: normal;
        vertical-align: middle;
    }

        .ztConTop .h3 .sh {
            display: inline-block;
            vertical-align: middle;
        }

        .ztConTop .h3 .logo {
            display: block;
            min-height: 40px;
            padding-right: 15px;
            vertical-align: middle;
        }

            .ztConTop .h3 .logo img {
                max-height: 100%;
                vertical-align: middle;
            }

.ztCon {
}

.ztMain {
    background: #fff;
    position: relative;
}

    .ztMain .Mright {
        background: #5a5f61;
        padding: 10px;
    }

        .ztMain .Mright ul li {
            margin-bottom: 10px;
        }

            .ztMain .Mright ul li input {
                display: block;
                width: 100%;
                line-height: 45px;
                height: 45px;
                background: #fff;
                border-radius: 5px;
                padding: 0 10px;
            }

        .ztMain .Mright .btn {
            display: block;
            width: 100%;
            line-height: 45px;
            height: 45px;
            background: #ffc700;
            color: #000;
            text-align: center;
            border-radius: 5px;
            padding: 0 10px;
        }

    .ztMain .Mleft .item {
        padding: 15px 0;
    }

        .ztMain .Mleft .item .h3 {
            border-bottom: 1px solid #e0e0e0;
            font-weight: normal;
            font-size: 16px;
        }

            .ztMain .Mleft .item .h3 .spant {
                display: inline-block;
                border-bottom: 1px solid #ffc700;
            }

        .ztMain .Mleft .item .txtBox {
            padding: 15px 0;
        }


@media (min-width: 1024px) {
    .ztBg {
        background: #f6f6f6;
    }

    .ztConTop {
        padding-top: 0;
    }

        .ztConTop .h3 .logo {
            display: inline-block;
        }

        .ztConTop .h3 {
            line-height: 84px;
            font-size: 34px;
        }

    .ztMain {
        min-height: calc(100vh - 84px);
        padding-right: 320px;
    }

        .ztMain .Mright {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 320px;
            padding: 40px;
        }

        .ztMain .Mleft {
            padding: 40px;
        }

            .ztMain .Mleft .item {
                padding: 0px;
                margin-bottom: 20px;
            }

        .ztMain .Mright ul li {
            margin-bottom: 20px;
        }

        .ztMain .Mright ul {
            padding-bottom: 20px;
        }

        .ztMain .Mright .btn {
            font-size: 20px;
        }

        .ztMain .Mleft .item .h3 {
            font-size: 22px;
        }

        .ztMain .Mleft .item .txtBox {
            padding: 20px 0;
        }

    .ztConTop .h3 .logo {
        display: inline-block;
        min-height: 60px;
        padding-right: 20px;
    }
}


/* 专题 */




/* 新加的样式 2020-4-23 */

.tj-class {
    background: #f9f9f9;
    padding: 70px 0 76px;
}

.page-school .tj-class .data-list li {
    width: 292px;
    margin-right: 12px;
}

    .page-school .tj-class .data-list li:last-child {
        margin-right: 0;
    }

.page-school .tj-class .data-list li {
    padding: 20px;
    background: #fff;
}

    .page-school .tj-class .data-list li .date {
        padding-top: 14px;
        overflow: hidden;
        padding-bottom: 8px;
        border-bottom: 1px solid #e5e5e5;
    }

.page-school .tj-class li .date span {
    float: left;
    font-size: 18px;
    color: #e5e5e5;
}

.page-school .tj-class li .date em {
    float: right;
    font-style: normal;
    font-size: 18px;
    color: #e5e5e5;
}

.page-school .tj-class li h5 {
    margin: 0px;
    font-size: 16px;
    color: #6acce5;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 52px;
    line-height: 26px;
    margin-top: 6px;
}

.page-school .tj-class li p {
    line-height: 24px;
    font-size: 16px;
    color: #130d0f;
}

@media (max-width: 500px) {
    .page-school .tj-class .data-list li {
        box-sizing: border-box;
        width: 100%;
        float: none;
        margin-bottom: 20px;
        padding-top: 15px;
    }

    .page-school .floor-hots .data-list li:nth-child(1), .page-school .floor-hots .data-list li:nth-child(2) {
        padding-top: 15px;
    }

    .tj-class {
        padding: 20px 0 30px;
    }
}

@media (min-width: 768px) {
    .a-ti-btn {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {

    .page-school .tj-class .data-list li {
        width: 48%;
        float: left;
        margin-bottom: 20px;
        box-sizing: border-box;
        margin-right: 0;
    }

        .page-school .tj-class .data-list li:nth-child(2n) {
            float: right;
        }

    .page-school .floor-hots .data-list li:nth-child(1), .page-school .floor-hots .data-list li:nth-child(2) {
        padding-top: 15px;
    }

    .tj-class {
        padding: 40px 0 60px;
    }

    .a-ti-btn {
        margin-top: -15px;
    }
}

@media (min-width: 1025px) {
    .page-school .floor-hots .data-list li:nth-child(1), .page-school .floor-hots .data-list li:nth-child(2), .page-school .floor-hots .data-list li:nth-child(3),
    .page-school .floor-hots .data-list li:nth-child(4) {
        padding-top: 15px;
    }

    .a-ti-btn {
        margin-top: -15px;
    }

    .tj-class {
        padding: 30px 0 30px;
    }
}