@charset "utf-8";
/* CSS Document */
@import url(/material/siteFile/web2022/images/mobile_header.css);

body{ width: auto; max-width: 100vw; min-width: 100vw; min-height: 100vh;}
body .w1200,
body .w1280,
body .w1152{ width: auto; }
body .f_l,
body .f_r{ float: none; }

body{ background:#eaf2f5;}

.header{width: auto;height: auto;background: url(/images/cjwtzsk_2020_bg.png) center top no-repeat #419aff;background-size:160% auto;}
.header .logo{ padding: 10px; height: auto;}
.header .logo img{ width: 50vw;}
.header .search_box{width: 90vw;height:50px;margin: 30vw auto 10px;background-size:auto 100%;border-radius: 25px;background-position-x:left;}
.header .search_box .zw_search_btn{ width: 80px; height:50px; }
.header .search_box .search-txt{ width: calc(100% - 80px); height:50px; line-height: 50px;}
.header .hot_box{ margin:10px auto; width: auto; height: auto; line-height: 30px;}
.header .hot_box a{ padding: 0 5px; white-space: nowrap; font-size: 14px;}


.main{ width: auto; margin: 0 auto; padding:0 10px;}

.main_con{ width: auto; float: none; margin:10px auto;}
.zxcjwt, .zrcjwt{width: auto;float: none;margin-top: 10px;}
.zrcjwt{ margin-top: 10px;}

.main_con .bd{ margin-top: 5px;}
.main_con .bd ul li a{ width: calc(100% - 100px);}
.main_con .bd ul li span{width: 80px;position: relative;overflow: hidden;display: block;white-space: nowrap;word-wrap:normal;}

.xgzc{ width: auto; margin-top: 15px; float: none;}
.xgzc li{ margin-top: 5px;}

.hdjl_box{ height: auto; margin: 15px auto;}
.hdjl_box ul li{ width: calc((100% - 10px) / 2); height: 50px; line-height: 50px; margin-top: 10px; margin-right: 0;}
.hdjl_box ul li:nth-of-type(2n){ margin-left: 10px;}
.hdjl_box ul li.m1 i{ background-position-y:-202px; margin: 0px 20px; }
.hdjl_box ul li.m2 i{ background-position-y:-202px; margin: 0px 20px; }
.hdjl_box ul li.m3 i{background-position-y:-202px;display: none;}

.hdjl_box ul li.m3 span {
    float: none;
    text-align: center;
}
.hdjl_box ul li.m4 i{ background-position-y:-202px; margin: 0px 20px; }

.content{ width: auto; margin: 10px auto;}
.view{ width: auto; padding: 10px; margin: 0;}
.view .bt,
.view .wtnr{ margin-top: 10px; line-height: inherit;}
.view .bt .bt_con,
.view .wtnr .wtnr_con{ min-width: auto; width:calc(100% - 65px); box-sizing: border-box; line-height: 1.5; padding: 10px 15px; }
.view .sjly{ margin: 15px 0; line-height: 1.5; text-align: center; font-size: 14px;}
.view .sjly span{ padding: 0 10px !important; white-space: nowrap;}





@media screen and (max-width:600px ) {
    
}

@media screen and (max-width:375px ) {
    
}

@media screen and (max-width:365px ) {
}

@media screen and (max-width:320px ) {
    
    
}