﻿/* 默认隐藏手机版头部、导航和页脚 */
#divHead_mobile {
    display: none
}

#divNav_mobile {
    display: none
}

#divBottom_mobile {
    display: none
}

#turn_mobile {
    display: none
}

#footer_mobile {
    display: none
}

#scroll_mobile {
    display: none
}

.nav2 {
    display: none
}

.videoinfo ul li .img01 {
    width: 150px;
    height: 150px
}

.w100p {
    width: 1278px
}

.scrollCont li {
    margin-left: 0px
}

.erweima {
    display: none
}

.cous_table1 {
    display: none
}

@media(max-width:980px) {
    /* 网页全屏显示 */
    body {
        width: 100%;
    }

    /* 正文全屏显示 */
    #divMain {
        width: 100%
    }

    #news {
        width: 100%;
        height: auto
    }

    #con {
        width: 100%
    }

    /* 为了避免正文图片超出屏幕宽度 */
    /* 正文图片宽度最多是屏幕宽度的90% */
    #divMain img {
        max-width: 90%
    }

    /* 隐藏头部、导航、侧栏、页脚 */
    .leftNav {
        display: none
    }

    .leftnav {
        width: 100%;
        height: auto
    }

    .list1 {
        width: 32%;
    }
    /*.leftNav {display: none}*/
    .leftnavtitle {
        display: none
    }

    .leftnavlist {
        width: 100%;
        height: auto
    }

        /* 隐藏头部、导航、侧栏、页脚 */

        /*#header{display:none}*/
        /*#nav{display:none}*/
        .leftnavlist ul li {
            float: left;
            width: 30%;
            height: auto
        }
    /*#header{display:none}*/
    /*#nav{display:none}*/
    /*banner*/
    .scrollBtn img {
        display: none
    }

    #turn {
        width: 100%;
        height: 300px;
        margin-top: 43px
    }

    .middle {
        width: 100%;
    }

    .nav2 {
        display: block;
        margin-top: -30px;
        background-color: #333;
    }

    .layui-nav {
        background-color: rgba(0,0,0,.0);
        color: #fff
    }

        .layui-nav .layui-nav-item a {
            color: #fff;
            font-family: 微软雅黑;
            text-decoration: none
        }

            .layui-nav .layui-nav-item a:hover {
                color: #fff;
                background-color: #136aaf;
                border-color: #0e90d2;
            }

        .layui-nav .layui-nav-item.layui-this a {
            border-color: #0a91ef;
            color: #fff;
            background-color: #3f93d9;
        }

        .layui-nav .layui-nav-item.layui-this {
            border-color: #0a91ef
        }

    /*导航显示样式*/
    #nav {
        /*border-top: 2px solid #2477b9;*/
        /*background: url(../images/navBg.jpg); */
        /*margin-bottom: 5px;*/
        display: none;
    }

        #nav ul {
            width: 100%
        }

        #nav li {
            width: 20%;
            height: 43px;
            text-align: center;
            float: left;
            background-color: #3f93d9;
            margin-top: 5px
        }

            #nav li a {
                font: 700 14px/43px arial;
                color: #ffffff;
                display: block;
                width: 100%;
                height: 100%
            }

                #nav li.now a, #nav li a:hover {
                    /*background: url(../images/li-a.jpg); */
                    background-color: #fff;
                    color: #055c9f;
                    text-decoration: none
                }
    /*宽度*/
    .w {
        width: 100%;
        margin: 0 auto;
        min-height: 0;
        _zoom: 1;
        position: relative;
    }

    #turn {
        margin-top: -30px
    }
    /*左侧样式*/

    .innerLeft .blue div {
        float: left;
        padding-bottom: 5px
    }

    .innerLeft {
        width: 100%;
    }
    /*.blue div{ width: 100%;}*/
    .blue div.zx {
        height: 63px;
        margin-left: 0.5%
    }

    .fa {
        height: 70px;
        margin-left: 0.5%;
    }

    .do {
        height: 70px;
        margin-left: 0.5%;
    }

    .test {
        height: 70px;
        margin-left: 0.5%;
    }

    .innerBanner img {
        height: 150px
    }

    .innerRight {
        width: 100%;
    }

    .innerCont {
        width: 100%;
    }

    .artical {
        width: 95%;
    }

    .mid .left {
        width: 100%;
        padding: 0 0 20px;
        margin-right: 0px
    }

    .mid .right {
        width: 100%;
        padding-right: 0px;
        margin-top: 10px;
    }
    /*咨询师模块*/
    #scroll {
        width: 100%;
        height: auto
    }

    .scrollCont {
        width: 80%
    }

    #news .left {
        width: 100%
    }

    #news .right {
        width: calc(100% - 10px);
        padding-right: 10px;
    }

        #news .right.fr {
            float: left
        }

    .right div {
        float: left;
        width: calc(100% - 10px);
        margin-bottom: 10px;
        padding-left: 10px
    }
    /*logo图片*/
    .web-title img {
        width: 100%;
        -ms-interpolation-mode: bicubic;
    }

    .innerLeft {
        width: 100%;
    }
    /*.blue div{ width: 100%;}*/
    .blue div.zx {
        height: 70px;
    }

    .fa {
        height: 70px
    }

    .do {
        height: 70px
    }

    .test {
        height: 70px;
        margin-left: 0.5%
    }

    .innerBanner img {
        height: 150px
    }

    .innerRight {
        width: 100%;
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px
    }

    .innerCont {
        width: 100%;
    }

    .artical {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px
    }

    #scroll .tit {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px
    }

    #news .left {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px
    }
}

