@charset "UTF-8";
body{color:#b2b2b2;font-size:14px;}
.color_21{color:#2196F3;}
.wzAdvantage_tit{text-align:center;padding:40px 0 30px;}
.wzAdvantage_tit>h1{color:#3f3f3f;font-size:34px;margin:0 0 20px 0;}
.wzAdvantage_tit>p{color:#c1c1c1;font-size:16px;line-height:24px;}
.sv_section,.subscribe_sv{overflow: hidden;}
/*监理banner   s*/
.sv_banner{min-width:1200px;overflow: hidden;position:relative;}
.sv_banner>img{width:100%;}


    /*预约监理标题部分*/

.title_modality{display:inline-block;font-size:24px;color: white;background:#2196f3;padding: 5px 10px;border-radius:5px;margin-right:10px;}
    /*预约监理中间内容*/
.subscribeSec{background:#f9f9f9;}
.subscribeWrap{padding:20px 0 50px 0;}
.subscribe_svCon{}
.subscribe_svCon>.subscribe_svConL{width:73%;position:relative;}
    /*预约监理左边部分*/
.subscribe_svConL,.svOrderList{background:#fff;}   
.svConL_wrap .svConL_title{font-size:16px;color:#404040;line-height:20px;margin:10px 0;}
.subscribeBox{padding:20px;}
.svConL_wrap{margin-bottom:20px;}
.svConL_wrap.dispFlex>div:first-child{margin-right:30px;}
.svConL_wrap .svProItem{padding:0 20px;}
.svConL_wrap .svProItem>select,.svConL_wrap .svProItem>input.acreage,.svConL_wrap .svProItem>button{height:30px;line-height:30px;border-radius:4px;border:1px solid #eee;outline:none;padding:0 15px;color:#2196f3;margin:0 10px 0 0;}
.svConL_wrap .svProItem>select:last-child,.svConL_wrap .svProItem>input.acreage{margin-right:0;}
.svConL_wrap .svProItem>input.acreage{margin-right:0;}
.svConL_wrap .area_size{color:#ffb03e;margin:15px 0;}
.svConL_wrap .svProItem>button{background:#fff;color:#8d8d8d;height:32px;line-height:32px;cursor:pointer;}
.svConL_wrap .svProItem>button.svType_active{background:#2196f3;color:#fff;border-color:#fff;}
.svConL_wrap .svProItem.svType_con>button{margin:0 5px 5px 0;}
.priceCount{color:#404040;line-height:30px;font-size:16px;}
.noteColor{color:#ffb03e;line-height:20px;}
.supervision_btn{width: 100%;margin-bottom:0;}
.supervision_btn button{padding:10px 40px;width:50%;font-size:20px;box-sizing:border-box;}
.supervision_btn button:first-child{background:#27ce37;border-radius:5px 0px 0px 5px;}
.supervision_btn button:last-child{background:#2196f3;border-radius: 0px 5px 5px 0px;}



    /*预约监理右边专业服务、监理流程部分*/
.subscribe_svConR{width:300px;margin-left:20px}
.svOrderList:nth-of-type(2){margin:15px 0 0 0;}
.svOrderList>.svOrderTit{color:#fff;background:#2196f3;line-height:50px;font-size:18px;text-align:center;}
.majorUl{padding:10px 40px;}
.majorUl>li{width:50%;text-align:center;margin-bottom:20px;float:left;}
.majorUl>li.margin0{margin-bottom:0;}
.majorUl>li>p{text-align:center;font-size:16px;line-height:28px;}
.majorUl>li>span{display:inline-block;width:50px;height:50px;}
.majorUl>li>span>img{width:100%;}
.flowUl{padding:10px 40px;}
.flowUl>li{color:#717171;font-size:16px;line-height:36px;text-align:center;}





/*预约监理部分e*/

/*为甚要监理s*/
.sv_reason{width:1200px;margin:35px auto 0;background:#fff;}
.sv_reason img{margin-top:15px;}
/*监理资质部分s*/
.sv_aptitude{width:1200px;margin:35px auto 0;background:#fff;}
.sv_aptitudeCon{margin-top:30px;width:820px;margin:0 auto;}
.sv_aptitudeCon img{width:400px;}

/*监理步骤部分s*/
.sv_steps{background:url("/images/supervisor/sv_stepsBg.png") no-repeat;margin-top:60px;}
.sv_stepsCon{background:rgba(1,29,58,.38);}
.sv_steps .wzAdvantage_tit>h1,.sv_steps .wzAdvantage_tit>p{color:#fff;}
/* 三列均分，强制在一行展示 */
.sv_stepsUl{
	padding:30px 0 60px;
	width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.sv_stepsUl>li{
	float:none !important;
	width:33.3333%;
}
.sv_stepsUl>li>ul{
	width:100%;
}
.sv_stepsUl>li>ul>li{margin-bottom:35px;font-size:18px;overflow: hidden;}
.sv_stepsUl>li>ul>li:last-child{margin-bottom:0;}
.sv_stepsUl>li>ul>li>span{width:50px;height:50px;line-height:50px;text-align:center;background:#2196f3;color:#fff;display:inline-block;float:left;}
.sv_stepsUl>li>ul>li>p{background:#fff;color:#484848;line-height:50px;text-align:center;width:250px;float:left;}
/*监理工地部分s*/
.sv_site{width:1200px;margin:35px auto 80px;}
.sv_siteSlid{/* width:1125px; */margin: 0 auto;}
.sv_siteSlid>a:hover{color:#2196f3;}
.sv_siteSlid{margin:30px auto 0;position: relative;overflow: hidden;}
.sv_siteSlid a{display:inline-block;position:absolute;top:50%;font-size:24px;cursor:pointer;width:80px;height:80px;line-height:80px;background:#8b8b8b;text-align:center;color:#fff;margin-top:-40px;}
.sv_siteSlid .prev{left: 0px;}
.sv_siteSlid .next{right:0px;}
.containerWrap{width:920px;margin:0px auto 0;}
.sv_siteUl{display:flex;}
.sv_siteUl>li{width:220px;height:290px;margin-right:10px;position:relative;overflow:hidden;}
.sv_siteUl>li>img{z-index:4;float:left;transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;}
.sv_siteUl>li:hover img{opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);}
.sv_siteUl>li>.caption{cursor:pointer;position:absolute;opacity:0;-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;}
.sv_siteUl>li .caption-text h1{text-transform:uppercase;font-size:24px;}
.sv_siteUl>li:hover .caption{opacity: 1;}
.sv_siteUl .caption-text{z-index: 10;color: #fff;position:absolute;width:220px;height:290px;text-align: center;top:0;background-color:rgba(33,150,243,0.88);padding-top:100px;box-sizing:border-box;}
.sv_siteUl .caption-text h1{text-transform:uppercase;font-size:24px;margin-bottom:20px;}
.sv_siteUl .caption-text p{line-height:30px;}		
.sv_siteUl .caption-text p>span{color:#fff661;}
.sv_siteUl>li:last-of-type{margin-right:0;}




/*监理工地部分e*/