/*+-----------------------------------
  + START: topµ¼º½
  +----------------------------------*/

.drawer-hamberger .nq-tel {
    margin     : 2.8%;
    border     : 1px solid #000;
    margin-left: 18.66666667%;
    height     : 30px;
    line-height: 30px;
}

.drawer-hamberger .nq-tel input[type='tel'],
.drawer-hamberger .nq-tel button {
    border     : none;
    background : transparent;
    height     : 30px;
    line-height: 30px;
    padding    : 0 0 0 8px;
}

.drawer-hamberger span.fl {
    top      : 50%;
    left     : 1%;
    transform: translate(0, -50%);
}

.drawer-hamberger span.fl i {
    color: #f00
}

.index-ham header {
    display   : block;
    width     : 100%;
    height    : 12%;
    background: #f7f7f7;
}

.index-ham .header.on .close {
    right: 6px;
    top  : 7px;
}

/*+-----------------------------------
  + START: ????
  +----------------------------------*/

.banner-slide .mui-slider-indicator .mui-indicator {
    width     : 10px;
    height    : 10px;
    margin    : 0 2px;
    box-shadow: none;
    background: #fff;
}

.banner-slide .mui-slider-indicator .mui-indicator.mui-active {
    background: #0d83e7
}

.header {
    padding: 0px !important;
}

@media screen and (max-width: 660px) {
    .banner-slider {
        height    : 20%;
        margin-top: 7.5rem;
    }
}

@media screen and (min-width: 660px) {
    .banner-slider {
        height    : 20%;
        margin-top: 7.5rem;
    }
}

/*+-----------------------------------
  + START: ????
  +----------------------------------*/

.wap-nav .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border-right : 0;
    border-bottom: 0;
}

.wap-nav .mui-grid-view.mui-grid-9 {
    background: #fff;
}

.wap-nav .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    padding: 0 15px;
}

.wap-nav .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    text-overflow: initial;
}

.ico-al.icon-qichecar50 {
    font-size: 5rem !important
}

@media (max-width: 320px) {
    .wap-nav .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
        font-size: 12px;
    }
    .ico-al {
        width      : 4rem;
        height     : 4rem;
        line-height: 4rem;
    }
    .ico-al.icon-qichecar50 {
        font-size: 4rem !important
    }
}

.nav-icon i {
    margin-bottom: 8px;
    background   : #fff;
    color        : #000;
    border       : 1px solid #000;
    border-radius: 50%;
}

span.span-icon {
    width : 85%;
    margin: 0 auto 8px;
}

/*+---------------------------------------------------------
  + START: ?????ÑØ??-???
  +---------------------------------------------------------*/

.index-container .wap-common-title>span {
    border-left: 2px solid #ff0000;
    line-height: 1.6rem;
    font-size  : 1.6rem;
    font-weight: bold;
    text-indent: 0;
    padding    : 0 5px;
}

.index-container .wap-common-title h3 span {
    font-weight: normal;
    font-family: Helvetica;
    font-size  : 1.5rem;
}

.index-container .wap-common-title .more_a {
    color      : #000;
    font-size  : 1.5rem;
    font-weight: bold;
}

.index-container .wap-common-container {
    background: rgba(243, 243, 243, 0.88);
    margin    : 0 8px 8px;
}

.index-container .wap-common-container .flex li {
    width  : 25%;
    padding: 8px 2px;
    margin : 1% 3% 2%;
}

.index-container .wap-common-container .flex li.active a {
    color       : #ff0000;
    border-color: red
}

.index-container .wap-common-container .flex a {
    color      : #000;
    font-size  : 1.6rem;
    padding    : 1px 0;
    font-weight: bold;
    border     : 1px solid #000;
    display    : block;
}

.index-container .wap-tab-contain .parent-wrapper {
    display: none;
    padding: 0 4px;
}

.index-container .wap-tab-contain .parent-wrapper.active {
    display: block;
}

.index-container .wap-tab-contain .txt {
    font-size  : 1.5rem;
    width      : 95%;
    margin     : 0 auto;
    color      : #000;
    padding    : 10px 0 5px;
    line-height: 2.2rem;
}

.index-container .wap-tab-contain .txt b {
    font-size: 1.6rem
}

.index-container .wap-tab-contain .txt a {
    background : #ff0000;
    color      : #fff;
    font-size  : 1.6rem;
    line-height: 35px;
    right      : 1%;
    top        : 50%;
    transform  : translate(0, -50%)
}