.div_height {
    min-height: 63px;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
    #nav {
        display: none;
    }

        #nav ul {
            display: none;
        }

    #header {
        display: none;
    }

    .innerBanner {
        margin-top: 0;
        height: auto
    }

    .innerCont {
        padding: 0
    }

        .innerCont div {
            padding: 5px
        }

    .imgList {
        width: 100%;
    }

        .imgList li {
            margin-top: 10px
        }

    .innerRight {
        padding: 0px
    }

    .videoinfo ul li .img01 {
        width: auto;
        height: 100px
    }

    .intro {
        width: calc(100% - 20px);
        padding-right: 10px;
        padding-left: 10px
    }

    .headLine {
        width: calc(100% - 20px);
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0
    }

    .mid {
        padding-top: 0px
    }

        .mid .middle li {
            width: calc(100% - 20px);
            padding-right: 10px;
            padding-left: 10px;
            margin-left: 0
        }

            .mid .middle li a {
                margin-left: 0
            }

    .coustom_button {
        height: auto;
        padding: 5px 10px 5px 10px;
    }

    .messageBox {
        width: calc(98% - 10px)
    }

    .mid .btn {
        margin: 0 auto;
        text-align: center
    }

    .w100p {
        width: calc(100% - 28px);
        padding-left: 18px;
        padding-right: 10px;
    }

    .scrollCont li {
        width: auto
    }

    .scrollCont {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px
    }

    .JQ-slide-content li a img {
        width: 100%;
        margin-top: 40px
    }

    .mid .left {
        padding: 0
    }

    .w {
        width: 100%
    }

    .header {
        width: 100%;
        height: auto
    }

        .header .nav {
            height: auto;
            width: 100%
        }

            .header .nav li {
                height: auto;
                width: calc(100% - 2px)
            }

    .table01 {
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px
    }

    input[type=text], input[type=password] {
        width: calc(100% - 5px);
        height: auto
    }

    .cous_table {
        display: none
    }
    /*.file_input {width: 120px;height: }*/
    .cous_table1 {
        display: table
    }

    .ceshijilu {
        display: none
    }

    .ceshijilu1 {
        display: table
    }
    /*.ipt {width:calc(100% - 60px) }*/
    .main-content {
        width: 100%;
        height: auto
    }

    .main-content2 {
        height: auto
    }

    .b40 {
        width: 100%
    }

    .b20 {
        width: 100%
    }

    .zhankai {
        width: 100%
    }

    .ytd td:first-child {
        display: none
    }

    .ytd th:first-child {
        display: none;
    }

    .ytd td:nth-child(3) {
        display: none
    }

    .ytd th:nth-child(3) {
        display: none
    }
    /*.odd td:first-child {display: none}*/




}

