/* CSS Document */

@media (min-device-width: 1200px) {
    .mbShow {
        display: none;
    }
    .videoShow {
        display: none;
    }
    .mbView {
        display: none;
    }
}

@media (max-device-width: 1199px) {
    .mbHidden {
        display: none;
    }
    .mbShow {
        display: block;
        position: absolute;
        left: 0;
        top: 12px;
        width: 100%;
        z-index: 9;
    }
    .companyShow {
        display: block;
    }
    .mbView {
        display: block;
    }
    /*字体统一标准*/
    html {
        font-size: 62.5%;
    }
    /*10 ÷ 16 × 100% = 62.5%*/
    body {
        font-size: 1.4rem;
    }
    /*1.4 × 10px = 14px */
    h1 {
        font-size: 2.4rem;
    }
    /*2.4 × 10px = 24px*/
    body {
        min-height: auto;
    }
    #wrap {
        width: 100%;
        min-height: 30% !important;
    }
    .head_top {
        width: 60% !important;
        padding-top: 8px !important;
        position: relative;
        z-index: 10;
        background: none !important;
        text-align: center !important;
    }
    #header {
        width: 100%;
        margin-top: 30px;
    }
    #header img {
        width: 100%;
    }
    /*滑动菜单*/
    .swiper-container1 {
        height: 3rem;
        line-height: 3rem;
        position: relative;
        margin-top: -6px;
        overflow: hidden;
    }
    .swiper-container1 .swiper-wrapper {
        // width: 96%;
        // margin:0 2%;
        width: 95%;
        margin-left: 2%;
        margin-right: 3%;
    }
    .swiper-container1 .swiper-wrapper .swiper-slide {
        width: 24.5% !important;
        // margin-right: 0px !important;
    }
    .swiper-container1 .swiper-wrapper .swiper-slide a {
        font-size: 1.2rem;
        font-family: '微软雅黑';
        text-decoration: none;
    }
    .swiper-container1 .swiper-wrapper .swiper-slide a:hover {
        color: #2A87DD !important;
    }
    .mb_next {
        margin-top: -15px;
        background-color: #fff;
        height: 30px;
        right: 0;
        z-index: 8;
        background-size: 45%;
    }
    /*banner*/
    #banner {
        width: 100%;
        height: auto;
        margin: 0px;
    }
    #banner img {
        width: 100%;
    }
    /*小圆点的样式*/
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;
    }
    .swiper-pagination-bullet {
        opacity: .4;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
    }
    #main_page_home {
        margin: 0px;
    }
    #main_page_home img {
        width: 96%;
        margin: 0 2%;
    }
    #main_page_home #randImage {
        width: 75px;
        margin: 0 2%;
    }
    /*底部*/
    #footer .footer_wz {
        width: 96%;
        margin: 0px 2%;
    }
    .table_imgtext td {
        float: left;
    }
    #footer ul {
        width: 96%;
        margin: 0 2%;
    }
    #footer li {
        text-align: left;
        margin-bottom: 1rem;
    }
    #footer li h4 {
        margin-bottom: 4px;
    }
    #footer li:first-child {
        text-align: center;
        padding-top: 2rem;
    }
    #footer li:last-child {
        padding-bottom: 1.5rem;
        margin-bottom: 0;
    }
    #footer li div {
        overflow: hidden;
    }
    #footer li div h4 {
        float: left;
    }
    #footer li div span {
        float: right;
        transition: all .5s ease;
        transform: rotate(-90deg);
        margin-right: 10px;
    }
    #footer li div .arrow {
        transform: rotate(90deg);
    }
    /*嘉宾介绍*/
    .table_imgtext {
        width: 96%;
        margin: 0 2%
    }
    /*互动交流*/
    #content {
        height: auto;
    }
    #content_left,
    #content_right {
        width: 96%;
        margin: 0 2%;
        margin-bottom: 1rem;
    }
    #content_right h3,
    #content_right h4.qa_talkbar_hd {
        background: none;
    }
    #tabs0 {
        width: 100%;
        height: 200px;
    }
    .qa_text {
        width: 100% !important;
        padding: 0 !important;
        margin-left: -1px;
        height: 100% !important;
    }
    .right_2 {
        width: 100%;
    }
    .right2_border {
        height: 200px !important;
    }
    .mb_interact {
        width: 76px !important;
    }
    #content .mb_content_left {
        margin-bottom: 20px;
    }
    .mb_qa_talke table {
        width: 96% !important;
    }
    .mb_qa_talke .mb_textarea textarea {
        width: 100% !important;
    }
    .qa_talkbar_bd table {
        width: 100% !important;
    }
    .qa_talkbar_bd table textarea{
        width: 90% !important;
    }

    /*相关报告*/
    .dl_list dd .dl_list_right {
        position: absolute;
        right: 0;
        padding: 0 16px 0 0;
    }
    .dl_list dd a {
        padding: 0 80px 0 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }
    /*公司风采*/
    .mbText {
        margin: 0 10px !important;
    }
    /*导航公共*/
    /*视频直播*/
    .col_main {
        width: 96% !important;
        margin: 0 2%;
    }
    .col_main video {
        width: 100%;
    }
    .col_main .col_bd {
        height: auto !important;
    }
    .col_side {
        width: 96% !important;
        margin: 0 2% !important;
    }
    .videoShow {
        display: block;
    }
    .videoShow video {
        width: 96%;
        margin: 0 2%;
    }
    /*视频列表*/
    .mb_list_wrap {
        height: auto !important;
    }
    /*视频直播 轮播图样式*/
    .mb_table_wrap {
        width: 96%;
        margin: 0 2%;
    }
    .mb_table_wrap ul {
        overflow: hidden;
    }
    .mb_table_wrap ul li {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .mb_table_wrap ul li a {
        color: #2A87DD;
        color: #000;
        text-decoration: none;
    }
    #mb_tab_content div {
        display: none;
    }
    #mb_tab_content .active {
        display: block;
        // transition:2s all ease;
    }
    #mb_tab_btn .active {
        display: block;
        border-bottom: 2px solid blue;
        // transition:2s all ease;
    }
    .mb_col_spzb {
        height: auto !important;
    }

    .qa_talkbar_bd input{
        width: 30%;
        height: 23px;
    }
    .scroll_qrcode{
        display: none;
    }
}