@charset "utf-8";
.m-main {background: #fff;padding: 20px !important;}


/*detail-service*/
.m-sertit h1{padding: 10px 0 20px; font-size: 20px; font-weight: bolder;}
.m-sertit ul{padding-bottom: 22px;}
.m-sertit li{float: left; margin-right: 10px; width: 100px; height: 30px; line-height: 30px;}
.m-sertit li a{    background-color: #f5f5f5;;display: block; padding-left: 33px; font-size: 14px; color: #393; background-image: url(../images/page/icon-serdt.png); background-repeat: no-repeat;}
.m-sertit li.u-sx1 a{background-position: 13px 0;}
.m-sertit li.u-sx2 a{background-position: 13px -30px;}
/*.m-serdtlf{width: 870px;}*/
.m-sernavs{/*width: 870px;*//* height: 50px; */background: #f1f2f3;}
.m-sernavs li{float: left; margin-left: 40px;}
.m-sernavs li a{display: block; padding: 0 10px; font-size: 14px; line-height: 48px;height: 50px;}
.m-sernavs li.u-active a{border-bottom: 2px solid #393; font-weight: bolder;}
.m-sercontent{margin-top: 40px;}
.m-sercontent .u-tit{margin-bottom: 24px; height: 15px; line-height: 15px; border-left: 6px solid #393; font-size: 16px; padding-left: 12px;}
.m-sercontent .u-tit a{color: #393; font-size: 12px; padding-left: 10px;}
.m-sercontent .work-detail-title{text-align: center; background-color: #fafaf9;}
.m-sercontent .work-detail-title .text-left{text-align: left;}
.m-sercontent table{width: 100%; border-bottom: 1px solid #efeeec; border-right: 1px solid #efeeec; font-size: 14px;}
.m-sercontent .ssqdys-grid tbody tr{height: auto;}
.m-sercontent .ssqdys-grid tbody tr td{    white-space: normal; word-break: break-all;}
.m-sercontent tr th{background-color: #fafaf9;}
.m-sercontent .hide-head tr th{border: none!important; height: 0!important;}
.ssqdys-grid tbody{height: 200px; overflow: hidden; display: block;}
.m-sercontent tfoot{background: #fafaf9;}
.m-sercontent tfoot .ell{text-align: center; cursor: pointer}
.m-sercontent tr td,.m-sercontent tr th{table-layout: fixed; width: 122px; border: none; height: 20px; line-height: 20px; padding: 10px 5px; border-top: 1px solid #efeeec; border-left: 1px solid #efeeec;
    border-right: 1px solid #efeeec;}
.m-sercontent .packUp i,.m-sercontent .packDown i{margin-left: 5px; vertical-align: middle; display: inline-block; width: 19px; height: 14px; background-image: url(../images/page/icon-zsyc.png); background-repeat: no-repeat;}
.m-sercontent .packUp i{background-position: 0 -14px;}
.m-sersltj,.m-serlcttext{font-size: 14px; line-height: 24px;}
.m-sermyd{height: 22px; line-height: 22px; font-size: 16px; font-weight: bolder;}
.m-sermyd span{color: #4293f4;}
.m-sersummary li{float: left; margin-left: 7px; padding-top: 19px;     width: 138px;    height: 118px; text-align: center; background: #e7effc;}
.m-sersummary li.num-all{margin-left: 0;}
.m-sersummary li .num-val{margin: 0 0 23px; font-size: 16px;}
.m-sersummary li.pecent-val .num-val{margin: 0 0 12px;}
.m-sersummary li .num-val span{font-size: 22px; font-weight: bolder;}
.m-sersummary li .dec-txt{height: 20px; line-height: 20px; font-size: 14px;}
.pecent-val .dec-txt{color: #2e83ea;}
.m-sersummary li .dec-txt img{vertical-align: middle; margin-right: 6px;}
.pecent-val .percent-process{left: 0; right: 0; bottom: 0; height: 30px; line-height: 30px; background: #a0c6f6; color: #fff; font-size: 14px; font-weight: bolder;}
.j-fxnav{position: fixed; top: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); z-index: 999;}
/*.m-serdtrg{width: 300px;}*/
a.u-serzxbl{height: 60px; line-height: 60px; background: #393;; color: #fff;    text-align: center;}
.m-serrgbox1{padding: 12px 20px; background: #f5f5f5;}
.u-swtit{height: 31px; line-height: 31px; border-bottom: 1px solid #ddd; font-size: 16px;}
.u-dertel{padding: 15px 0;text-align: center;}
.u-dersfxx{padding: 15px 0; line-height: 24px;}
.m-serznxz{padding: 15px 5px;}
.m-serznxz a{color: #393;}
.m-serpgcode{padding: 20px 30px; height: 250px;}
.m-serpgcode img{display: block; width: 170px; height: 170px; padding: 15px; background: #fff;}
.m-serpgcode p{line-height: 50px;}

.m-serdtlf{width:865px;float:left;}
.m-serdtrg{width:275px;float:left;}
/*large pcScreen*/
@media (min-width:1240px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1240px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-serdtlf,.m-serdtrg{width: 100%; padding: 0;}
    .j-fxnav{display: none;}
    .m-sercontent tr td, .m-sercontent tr th{width: auto;}
    .g-sercontent{overflow-x: auto;}
}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-sersummary li{width: 48%; margin-bottom: 10px;}
    .m-sersummary li.num-all{margin-left: 7px;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
.m-sernavs li{margin-left: 20px;}
}