@media screen and (max-width: 568px) and (min-width: 0px) {
    #turn {
        height: 265px
    }

    .erweima {
        display: block
    }

    .erweima2 {
        display: none
    }

    .yema {
        display: none
    }

    .pages {
        height: auto;
    }

    .cx {
        margin-top: 5px;
    }

    .btn {
        white-space: nowrap;
        height: auto
    }

    .wtd {
        width: 90px
    }

    .testresult tr td {
        width: auto;
        max-width: auto;
    }

    .list-area {
        width: 100%
    }

    .sch-area {
        width: calc(100% - 2px)
    }
}

@media screen and (max-width: 414px) and (min-width: 0px) {
    .scrollCont li img {
        padding: 0
    }

    #turn {
        height: 150px;
        margin-top: 0px
    }

    .w100p {
        width: 100%;
        padding: 0
    }

    .scrollCont li {
        margin-right: 5px
    }

    .erweima {
        display: block
    }

    .erweima2 {
        display: none
    }
}

@media screen and (max-width: 375px) and (min-width: 0px) {
    .w100p {
        text-align: center
    }

    .scrollCont li {
        margin-left: 30px
    }
}

@media screen and (max-width: 360px) and (min-width: 0px) {
    .yema {
        display: none
    }

    .btn-bt {
        padding: 0
    }
}

@media screen and (max-width: 320px) and (min-width: 0px) {
    .scrollCont li {
        margin-left: 15px
    }

    #turn {
        height: 130px
    }
}
/*.btn_ss{*/
/*height:24px;*/
/*width: 24px;*/
/*background-image: url(../img/首页/搜索.png);*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*position: absolute;*/
/*transition: .5s;*/
/*right: 10px;*/
/*top: 6px;*/
/*z-index: 1;*/
/*}*/

/*.btn_ss:hover{*/
/*background-image: url(../img/首页/搜索_hover.png);*/
/*}*/

/*.sr1{*/
/*float: right;*/
/*height: 36px;*/
/*width: 280px;*/
/*margin:12px 0;*/
/*position: relative;*/
/*}*/

/*.nav .sr1 input{*/
/*width: 100%;*/
/*height: 36px;*/
/*line-height: 36px;*/
/*font-size: 14px;*/
/*border-radius: 2px;*/
/*border:1px solid rgba(255,255,255,0.70);*/
/*background-color: rgba(0,0,0,0);*/
/*padding-left: 10px;*/
/*color: #fff;*/
/*box-sizing: border-box;*/
/*transition: .3s;*/
/*}*/

/*.nav .sr1:hover input{*/
/*border:1px solid #fff;*/
/*}*/

/*.sr2{*/
/*height:24px;*/
/*width: 24px;*/
/*background-image: url(../img/首页/搜索.png);*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*transition: .5s;*/
/*float: right;*/
/*margin-top: 18px;*/
/*margin-bottom: 18px;*/
/*border:none;*/
/*background-color:rgba(0,0,0,0);*/
/*cursor: pointer;*/
/*display: none;*/
/*}*/

/*.sr2:hover{*/
/*background-image: url(../img/首页/搜索_hover.png);*/
/*}*/

/*.tab1{*/
/*height: 20px;*/
/*width: 24px;*/
/*float: left;*/
/*margin:20px 0;*/
/*opacity: 0.7;*/
/*transition: .5s;*/
/*display: none;*/
/*cursor: pointer;*/
/*}*/

/*.mar_box{*/
/*margin: 0 auto;*/
/*height: 20px;*/
/*width: 24px;*/
/*position: relative;*/
/*}*/

/*.mar1{*/
/*width: 24px;*/
/*height: 2px;*/
/*background-color: #fff;*/
/*position:absolute;*/
/*top: 0px;*/
/*left: 0;*/
/*transition: .3s;*/
/*}*/