.index-container .wap-tab-contain #video {
    display: none;
}

.lowhigh {
    height: 40px;
}

.col-xs-6 {
    text-align: center;
}

.drawer-toggle ul li,
.drawer-toggle .icon_li {
    line-height: 35px;
    height     : 35px;
}

.cz_btn {
    width           : 50%;
    background-color: #2593e3;
    float           : left;
    line-height     : 40px;
    height          : 40px;
    text-align      : center;
}

.gz_btn {
    width           : 50%;
    background-color: #ed3c42;
    float           : left;
    line-height     : 40px;
    height          : 40px;
    text-align      : center;
}

.iconfont2 {
    background: url(../../pic/icon/low1.png) no-repeat 0px 8px;
    width     : 170px;
    height    : 28px;
    margin    : 0 auto;
    color     : #fff;
    font-size : 1.8rem;
}

.iconfont1 {
    background: url(../../pic/icon/high1.png) no-repeat 0px 8px;
    width     : 170px;
    height    : 28px;
    margin    : 0 auto;
    color     : #fff;
    font-size : 1.8rem;
}

/*+---------------------------------------------------------
  + START: ??????
  +---------------------------------------------------------*/

.index-container .access li.fl,
.index-container .access li.fr p {
    background: #eeeeee;
}

.index-container .access li.fl {
    width : 36.5%;
    height: 100%;
    top   : 0;
    left  : 0;
}

.index-container .access li.fr {
    width: 62%
}

.index-container .access .left_img {
    top      : 50%;
    left     : 0;
    transform: translate(0, -50%);
    position : absolute
}

@media (min-width:768px) {
    .index-container .access li.fl p,
    .index-container .access li.fr p {
        padding: 15px 20px;
    }
    .index-container .access li.fl p {
        margin-top   : 52px;
        margin-bottom: 33px;
    }
    #CallBtn img {
        width     : 40%;
        margin-top: -2px;
    }
}

/*??*/

.major b,
.qxzx_block .img_right .h_new a,
.qxzx_block .t_new {
    overflow     : hidden;
    text-overflow: ellipsis;
    padding-left : 5px;
}

.qxzx_block .img_right .h_new a,
.qxzx_block .t_new {
    height     : 24px;
    line-height: 24px;
}

.major b {
    height     : 30px;
    line-height: 30px;
    font-size  : 1.4rem;
}

.major .zy_list_a_bg {
    background: #e5e5e5;
    color     : red;
}

.major .zy_list_a_bg,
.major .zy_list_a_br {
    border-color: #cccccc;
    line-height : 30px;
    height      : 30px;
    margin-top  : 0;
    font-size   : 1.2rem
}

/*???????*/

.qxzx_block .notice_txt {
    width        : 22%;
    margin-bottom: 0
}

.qxzx_block .img_right {
    width       : 77%;
    padding-left: 15px;
    font-size   : 0.8em;
}

.img_right .swiper-slide {
    padding-top: 2px
}

.qxzx_block .img_right .h_new {
    height     : 24px;
    line-height: 24px;
}

.qxzx_block .t_new {
    border-bottom : 1px solid #f00;
    padding-bottom: 5px;
    margin-bottom : 5px;
    font-weight   : bold;
}

@media (max-width:330px) {
    .qxzx_block .notice_txt {
        margin-top: 2.5%;
    }
}

.index-footer.footer {
    padding-bottom: 8px;
}

/*footer???*/

.footer-fixed.index-footer-fixed {
    border-top: 1px solid #ccc
}

.footer-fixed.index-footer-fixed ul li {
    background: #fff;
}

.footer-fixed.index-footer-fixed a {
    color    : #404040;
    font-size: 1.2rem
}

.footer-fixed.index-footer-fixed a:active {
    color: #fd0303
}

.index-footer-fixed.footer-fixed ul li .iconfont {
    display      : block;
    height       : 2rem;
    font-size    : 2.4rem !important;
    margin-bottom: 2%;
}

.index-footer-fixed.footer-fixed ul li {
    border: none;
}

.index-footer-fixed.footer-fixed ul li span {
    font-size: 1.2rem;
}

#CallBtn img {
    width: 20px;
}

.index_high {
    position: relative;
    height  : 9.2rem;
}

#low_img,
#high_img {
    position: absolute;
    left    : 0;
    top     : 0;
}

#low_img {
    z-index: 10;
}

#high_img {
    z-index: 20;
}

