/* CSS for touch devices */
.header{
    display: block;
}
.touch_nav{
    display: none;
}
.top_nav_n{
    display: block;
}
.touch_top_nav_n{
    display: none !important;
}
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .top_nav_n{
        display: none !important;
    }
    .touch_top_nav_n{
        display: block !important;
    }
    .touch_nav{
        display: block;
    }
    .header{
        display: none;
    }
    .box{
        min-width: auto;
        max-width: none;
        width: 95%;
        overflow: hidden;
    }
    .touch_nav .uk-navbar-nav a.logo{
        width: 40%;
    }
    .uk-sticky{
        position: absolute;
    }
    .uk-position-bottom-center{
        bottom: 15px;
    }
    .sj-dhbottom{
        width: 23px !important;
    }
    .uk-offcanvas-bar{
        background: #01b1fd;
    }
    .touch_nav .uk-nav-primary{
        font-size: 1.4rem;
    }
    .touch_nav .uk-nav-primary li a{
        color:rgba(255, 255, 255, .6);
    }
    .touch_nav .uk-nav-primary li.uk-open a{
        color:rgba(255, 255, 255, 1);
    }
    .uk-navbar-container:not(.uk-navbar-transparent){
        background: #fff;
    }
    .touch_nav .uk-navbar-sticky .logo .dhlogo{
        display: none;
    }
    .touch_nav .uk-navbar-sticky .logo .dhlogo2{
        display: block;
    }
    .main_content .main_title{
        margin: 10px 0 0 0;
    }
    .main_title_b{
        width: 100%;
        left: auto;
        font-size: 34px;
    }
    .main_title_t{
        top: 40%;
        font-size: 26px;
    }
    .uk-card-body{
        padding: 20px;
    }
    .main_content_a_c .uk-slider-items li h3{
        font-size: 21px;
    }
    .main_content_a{
        padding-bottom: 20px;
    }
    #switcher-element{
        padding-top: 20px;
    }
    .uz_slide .uz_slide_dwz{
        padding-top: 10px;
    }
    .uz_slide .uz_slide_dwz a::before{
        top: -13px;
    }
    #switcher-element>div{
        margin-bottom: 20px;
    }
    .uz_slide .uk-active .uz_slide_dwz a{
        font-size: 21px;
    }
    .main_content_b_c .uk-margin{
        margin-top: 10px !important;
    }
    .uz_slide_c_po{
        min-height: 360px;
    }
    .uz_slide_c_t>.uk-position-center-left{
        margin-left: 30px;
    }
    .uz_slide_c_t h2{
        font-size: 18px;
    }
    .main_content_b{
        padding-bottom: 20px;
    }
    .main_content_c_b{
        margin-top: 20px;
    }
    .main_content_c_b p{
        font-size: 16px;
    }
    .main_content_c_b .dsjgd{
        padding-top: 0;
    }
    .touch-about{
        margin-top: 20px !important;
    }
    .main_content_c_b .sj{
        font-size: 28px;
    }
    .main_content_c_b .b{
        width: 100%;
        padding: 20px 0;
    }
    .main_content_c_b .b ul li a{
        width: 110px;
        height: 110px;
    }
    .main_content_c_b .b>ul>li span{
        font-size: 16px;
    }
    .main_content_c_b .b>ul>li span img{
        width: 40%;
    }
    .main_content_c_b .dsjgd .jj{
        font-size: 14px;
    }
    .main_content_c{
        padding-bottom: 20px;
    }
    .main_content .main_title{
        margin-bottom: 10px !important;
    }
    .new_more{
        font-size: 18px;
    }
    .new_m_box{
        margin-bottom: 20px;
    }
    .cpxt .conab h2{
        font-size: 18px;
    }
    .cpxt .conab .description{
        display: none;
    }
    .cpxt .conab .data{
        margin: 0;
    }
    .cpxt .conab{
        min-height: 100px;
        bottom: 0;
    }
    .newscontent .bottom ul.cpxt li a{
        height: 390px;
    }
    .main_content_d{
        padding-bottom: 20px;

    }
    .newscontent .bottom{
        margin-bottom: 20px;
    }
    footer .t .fn24{
        font-size: 18px ;
    }
    footer .t{
        height: 85px;
    }
    footer .t .fn24{
        line-height: 85px;
    }
    footer .s{
        padding-top: 20px;
    }
    footer .s ul{
        padding-left: 0;
    }
    footer .s ul li{
        width: 100%;
    }
    footer .s ul li ul li{
        display: inline-block;
        width: auto;
    }
    footer .s ul li ul{
        margin-top: 10px !important;
    }
    footer .s .fl{
        width: 100%;
        overflow: hidden;
    }
    footer .s .fr{
        width: 100%;
        float: none;
        max-width: none;
        text-align: left;
        overflow: hidden;
    }
    footer .s .fr_t{
        text-align: left;
    }
    footer .s .fr_t img{
        display: none;
    }
    footer .s .fr_t br{
        display: none;
    }
    footer .s .fr_b{
        text-align: left;
        width: 100%;
    }
    footer .b .l{
        line-height: normal;
    }
    footer .b .r{
        line-height: 50px;
        text-align: left;
        float: left;
    }
    .nr_banner{
        height: 200px;
    }
    .nr_banner h2{
        font-size: 28px;
        top: auto;
        bottom: 10px;
        left: 15px;
    }
    .nr_banner_bt .mbx{
        top: 85%;
        left: 15px;
    }
    .main-content .content .ymbt{
        margin: 30px 0 20px 0;
    }
    .main-content .content .ymbt{
        font-size: 28px;
    }
    .rccontent_A_bl h2{
        font-size: 21px;
        margin-bottom: 0;
    }
    .rccontent_A_bl p{
        font-size: 16px;
        margin: 10px 0;
    }
    .uk-grid-margin{
        margin-top: 20px !important;
    }
    .abcontent_B{
        margin: 20px 0;
    }
    .abcontent_B .dsjgd .sj{
        font-size: 28px;
    }
    .abcontent_B .dsjgd .jj{
        font-size: 14px;
    }
    .abcontent_B>div .dsjgd::after{
        display: none;
    }
    .qywhcontenttop{
        padding: 30px 0;
    }
    .aboutnre .abelist .abelistc .bt{
        height: 116px;
        bottom: 0;
        padding: 18px;
        width: calc(100% - 30px);
        background: rgba(1, 177, 253, .5);
    }
    .aboutnre .abelist .abelistc .bt h2{
        text-align: left;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .aboutnre .abelist .abelistc p{
        opacity: 1;
        text-align: left;
        color: #fff;
        margin: 0;
        font-size: 16px;
    }
    .aboutnre .abelist .abelistc:hover .bt{
        background: rgba(1, 177, 253, .5);
    }
    .aboutnre .abelist .abelistc:hover .bt h2{
        color: #fff;
    }
    .cpcontent .top_nav_n{
        height: auto;
        margin: 30px auto;
    }
    .top_nav_n ul{
        padding-left: 0;
    }
    .top_nav_n ul li a{
        font-size: 16px !important;
    }
    .touch_top_nav_n_box{
        position: relative;
    }
    .touch_top_nav_n_box ul.uk-slider-items li{
        text-align: center;
    }
    .touch_top_nav_n_box ul.uk-slider-items li a{
        display: inline-block;
        text-align: center;
        font-size: 24px;
        color: #333;
    }
    .touch_top_nav_n{
        padding: 30px 0;
    }
    .cpcontent_list{
        padding: 30px 0;
    }
    .cp_list .cp_list_img{
        width: 100% !important;
        float: none!important;
        margin-right: 0!important;
        text-align: center;
        margin-bottom: 20px;
    }
    .cp_list_title{
        width: 100%!important;
        float: none!important;
    }
    .cpcontent_list .cp_list h2{
        font-size: 21px;
    }
    .cp_list object{
        float: none;
        margin-top: 20px;
        display: inline-block;
        width: 100%;
    }
    .pagination{
        margin: 0;
    }
    .cplist_cf_box_top h3{
        margin-bottom: 10px;
    }
    .cplist_cf_box_top{
        margin-bottom: 30px;
    }
    .cpyy_list_t h2{
        font-size: 21px;
        margin-bottom: 10px;
    }

    .cplist_cf_box_topt ul li a h3{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .cpyy_list_t p{
        font-size: 16px;
        margin-top: 10px;
    }
    .cpyy_list_s{
        margin-top: 0;
    }
    .cpyy_list_b_bt{
        margin: 30px 0 20px 0;
        font-size: 21px;
    }
    .cpyy_list_b_nr_box{
        padding: 20px;
    }
    .cpyy_list_b_nr{
        margin-bottom: 40px;
    }
    .cpyycontentb{
        padding: 30px 0;
    }
    .cpyycontentb .title{
        font-size: 21px;
    }
    .cpyycontentb th{
        font-size: 18px;
    }
    .cpyycontentb td{
        font-size: 14px;
    }
    .cpyycontentb .clascls{
        margin-bottom: 20px;
    }
    .clascls .classzname{
        font-size: 18px;
        margin-top: 20px;
    }
    .flix a .l h3{
        font-size: 18px;
    }
    .flix a .r{
        opacity: 1;
        line-height: 1.3;
    }
    .fwcontent_A_con_t{
        font-size: 21px;
        transform: translate(-50%, 90%) !important;
    }
    .fwcontent_A_conx .fwazz{
        bottom: 0;
    }
    .fwcontent_A_con{
        padding-bottom: 30px;
    }
    .fwcontent_B{
        padding: 30px 0;
    }
    .fwcontent_B .title{
        font-size: 28px;
        margin: 0 0 20px 0;
    }
    .fwcontent_BC{
        padding: 30px 0;
    }
    .fwcontent_BC .title{
        font-size: 28px;
        margin: 0 0 20px 0;
    }
    .yfzx_a_t_box{
        margin-top: 0 !important;
    }
    .yfzx_s{
        margin-top: 20px;
    }
    .yfzx_b{
        padding: 20px 0;
    }
    .newscontent .top .l{
        width: 100%;
    }
    .newscontent .top .r{
        width: calc(100% - 40px);
        padding: 20px;
        height: auto;
    }
    .newscontent .top{
        margin: 20px 0;
    }
    .ztitle{
        font-size: 21px;
        margin: 10px 0;
        padding: 0 !important;
    }
    .zmtop{
        margin-top: 30px;
    }
    .newsshowc{
        padding: 20px 0;
    }
    .newsshowc .ntitle{
        font-size: 21px;
    }
    .newsshowc .ndata{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .newsshowc .ncont p{
        margin-bottom: 0;
    }
    .rccontent_B{
        margin-top: 30px;
        padding: 20px 0;
    }
    .rccontent_B .title{
        font-size: 28px;
        margin:0;
    }
    .rccontent_B_bc{
        margin-top: 10px;
    }
    .rccontent_B_bc table{
        margin-top: 0;
    }
    .rccontent_B_bc table td, .rccontent_B_bc table th{
        font-size: 18px;
    }
    .rccontent_B_bc table tr td{
        font-size: 16px;
    }
    .rccontent_C{
        padding: 20px 0;
    }
    .rccontent_C .title{
        font-size: 28px;
        margin: 0 0 20px 0;
    }
    .rccontent_C ul li div{
        font-size: 21px;
    }
    .rccontent_D{
        padding: 20px 0;
    }
    .rccontent_D .title{
        font-size: 28px;
        margin: 0 0 20px 0;
    }
    .rcfzcontentcc{
        padding-top: 0;
    }
    .rcfzcontentc .con{
        margin-top: 0;
    }
    .rcfzcontentc .con ul li a{
        padding:20px 0;
    }
    .rcfzcontentc .con ul li .bm{
        display: none;
    }
    .rcfzcontentc .con ul li .rs{
        display: none;
    }
    .rcfzcontentc .con ul li .dd{
        display: none;
    }
    .rcfzcontentc .con ul li .title{
        width: calc(100% - 48px);
        padding-left: 20px;
    }
    .rcfzcontentc .con ul li .uk-accordion-content {
        padding: 0 20px;
        width: calc(100% - 67px);
        margin-top: 0;
    }
    .rcfzcontentc .con ul li .uk-accordion-content h2{
        margin: 20px 0;
    }
    .rcfzcontentc .con ul li .uk-accordion-content div{
        margin-top: 0 !important;
    }
    .t_g2pho h5{
        font-size: 21px;
        line-height: normal;
    }
    .t_g2ic{
        margin-top: 0;
    }
    .t_g2pho{
        padding: 20px;
    }
    .t_g2su{
        width: 70%;
    }
    .t_g2nr{
        font-size: 16px;
        line-height: 1.5;
    }
    .t_g2fshi{
        margin: 20px 0;
    }
    .t_g2fshi>div{
        padding-left: 0;
    }
    .zxdh_b:after{
        width: 25px;
        height: 25px;
        right: -37px;
        top:0;
        border-radius: 14px;
    }
    .cpost_c_bs{
        margin: 20px 0 20px 0;
    }
    .lxcontentb{
        padding: 20px 0;
    }
    .lxcontentb h3{
        font-size: 21px;
    }
    .lxcontentb p{
        font-size: 16px;
        padding: 0 50px;
    }
    .lxcontentb .fl{
        width: 100%;
        float: none;
        height: auto;
    }
    .lxcontentb .fr{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .lxcontentb input{
        padding: 0 10px;
    }
    .uk-select:not([multiple]):not([size]){
        padding: 0 10px;
    }
    .lxcontentb textarea{
        padding:  10px;
    }
    .btn{
        bottom: 12px;
        left: 13px;
        transform:none;
    }
    .lxcontentb .btn{
        width: 150px;
        line-height: 30px;
    }
}