@charset "utf-8";

.title a{
    width: 124px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #333333;
    border-radius: 19px; margin:20px 15px; background:#FFFFFF; border:1px solid #E9E9E9; padding:10px 30px}
.mbys{ text-align:center; width:90%; margin:0px auto}
.mbys img{ margin:0px auto; padding-bottom:30px}
.mbys figcaption{ font-size:18px}
.mbys p{ color:#888888; padding:10px 30px}
.mbjs{ background: #F5F6F6; padding:30px 0px}
.mb6dys{ background:#FFFFFF; border:1px solid #EBEBEB; width:90%; margin:0px auto; text-align:center}
.mb6dys h3{ font-size:18px; margin:10px auto}
.mb6dys > div{ padding:20px 0px 10px}
.mb6dys .bkl{ border-left:1px  solid #EBEBEB }
.mb6dys .bkx{ border-bottom:1px  solid #EBEBEB }
.mb6dys .lszt{ color:#00A2FF; font-size:34px; height:60px;}
.mb6dys .lszt span{ font-size:16px}
.mb6dys p{color:#999999; }
.mb6dys .tb{ width:60px; height:60px; margin:0px auto}
.mb6dys .tb1{ background:url(../img/mb7.jpg) no-repeat 0px -90px}
.mb6dys .tb2{ background:url(../img/mb7.jpg) no-repeat 0px -5px}
.mb6dys .tb3{ background:url(../img/mb7.jpg) no-repeat 0px -180px}
.mb6dys .tb4{ background:url(../img/mb7.jpg) no-repeat 0px -245px}
.mb6dys .tb5{ background:url(../img/mb7.jpg) no-repeat 0px -328px}
.mbgg{ background:url(../img/mb8.jpg) no-repeat center top; height:500px; padding:160px 3% 0px; line-height:280%; color:#FFFFFF}
.mbgg h3{ font-size:34px}
.mbgg a{ background:#FE9625;padding:10px 25px; color:#fff;border-radius:5px; font-size:16px; font-weight:bold}

.mbfl{ width:92%; margin:0px auto; text-align:center;}
.mbfl >div{ margin:0px 1%; width:23%; display:inline-block; float:none !important; }
.mbfl span{width:80px; height:70px; float:left; }
.mbfl .divls{ background: #98DB19;}
.mbfl .divls span{background:url(../img/mb9.png) no-repeat -20px 25px}
.mbfl .divcs{ background: #FE9625;}
.mbfl .divcs span{background:url(../img/mb9.png) no-repeat -215px 25px}
.mbfl .divns{ background: #379FF1;}
.mbfl .divns span{background:url(../img/mb9.png) no-repeat -125px 25px}
.mbfl .divzs{ background: #BB39FE;}
.mbfl .divzs span{background:url(../img/mb9.png) no-repeat -305px 25px}
.mbfl a
{ color:#fff; font-size:20px;}
.mbfl a:hover
{ text-decoration:none;}

.mbfl h4{ color:#FFFFFF; line-height:70px; float:left}
.navmb{ background:#FFFFFF; padding:20px; width:90%; margin:30px auto 0px}
.navmb ul li{ float:left; width:20%; list-style:none; line-height:30px}
.mbimg{ width:96%; margin:20px auto 60px;}
.mbimg>div{ background:url(../img/mb_ico.png) no-repeat center top; height:260px; text-align: center; padding-top:17px;position:relative; margin-top:30px}
.mbimg .img{ width:356px; height:215px;overflow:hidden; margin:0px auto}
.mbimg .img img{ width:100%}
.mbimg .sjimg{position: absolute; right:20px; bottom:0px; height:200px; width:130px;background:url(../img/mb_ico.png) no-repeat center bottom; overflow:hidden; padding-top:20px; padding-left:17px }
.mbimg .sjimg .xtdiv{ width:80px;height:146px; overflow:hidden}
.mbimg .sjimg .xtdiv img{ width:100%}
.mbbj{ width:92%; margin:10px auto; text-align:center}
.mbbj> div{ width:25%; float:left; padding:0px 10px; color:#FFFFFF}
.mbbj .bg1{ background:#99B0D2; padding:20px 0px;border-top-left-radius:8px;border-top-right-radius:8px;}
.mbbj h3{ font-size:20px}
.mbbj .lr{ background:#F5F5F7;border-bottom-left-radius:8px;border-bottom-right-radius:8px; color: #333333; padding:30px; line-height:26px;}
.mbbj .lr .lm{ text-align: left; height:192px}
.mbbj .lr .lm ul{ padding:0px ; margin:0px}
.mbbj .lr .lm ul li{ list-style:none; text-align:left;line-height:36px; color:#333333}
.mbbj a {
    display: block;
    width: 124px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 19px;
	}
.mbbj .a{
	background:#99B0D2;}
.mbbj .a1{
	background:#12C9E1;}
.mbbj .a2{
	background:#2CC06C;}
.mbbj .a3{
	background:#4588F7;}
.mbbj .a4{ background:#FE9974}
.mbbj .a5{ background:#F2BB22}
	 
 .mbbj .bg2{ background:#12C9E1}
 .mbbj .bg3{ background:#2CC06C}
 .mbbj .bg4{ background:#4588F7}
 .mbbj .bg5{ background:#FE9974}
 .mbbj .bg6{ background:#F2BB22}
.mbbj .bjjg{ padding:10px 0px 20px}
.mbbj .bjjg strong{ font-size:30px; color:#FF5F20}
.mbbj .bjjg span{ color:#7A7A7A}
.tablelr{ width:91%; margin:30px auto}
.tablelr table{ width:100%}
/***************tab 开始***************/
.sitesconfig-tab{
}
/*tab公共样式重置*/
.site-tab{
    border: 0;
}
.site-tab li{
    width: 50%;
    height: 66px;
    line-height: 66px;
    box-sizing: border-box;
    margin-left: 0;
    border: 0;
}
.site-tab li.active{
    margin-left: 0;
}
/***************tab 结束***************/

/***************配置信息 开始***************/
.site-tab-content{
    z-index: 1;
}
.sf-info{
    /*padding: 30px 0;*/
    background: #f9f9f9;
}
.table-info {
    border: 1px solid #ececec;
    text-align: center;
    background: #fff;
}
/*表头*/
.table-info .title {
    padding: 0;
    height: 46px;
    line-height: 46px;
    background: #f8fbff;
    font-size: 24px;
    color: #454545;
    border-top: 2px solid #7aafff;
    border-bottom: 1px solid #ececec;
}

.table-info .td-title {
    padding: 0;
    height: 64px;
    line-height: normal;
    background: #fffefb;
    font-size: 16px;
    color: #3e3e3e;
    border-right: 0;
    border-bottom: 1px solid #ececec;
}
.table-info .td-title.blue{
    font-size: 18px;
    color: #026fe9;
}

.table-info tr td {
    padding: 10px;
    line-height: 20px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
/*激活*/
.table-info tr:hover {
    background: #fdfdf5;
}
/*左侧信息*/
.table-info tr .left {
    padding: 0;
    width: 40px;
    background: #f8fbff;
    font-size: 14px;
    font-weight: 700;
}
/*项目*/
.table-info tr .name {
    padding-left: 36px;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
}
/*图标*/
.table-info tr .icon{
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url('../img/icon.png') -25px -120px;
    vertical-align: middle;
}/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 300px) and (max-width: 1240px){
.mbnav ul li{padding-right:30px;}
.mb6dys p{ font-size:12px; padding:0px 20px }
.mb6dys > div{ padding:20px 0px 10px; height:170px}
.mbgg h3{ font-size:24px}
.mbfl h4{font-size:14px;}
.mbfl span{width:55px;}
.navmb ul li{ float:left; width:33%; list-style:none; line-height:30px}
.mbimg .sjimg{right:1px;}
}
@media (max-width:768px){
	.mbfl div{width:50%;float:left !important;margin:0;}
	.mbfl h4{width:100%;text-align:center;line-height:unset;}
	.mbfl a{font-size:1.5rem;}
	.mbfl .divns span,.mbfl span{display:block;margin:0 auto;float:unset;}
	
	.mbbj> div{width:50%;}
	.table-info tr .name{padding-left:10px;}
	.table-info .td-title,.table-info .td-title.blue{font-size:16px;}
	
	.table-info{table-layout:fixed}
	.table-info tr td{box-sizing: content-box;}
	.table-info tr td:nth-child(4),.table-info tr td:nth-child(5),.table-info tr td:nth-child(6){width:15%!important;}
	.table-info tr td:nth-child(1){width:10%!important;}
	.table-info tr td:nth-child(2){width:13%!important;}
	.table-info tr td:nth-child(3){width:23%!important;}
}
@media (max-width:610px){
	.mbys p{padding:10px;}
}
@media  (max-width: 540px){
	.mbbj> div{width:100%;}
	.mbbj .lr .lm {height:unset;}
	.mbbj .lr .lm:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
	.mbbj .lr .lm:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}
	.mbbj .lr .lm p{width:50%;float:left;}
	.table-info tr td{font-size:12px;}
	
	.table-info .td-title,.table-info .td-title.blue{font-size:14px;}
	
	.mbys p{padding:10px 0;}

}

@media  (max-width: 470px){
	.mbys div{width:100%;}
	.title a{display:inline-block;width:unset;height:unset;line-height:unset;margin: 20px 5px;}
}
@media (max-width:450px){
	.mbnav ul li{padding-right:5px;}
	.mbys div{width:100%;}
	.mb6dys > div{height:200px;}
	.title a{padding: 8px 15px}

}
@media (max-width:360px){
	.mbnav ul li:last-child{display:none;}
	.mbbj .lr .lm p{width:100%;float:unset;}

}