.cred {
    color: #ff0000 !important;
}

.hot2018 {
    background-color: #1c5dad;
    width           : 100;
    text-align      : center;
    font-weight     : bold;
    font-size       : 1.25em;
    color           : #fff;
    height          : 35px;
    line-height     : 35px;
    margin-bottom   : 1rem;
}

.low_imga {
    width : 32%;
    float : left;
    margin: 2px;
}

.highbut1 {
    width : 90%;
    margin: 1rem auto 0.5rem;
}

.hbutleft {
    background   : #7288af;
    width        : 48%;
    color        : #fff;
    font-size    : 1.6rem;
    padding      : .3em 1em;
    border-radius: 0px;
    text-align   : center;
    float        : left;
    display      : block;
}

.hbutright {
    background   : #aaca7e;
    width        : 48%;
    float        : right;
    color        : #fff;
    font-size    : 1.6rem;
    padding      : .3em 1em;
    border-radius: 0px;
    text-align   : center;
    display      : block;
}

.nbanner {
    margin-top: 1.2rem;
}

.pop_box {
    width              : 258px;
    height             : 258px;
    background         : #fff;
    box-shadow         : 0 0 20px rgba(10, 2, 4, .75);
    background-size    : 100% 100%;
    margin             : auto;
    position           : fixed;
    left               : 50%;
    margin-left        : -140px;
    text-align         : center;
    border-radius      : 10px;
    z-index            : 1000000;
    animation          : popup 2s;
    animation-delay    : 5s;
    animation-fill-mode: forwards;
}

.pop_box>.close {
    display      : block;
    width        : 30px;
    height       : 30px;
    line-height  : 30px;
    text-align   : center;
    border-radius: 50%;
    background   : rgba(0, 0, 0, 0.5);
    position     : absolute;
    right        : -13px;
    top          : -13px;
    color        : #fff;
    font-weight  : bold;
    font-size    : 20px;
}

.pop_box>h2 {
    margin-top   : 20px;
    margin-bottom: 0;
    font-size    : 22px;
    text-align   : center;
    font-weight  : 400;
    line-height  : 1.8;
}

.pop_text {
    font-size  : 16px;
    margin     : 5px 0;
    line-height: 1.6;
}

.pop_text_bottom {
    width    : 89%;
    margin   : 0 auto;
    font-size: 12px;
}

.chu {
    display      : block;
    float        : left;
    width        : 50%;
    height       : 50px;
    line-height  : 50px;
    background   : #26c540;
    border-radius: 0 0 0 10px;
    margin-top   : 20px;
    color        : #fff;
}

.gao {
    display      : block;
    float        : left;
    width        : 50%;
    height       : 50px;
    line-height  : 50px;
    background   : #dd514c;
    border-radius: 0 0 10px 0;
    margin-top   : 20px;
    color        : #fff;
}

.pop_div:after {
    display : block;
    clear   : both;
    overflow: hidden;
    content : '';
}

@keyframes popup {
    0% {
        opacity: 0;
        top    : 100%;
    }
    100% {
        opacity: 1;
        top    : 30%;
    }
}

@keyframes popup1 {
    0% {
        opacity: 1;
        top    : 30%;
    }
    100% {
        opacity: 0;
        top    : 100%;
        display: block;
    }
}

.djdt span i {
    background     : url(../img/list_ico.png) no-repeat;
    width          : 0.8rem;
    height         : 0.9rem;
    background-size: 100%;
    display        : inline-block;
    margin-right   : 8px;
    margin         : 1.3rem auto;
}

.djdt a {
    color        : #000;
    font-size    : 1.35rem;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    display      : block;
    line-height  : 3.5rem;
    border-bottom: #d2d2d2 1px dashed;
}

.djdt .ddat {
    line-height: 3.5rem;
}

.zbhd a {
    margin-bottom: 1rem;
    width        : 100%;
    display      : inline-block;
}

.zbhd a img {
    width        : 88%;
    border-radius: 3px;
}

.zbhd a i {
    color      : #a9a9a9;
    display    : block;
    margin-top : 5px;
    padding-top: 5px;
    border-top : #d2d2d2 1px dashed;
    font-style : normal;
}

.index-news i {
    background     : url(../img/list_ico.png) no-repeat;
    width          : 0.85rem;
    height         : 0.8rem;
    line-height    : 24px;
    background-size: 100%;
    display        : inline-block;
    margin         : 0 auto;
}
#v1 img: hover{cursor: pointer;}