@charset "utf-8";
/* CSS Document */

.main_wrap *{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit*/ color: #999;} 
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}  
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;}  
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* IE 10+*/ color: #999;}  

/*===============主框===============*/
.work_main{ width:10.8rem; margin:0 auto; position:relative}
.work_main>.bg{ position:absolute; top:0; left:0; width:10.8rem; height:4.6rem; background:url(../../images/mobile/work_bg1.jpg) no-repeat; background-size:cover; z-index:1}
.work_main>.bt{ text-align:center; font-size:0.36rem; color:#fff; font-weight:normal; position:relative; z-index:2; padding-top:4.2rem; height:0.85rem}
.work_main>.bt>p{ font-size:0.44rem; line-height:0.65rem; color:#000;  display:inline-block}
.work_main>.bt>p::before{content:''; width:0.14rem; height:0.14rem; border-radius:50%; display:inline-block; background:#32b3e4; margin-right:0.32rem; position:relative; top:-0.1rem}
.work_main>.bt>p::after{content:''; width:0.14rem; height:0.14rem; border-radius:50%; display:inline-block; background:#32b3e4; margin-left:0.32rem;position:relative; top:-0.1rem}
.work_main .nr{width: 10rem;background:#fff;margin:0 auto;position:relative;z-index:2;overflow-x:hidden;}


/*===============底部===============*/
.m_footer{ position:fixed; bottom:0; left:0; width:10.8rem; height:1.83rem; box-shadow:0px -4px 6px #eee; z-index:3;background: #fff;}
.m_footer ul{ display: flex;}
.m_footer li{ flex: 1; text-align: center;}
.m_footer li a{ display: block; font-size: .32rem; padding: .33rem 0 0 0; color:#070c41;}
.m_footer li.on a,.m_footer li a:hover{ color: #32b3e4;}
.m_footer li a i{ width:.7rem; height: .7rem; display:block; margin:0 auto .1rem; background-position: center; background-repeat: no-repeat; background-size: contain;}
.m_footer li a i.icon1{ background-image: url(../../images/mobile/21ihj_menu_icon1.png);}
.m_footer li.on a i.icon1,.m_footer li a:hover i.icon1{ background-image: url(../../images/mobile/21ihj_menu_icon1_1.png);}
.m_footer li a i.icon2{ background-image: url(../../images/mobile/21ihj_menu_icon2.png);}
.m_footer li.on a i.icon2,.m_footer li a:hover i.icon2{ background-image: url(../../images/mobile/21ihj_menu_icon2_1.png);}
.m_footer li a i.icon3{ background-image: url(../../images/mobile/21ihj_menu_icon3.png);}
.m_footer li.on a i.icon3,.m_footer li a:hover i.icon3{ background-image: url(../../images/mobile/21ihj_menu_icon3_1.png);}


/*===============进度查询===============*/
.m_tab{ text-align:center; padding-bottom:0.34rem;}
.m_tab>li{ display:inline-block; font-size:0.42rem; margin:0 0.26rem;padding-top:0.2rem;  cursor:pointer; box-sizing:border-box}
.m_tab>li.on{ font-weight:bold; border-bottom:0.07rem solid #5bb0df; padding-bottom:0.1rem}
dl.list>.con1{ margin:0 auto 0.34rem; background-color: #f7f7f7; overflow: hidden; border-radius:0.18rem; display:block}
dl.list>.con1>.con1_tit{ position: relative; width:100%; background:#eee;}
dl.list>.con1>.con1_tit p{ height: 1rem; line-height: 1rem; padding-left: .42rem; font-size: .44rem; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:70%; color:#333}
dl.list>.con1>.con1_tit i{position: absolute;font-style: normal;font-weight: normal;font-size: .34rem;right: 0;top: 0;padding: 0 .3rem;height: .65rem;line-height: .65rem;color: #fff;border-radius:0 0 0 0.18rem;}
dl.list>.con1>.con1_tit i.shoulizhong{ background:#2f9fdd;}
dl.list>.con1>.con1_tit i.yibokuan{ background:#7acd92;}
dl.list>.con1>.con1_tit i.shoulibutongguo{ background:#f1a65e;}
dl.list>.con1>.con1_tit i.tuihui{ background:#f1735e;}
dl.list>.con1>.con1_tit i.daibokuan{ background:#5eaaff;}
dl.list>.con1>.con1_tit i.quxiaoshenbao{ background:#bfc6cd;}
dl.list>.con1>.con1_tit i.daitijiao{ background:#87dde5;}
dl.list>.con1>.con1_tit i.yibanjie{ background:#a19fe7;}
dl.list>.con1>.con1_con{ padding: .22rem .44rem;}
dl.list>.con1>.con1_con p{ color: #222; font-size:0.34rem; line-height:0.42rem}
dl.list>.con1>.con1_con span{ color: #999; font-size:0.34rem ;margin-top: .2rem; display: inline-block;}


/*===============详情页===============*/
.work_main>.nr>.detail{}
.work_main>.nr>.detail>.top{ padding-bottom:0.2rem; border-bottom:1px solid #eee;}
.work_main>.nr>.detail>.top>h1{ text-align:center; font-size:0.54rem; padding-top:0.25rem; margin-bottom:0.26rem}
.work_main>.nr>.detail>.top>p{ font-size:0.34rem; color:#999; text-align:center; margin-bottom:0.18rem;}
.work_main>.nr>.detail>.top>p>i{font-style:normal;margin:0 0.1rem;color:#fff;border-radius:0.03rem;padding: 0.04rem 0.14rem;font-size: 0.36rem;}
.work_main>.nr>.detail>.top>p>i.n1{ background:#7acd92 }
.work_main>.nr>.detail>.top>p>i.n2{ background:#f1a65e }
.work_main>.nr>.detail>.wen{ padding:0.2rem}
.work_main>.nr>.detail>.wen img{ max-width:9.5rem}

/*===============首页===============*/
.m-search{ position:relative; width:10rem; margin:0 auto; padding:0.2rem 0 0.3rem}
.m-search>.inp{ position:relative; float:left}
.m-search>.inp>input{width: 7.3rem;height: 0.82rem;padding:0 0.65rem 0 0.2rem;box-sizing:border-box;box-shadow: 0 0 0.14rem #ccc;border-radius:0.1rem;font-size: 0.42rem;border: 0.08rem #ccc;-webkit-appearance: none;}
.m-search>.inp>i{width: 0.4rem;height: 0.4rem;display:block;background:url(../../images/mobile/icon_search.png) no-repeat;background-size:contain;position:absolute;top: 0.19rem;right: 0.18rem;cursor:pointer;}
.m-search>a.btnn{float:left;display:block;border-radius:0.1rem;background:#31b3e4;color:#fff;width: 2.3rem;margin-left: 0.4rem;height: 0.84rem;line-height: 0.84rem;text-align: center;font-size: 0.42rem;cursor:pointer;}
.m-search>a.btnn>i{display:inline-block;width: 0.4rem;height: 0.4rem;background:url(../../images/mobile/icon_shaixuan.png) no-repeat;background-size:contain;position: relative;top: 0.08rem;margin-right: 0.16rem;}
.m-search>.hidden_list{position:absolute;width:10.8rem;padding:0.2rem 0.3rem;left: -0.3rem; top:1.1rem;box-sizing: border-box; box-shadow:0px 4px 6px #eee; z-index:3; background:#fff;}
.m-search>.hidden_list>h1{ color:#222; font-size:0.36rem; margin-bottom:0.28rem}
.m-search>.hidden_list>ul{}
.m-search>.hidden_list>ul>li{margin: 0 0.3rem 0.3rem 0;float:left;padding: 0.19rem 0.46rem;border:0.02rem solid #ebf0f4;background:#ebf0f4;color:#222;border-radius:0.12rem;font-size: 0.36rem;cursor:pointer;}
.m-search>.hidden_list>ul>li.on{ background:#e5f8ff; color:#31b3e4; border:0.02rem solid #31b3e4;}
.m-search>.hidden_list a.btn{padding: 0.21rem 0.47rem;text-align:center;float:left;margin:0.25rem 0.15rem 0 0;border-radius:0.08rem;font-size: 0.36rem;}
.b-blue{ background:#062f71 !important; color:#fff !important;}
.b-gray{ background:#ccc !important; color:#fff !important;}

.m_list>.con1{ margin:0 auto 0.3rem; background-color: #f7f7f7; overflow: hidden; border-radius:0.18rem; display:block}
.m_list>.con1>.con1_tit{ position: relative; width:100%; background:#eee; padding: 0.3rem 0.3rem;box-sizing: border-box}
.m_list>.con1>.con1_tit p{padding:0;line-height: 0.7rem;font-size:0.44rem;font-weight: bold;color:#333;margin-right: 0.2rem;}
.m_list>.con1>.con1_tit i{ font-style: normal; font-weight: normal; font-size: .36rem; padding: 0 .3rem;  height: .7rem; line-height: .7rem; color: #fff; border-radius:0.4rem; display: block; float:right;margin-left: 0.16rem; margin-top: 0.2rem}
.m_list>.con1>.con1_tit i.n1{ background:#55d2ad;}
.m_list>.con1>.con1_tit i.n2{ background:#bfc6cd;}
.m_list>.con1>.con1_tit i.n3{ background:#31B3E4;}
.m_list>.con1>.con1_tit i.n4{ background:#A19FE7;}