/*.mar2{*/
/*width: 24px;*/
/*height: 2px;*/
/*background-color: #fff;*/
/*position:absolute;*/
/*top:9px;*/
/*left: 0;*/
/*opacity: 1;*/
/*transition: .5s;*/
/*}*/

/*.mar3{*/
/*position: absolute;*/
/*width:24px;*/
/*height: 2px;*/
/*background-color: #fff;*/
/*top: 18px;*/
/*left: 0;*/
/*transition: .3s;*/
/*}*/

/*.m1_h{*/
/*transform: rotate(45deg);*/
/*top: 9px;*/
/*}*/

/*.m2_h{*/
/*opacity: 0;*/
/*}*/

/*.m3_h{*/
/*transform: rotate(-45deg);*/
/*top: 9px;*/
/*}*/

/*.tab1:hover{*/
/*opacity: 1;*/
/*}*/

/*.nav2{*/
/*display: none;*/
/*}*/


/*.xianshi{*/
/*display: block;*/
/*}*/

/*.ss2{*/
/*position: fixed;*/
/*top:-100px;*/
/*width:calc(100% - 60px);*/
/*background-color: #fff;*/
/*height: 80px;*/
/*left: 30px;*/
/*z-index: 9999;*/
/*box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);*/
/*border-radius: 2px;*/
/*transition: .5s;*/
/*}*/

/*.ss2 input{*/
/*width:calc(100% - 134px);*/
/*height: 36px;*/
/*line-height: 36px;*/
/*font-size: 14px;*/
/*border-radius: 2px;*/
/*border:1px solid #ccc;*/
/*background-color: rgba(0,0,0,0);*/
/*color: #333;*/
/*box-sizing: border-box;*/
/*transition: .3s;*/
/*float: left;*/
/*margin-left: 20px;*/
/*margin-top: 21px;*/
/*padding-left: 10px;*/
/*}*/

/*.btn_ss2{*/
/*height:24px;*/
/*width: 24px;*/
/*background-image: url(../img/首页/搜索1.png);*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*transition: .5s;*/
/*float:left;*/
/*margin-left: 20px;*/
/*margin-top: 28px;*/
/*margin-right: 20px;*/

/*}*/

/*.btn_ss2:hover{*/
/*background-image: url(../img/首页/搜索_hover1.png);*/
/*}*/

/*.btn_gb{*/
/*float: left;*/
/*font-size: 30px;*/
/*height: 30px;*/
/*width: 30px;*/
/*color: #333;*/
/*line-height:30px;*/
/*margin-left: 20px;*/
/*margin-top: 25px;*/
/*}*/
@media screen and (max-width: 768px) and (min-width: 0px) {
    #UpdatePanel1 table td input {
        width: 160px !important;
    }

    #UpdatePanel1 table img {
        display: block !important;
    }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
    #UpdatePanel1 table td input {
        width: 160px !important;
    }

    #UpdatePanel1 table img {
        display: block !important;
    }

    #logintype {
        margin-left: 5px
    }

    #loginid td span {
        width: auto !important;
    }
}


@media screen and (max-width: 768px) and (min-width: 0px) {
    .w {
        width: 100% !important;
    }

    .footer_left {
        margin-left: 10px !important
    }

    .footer_left {
        text-align: center;
        margin: 0 auto;
        float: none !important;
        width: auto !important
    }

    .blue .zx {
        background: #2a79bb
    }

    #news .left {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }

    #news {
        width: 100%
    }

    table td span {
        display: inline-block;
    }

    .blue .zx {
        background: transparent;
    }
}

@media only screen and (max-width: 640px) {
    .footer_left {
        margin-left: 10px !important;
    }

    .footer_left {
        text-align: center;
        margin: 0 auto;
        float: none !important;
        width: auto !important
    }

    .right div {
        float: none
    }

    .consultantList li {
        width: calc(50% - 62px);
        margin: 10px;
    }

    .blue div.zx {
        height: 39px !important;
    }
}

@media only screen and (max-width: 412px) {
    .consultantList li {
        width: calc(100% - 62px);
        margin: 10px;
    }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
    #ChartL {
        height: auto !important;
        width: 100% !important;
    }
}