/* 非首页页头样式 */
@media only screen and (min-width: 767px) {
    .submit_button {
        width: 50%;
    }
    .sumit_box {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        height: 50px;
    }
    #btn-open:hover {
        cursor: pointer;
    }
    .tijjiao_layut {
        width: 70%;
        margin-top: 158px;
    }
    .input_box {
        height: 50px;
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .div_input {
        width: 100%;
        height: 100%;
    }

    .tijiaohuidian {
        /*width: 35%;*/
        display: flex;
        justify-content: center;
        background-color: #fff;
        height: 445px;
        /*margin-top: 110px;*/
        top: 0%;
        /* background-color: #0000008a; */
        display: flex;
        justify-content: center;
    }
    #dialog {
        z-index: 999;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #0000008a;
        top: 0%;
    }


    .dropCon{
        /* display: none; */
        margin-top: 12px;
    }
    .col-md-7 {
        width: 74%;
    }
    .dreamer-location {
        display: flex;
        margin-top: auto;
        margin-left: 19%;
        font-size: 19px;
        font-weight: 600;
        color: #b10d0d;
        background-color: darkgrey;
    }

    .container2 {
        width: 100%;
    }

    /* 和首页的页头css一样的样式 */
    .daohanglan{
        display: flex;
        justify-content: flex-end;
    }
    .form-control {
        font-size: 11px;
    }
    .dizhi #nav ul li a:hover {
        color: #df2d2d;
        /* 选中时的背景颜色 */
        /* background:#8ab7cd; */
        background:#fff;
    }
    .dizhi #nav ul li ul li a:hover {
        color: #fff;
        /* 选中时的背景颜色 */
        /* background:#8ab7cd; */
        background:#df2d2d;
    }
    .dizhi{
        flex-direction: row-reverse;
        width: 76.7%;
        padding-left: 1vh;
        font-weight: 600;
        font-size: 14px;
        /* 导航栏的渐变色 */
        /* background: -webkit-linear-gradient(left, #ffffff,#df2d2d); */
        /* background: none; */
    }
    .dizhi #nav {
        margin: 0px 0 0px;
        height: 100%;
        float: right;
        background: none;
        /* 字体 */
        font-family: serif;
        width: 100%;
    }
    .dizhi #nav ul {
        width: 100%;
        height: 100%;
        margin: 0px 0px 0px;
    }
    .dizhi #nav ul li {
        /* width: auto; */
        height: 100%;
    }
    .dizhi #nav ul li a {
        display: grid;
        align-items: center;
        /* min-width: 150px; */
        max-width: 105px;
        height: 100%;
        color: #000;
        width: 130px;
    }
    .dizhi #nav ul li ul {
        top: 83px;
        margin-left: -40px;
        height: 50px;
    }
    .dizhi #nav ul li ul li a {
        /* 下拉列表边框颜色 */
        /* border-top: 0.5px solid #fff; */
        border-top: none;
        /* font-family: 黑体; */
        height: 50px !important;
        min-width: 230px;
        margin-left: -14px;
        background: #fbfbfbfa;
        font-family: serif;
    }
    /* .daohanglan li a {
        display: grid;
        align-items: center;
    } */
    .select {
        width: 9%;
        display: flex;
        align-items: center;
    }
    .navbar-left {
        display: flex;
    }
    .dsp{
        display: contents;
    }
    .whth{
        width: 160px;
    }
    .container2 .page_heading{
        display: flex;
    }
    .container2 .page_heading .col-md-4{
        width: 16.3%;
    }
    .container2 .page_heading .col-md-4 .col-md-7{
        width:100%;
        display: flex;
        flex-direction: row-reverse;
    }
    .container2 .page_heading .col-md-4 .col-md-7 a{
        display: flex;
        flex-direction: row-reverse;
    }

    /* 检查产品详情页,网页文章模板部分 */
    .details .dis a {
        height: 100%;
    }
    .news-content-page .conter .asideCon .article .articleCon div{
        width: 100%;
    }
    /* 常见问题解答页面 */
    .changjianWT {
        max-height: none !important;
        margin-top: 30px
    }
    .questionAnswers {
        width:100% !important;
    }
    /* 搜索结果页面 */
    .searchResul {

    }
    .resulTitle {

    }
    .daohangHongxian {
        width: 100%;
        margin-left: 40px;
        height: 2px;
        background-color: #df2d2d;
    }
    /* 地图页面 */
    .dituBankuai {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px){
    .layui-layer {
        width: 100% !important;
        left: auto !important;
    }
    /* #layui-layer100002 {
        width: 100% !important;
        left: auto !important;
    } */
    #nav {
        font-size: 16px;
    }
    /* 导航栏居中 */
    ul {
        display: flex;
        justify-content: center;
        list-style: none;
        width: 100%;
        margin: 0px auto;
    }
    .dizhi{
        width: 100%;
        /* height: 730px; */
         padding-left: 1vh;
         margin-top:10px;
         font-weight: 600;
         font-size: 12px;
         /* background: -webkit-linear-gradient(left, #ffffff,#df2d2d); */
         background: #fff;
         z-index: 999;
         /*position: absolute;*/
    }
    .dizhi #nav ul li{
        width: 100%;
        height: auto;
        overflow: hidden;
        position: unset;

    }
    #nav ul li a:hover{

    }
    .dizhi #nav ul li a {
         width: 100%;
        /*line-height: 24px;*/
        display: block;
        justify-content: flex-start;
        align-items: center;
        /*margin-left: 5%;*/
    }
    .dizhi #nav ul li a:hover {
        background: #ffffff;
        color: #000;
    }
    .dizhi #nav ul li ul{
        width: 100%;
        /*margin-left: 30%;*/
        top: 0px;
        position: unset;
        /*height: auto !important;*/
    }
    .dizhi #nav ul li ul li{
        /*width: 143px;*/
        /*margin-left: 37px;*/
    }
    .dizhi #nav ul li ul li a {
        background: #f5f5f5;
        font-size: 16px;
        /* width: 143px; */
        /* margin-left: 37px; */
        display: grid !important;
        align-items: center !important;
        justify-content: center;
    }
    .daohanglan{
        display: flex;
        /* justify-content: center; */
        flex-direction: column;
        width: 100%;
        background: #ffffff;
    }
    .bootsnav {
        top: -10px;
       }
       .logoWidth{
        width:60%;
        height:100px
    }
    /* .dizhi{
        width: 150px;
        height:80px;
         padding-left: 1vh;
         margin-left: 60%;
         margin-top:10px;
         font-weight: 600;
         font-size: 12px;
         background: -webkit-linear-gradient(left, #ffffff,#df2d2d);
    } */
    .daohang{
        width: 105%;
        height:50px;
    }
    .topGai{
        top: -10px !important;
    }
    .dsp{
        display: flex;
        width: 100%;
    }
    .bud{
        border-bottom: none !important;
    }
    .dropdown, .dropup {
        position: relative !important;
    }
    .dropCon{
        display: contents;
    }
    .font{
        font-size: 14px  !important;
    }
    .whth{
        width: 50px;
    }
    .select {
        margin-bottom: 10px;
    }
    .dizhi #nav ul li a {
        color: #000000;
    }
    .dizhi #nav {
        /* z-index: 999;
        position: absolute; */
        height: auto;
        width: 100%;
        background: #ffffff;
    }
    .nav-search {
        display: flex;
        width: 100%;
        padding: 0 0 0 15px;
    }
    .dreamer-prevnext {
        display: flex;
        flex-direction: column;
    }
    .dreamer-pagination{
        width: 100%;
    }
    .dreamer-ul{
        width: 100%;
    }
    .publicList .item .text .name {
        font-size: 16px;
    }
      /* 地图页面 */
      .dituBankuai {
        margin-bottom: 40px;
    }
    .biaoti {
        display: flex !important;
        flex-direction: column;
    }
}