@charset "utf-8";
/* CSS Document */
/*保障房——公租房*/
*{ margin: 0; padding: 0}
body{ background: #fff;}
#header{ width: 100%; height:310px; background: url("banner_bj.jpg") center top;}
/*顶部两个切换按钮*/
#btn01{float: left; margin-right: 220px; margin-top: 30px; }
#btn01 a{ font-size: 22px; padding:10px 30px; line-height: 60px; color: #999; background: #e0dee1; margin-right: 20px;border-radius: 30px;  cursor: pointer;}
#btn01 a:hover{font-weight: bold; background: #f2e6da; box-shadow: 3px 3px 3px #954a0a;}
#btn01 a.now{ font-weight: bold; background: #fff; color: #3ca3f3;}
/*业务概述*/
.ywgs{ width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.ywgs p{ width: 1400px; margin: auto; text-indent: 2em; padding: 1px 0; font-size: 18px; line-height: 36px; color: #333;}
.ywgs a{ font-size: 14px; margin-left: 5px; margin-right: 5px; padding: 3px 15px; border-radius: 13px; background: #FF7E00; color: #fff; text-decoration: none;}
.ywgs a:hover{ background: #329FF3}
.banner-2 { overflow: hidden; margin-top: 20px;}
.banner-2 a { display: block; float: left; width: auto; height: 40px; background: #FFFFFF; border-radius: 40px; margin-right: 20px; font-size: 18px; color: #0c60ac; line-height: 38px; font-weight: bold; padding: 0px 20px;}
.banner-2 a:hover { background: #2877db; color: #fff; cursor: pointer}
.banner-2 a.now { background: #2877db; color: #fff; cursor: pointer}
.banner-2 p { font-size: 18px; width: 60%; text-indent: 36px; line-height: 34px; color: #555555; font-weight: bold;}

.ggbt-sty1 { width:100%;  height: 50px; overflow:hidden; background: url("lm_01.png") no-repeat center top; margin: 10px auto 20px;}/*业务概述*/
.ggbt-sty2 { width:100%;  height: 50px; overflow:hidden; background: url("lm_02.png") no-repeat center top; margin: 10px auto 20px;}/*申请指引*/
.ggbt-sty3 { width:100%;  height: 50px; overflow:hidden; background: url("lm_03.png") no-repeat center top; margin: 10px auto 20px;}/*查询服务*/
.ggbt-sty4 { width:100%;  height: 50px; overflow:hidden; background: url("lm_04.png") no-repeat center top; margin: 10px auto 20px;}/*热点问答*/
.ggbt-sty4 a{ text-decoration: none; height: 26px; line-height: 26px; float: right; padding: 0px 10px; border-radius: 4px; font-size: 14px; margin-top: 8px; margin-right: 5px; background: #eff1f2; color: #898888;}
.menu_box{ width: 1400px; height: auto; overflow: hidden; margin: auto; }
.menu_box h1{font-size: 48px; font-weight: bold; color: #3b6be7; padding-top: 70px;}
.menu_3box{width: 31.1%; float: left; margin: 1%; height:auto; overflow: hidden;}
/*保障对象*/
.bzduix{ font-size: 18px; width: 120px; line-height: 30px; text-align: center;  background: #56b1f8; color: #fff; border-radius: 13px; margin-top: 1px;}
.bzduix2{ background: #329ff3; border-radius: 12px; padding: 20px 8px 20px; height: 1110px;}
.bzduix2 h1{ font-size: 26px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #65b8f8; color: #fff; text-align: center;}
.bzduix2 p{ font-size:18px; line-height: 26px; color: #eff7fe; margin-top:18px;  }
.bzduix2 span{ display: block; border-radius: 20px; margin: 20px 0; text-align: center; font-size:16px; line-height: 40px; background: #2391e5; color: #fbe154;}
/*申请补贴条件*/
.shenqing_box{ background: #fff; min-height:735px; overflow: hidden; padding: 15px;  }
.shenqing_box h2{ width: 67%;  background:#fff url("lm_.png");height: 40px; line-height: 40px; padding-left: 20px; margin:0;  font-size: 20px; color: #fff;}
.shenqing_box p{ width: 96%; margin: 15px auto; font-size: 16px; line-height: 26px; color: #394f60;}
.shenqing_box i{ color: #2391e5;}
.shenqing_box h5{ text-align: center;  line-height: 36px;font-size:18px;}/*补贴标准*/
.shenqing_btn a{ display: block;text-align: center; margin-top: 20px; padding: 15px 30px; background: #2FBFFC; border-radius: 26px; color: #fff; text-decoration: none;  font-size: 18px;}
.shenqing_btn a:hover{ font-weight: bold; background: #F88E17}
.shenqing_btn2 a{ width: 48%; float: left; display: block;text-align: center; margin: 20px 1%; padding: 15px 0; background: #2FBFFC; border-radius: 26px; color: #fff; text-decoration: none;  font-size: 18px;}
.shenqing_btn2 a:hover{ font-weight: bold; background: #F88E17}
.mt10{ margin-top: 10px;}


/*热点问答--监督电话*/
.menu_box2{ width: 1400px; height: auto; overflow: hidden; margin:40px auto 20px; background: #FFFFFF; }
/*热点问答*/
.wenda_box{ width: 70%; float: left; padding-bottom: 15px}
.wenda_box span.lm{ width: 100%; display: block; font-size: 26px; font-weight: bold; height: 60px; line-height: 60px;  text-indent: 30px; background: #35a3f0; color: #fff; }
.wenda_box span.lm a{ text-decoration: none; font-size: 16px; color: #fff; float: right; margin-right: 30px;}
.wenda_box ul{ margin: 0; padding: 0; }
.wenda_box ul li{ width: 96%; margin: 8px auto 0 auto; padding:0; text-indent: 10px; line-height: 40px;font-size:18px; overflow: hidden; border-bottom: 1px #d0e1eb dashed;}
.wenda_box ul li a{ display: block; text-decoration: none; color: #3d667e;}
.wenda_box ul li a:hover{ color: #0D74EF; font-weight: bold;}
/*监督电话*/
.phone_box{ width: 28%; float: left;  margin-left: 2%; }
.phone_box ul{ margin: 0; padding: 0}
.phone_box span.lm{ width: 100%; display: block; font-size:26px; font-weight: bold; height: 60px; line-height: 60px; text-indent: 30px; background: #35a3f0; color: #fff; }
.phone_box ul li{ width: 100%; display: block;list-style: none; height: 50px; line-height: 50px; background: #f1f9ff }
.phone_box ul li a{ display: block;}
.phone_box ul li a:hover{ display: block; background: #e0f1fd; cursor: pointer}
.phone_box ul li span{  color: #329ff3; text-align: right; font-weight: bold; padding: 20px;}

/*-------------查询服务--------------------*/
.glcx{ width: 28%; float: left; margin-left: 2%; overflow: hidden;}
.glcx ul{ margin: 0; padding: 0}
.glcx ul li{ list-style: none;line-height: 60px; margin-top: 15px;  text-align: center; font-size: 18px; display: block;}
.glcx span.lm{ width: 100%; display: block; font-size: 26px; font-weight: bold; height: 60px; line-height: 60px;  text-indent: 30px; background: #35a3f0; color: #fff; }
.glcx ul li a{ color: #494848; display: block; border-radius: 6px; background-image: linear-gradient(#feffff,#eef4fa); border: #c4dbf9 1px solid;}
.glcx ul li a:hover{color: #318ce7; background-image: linear-gradient(#feffff,#cee5f7); border: #c4dbf9 1px solid; }
/*.glcx ul li:first-child{ width: 100%; margin-right: 2%;}
.glcx ul li:nth-child(2){ width: 100%;}
.glcx ul li:nth-child(3){ width: 100%;}*/
.glcx ul li span{ font-size: 12px; display: block; padding-bottom: 10px; line-height: 15px!important}

.cl{ clear: both;}
h5{ text-align: center; background: #f1f9ff; line-height: 50px;}




/*---------------------------------------手机版样式--------------------------------------*/

@media (max-width: 480px) {
        
        #header{ width: 100%; height:173px; background: url("web_banner.jpg") no-repeat center top;}
.menu_box{ width:100%; height: auto; overflow: hidden; margin: auto; padding: 0px;}
.menu_box h1{font-size: 32px; font-weight: bold; color: #3b6be7; padding-top: 20px; width: 60%; margin-left: 15px;}
    
/*顶部两个切换按钮*/
#btn01{float: left; margin-right: 0px; margin-top: 10px; margin-left: 15px;}
#btn01 a{  width: 100%; font-size: 16px; padding:10px 20px; line-height: 40px; color: #999; background: #e0dee1; margin-right: 20px;border-radius: 20px;  cursor: pointer;}
#btn01 a:hover{font-weight: bold; background: #f2e6da; box-shadow: 3px 3px 3px #954a0a;}
#btn01 a.now{ font-weight: bold; background: #fff; color: #3ca3f3;}
/*业务概述*/
.ywgs{ width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.ywgs p{ width: 90%; margin: auto; text-indent: 2em; padding: 1px 5%; font-size: 16px; line-height: 36px; color: #333;}
.ywgs a{ font-size: 14px;  text-align: center; margin-left: 5px; margin-right: 5px; padding: 3px 15px; border-radius: 13px; }
.ywgs a:hover{ background: #329FF3}

.menu_3box{width: 100%; float: none; margin:auto; height:auto; overflow: hidden;}
/*保障对象*/
.bzduix{ font-size: 16px; line-height: 30px; }
.bzduix2{ background: #329ff3; border-radius: 12px; padding: 20px 20px 30px; overflow: hidden;  margin-bottom: 10px; height:auto;}
.bzduix2 h1{ width: 100%; font-size: 20px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #65b8f8; color: #fff; text-align: center; margin-left: 0px;}
.bzduix2 p{ font-size: 15px; line-height: 26px;  margin-top: 15px;  }
.bzduix2 span{ display: block; border-radius: 20px; margin: 20px 0; text-align: center; font-size: 16px; line-height: 40px; background: #2391e5; color: #fbe154;}
/*申请补贴条件*/
.shenqing_box{ background: #fff; min-height: 660px; overflow: hidden; padding: 15px;  }
.shenqing_box h2{ width: 67%;  background:#fff url("lm_.png");height: 40px; line-height: 40px; padding-left: 20px; margin:0;  font-size: 20px; color: #fff;}
.shenqing_box p{ width: 96%; margin: 15px auto; font-size: 14px; line-height: 26px; color: #394f60;}
.shenqing_box i{ color: #2391e5;}
.shenqing_box h5{ text-align: center;  line-height: 36px; overflow: hidden;}/*补贴标准*/
    .shenqing_btn{ overflow: hidden}
.shenqing_btn a{ display: block;text-align: center; margin-top: 20px; padding: 15px 30px; background: #2FBFFC; border-radius: 26px; color: #fff; text-decoration: none;  font-size: 18px;}
.shenqing_btn a:hover{ font-weight: bold; background: #F88E17}
.shenqing_btn2 a{ width: 48%; float: left; display: block;text-align: center; margin: 20px 1%; padding: 15px 0; background: #2FBFFC; border-radius: 26px; color: #fff; text-decoration: none;  font-size: 18px;}
.shenqing_btn2 a:hover{ font-weight: bold; background: #F88E17}
        
 /*补贴标准*/
.butiebz_box{ width: 100%; margin: auto; margin-top: 30px; }
.butiebz_box .lm{ width: 100%; height:50px; line-height: 50px; float: none; text-align: center; font-size: 30px; font-weight: bold; padding:10px 0px; background: #17B9F4; }
.butiebz_box .biaozhun{ border: 3px dashed #17B9F4; height:auto; padding:10px 30px; margin-left: 0px;}
.butiebz_box .biaozhun p span{  display: block; font-size: 14px; padding: 5px 20px; background: #e1f0fc; border-radius: 16px; margin-bottom: 30px; color: #3f6787 }

/*热点问答--监督电话*/
.menu_box2{ width:100%; height: auto; overflow: hidden; background: #FFFFFF; }
/*热点问答*/
.wenda_box{ width: 100%; float: none; padding-bottom: 15px; }
.wenda_box span.lm{ width: 100%; display: block; font-size: 26px; font-weight: bold; height: 60px; }
.wenda_box ul li{ width: 100%; margin: 0; padding:0; text-indent: 10px; height: 40px; line-height: 40px; overflow: hidden;}
/*监督电话*/
.phone_box{ width: 100%; float:none; margin-left: 0; padding-bottom: 0px; }
.phone_box ul li{margin: 3px auto;  }
.phone_box ul li span{ color: #329ff3; text-align: right; font-weight: bold; padding: 20px;}
    
/*-------------查询服务--------------------*/
.glcx{ width: 100%; float: left; margin-left: 0%; overflow: hidden;}
.glcx ul{ margin: 0; padding: 0}
.glcx ul li{ width: 94%; margin: 15px 3% 0; list-style: none;line-height: 60px; text-align: center; font-size: 18px; display: block;}
.glcx span.lm{ width: 100%; display: block; font-size: 26px; font-weight: bold; height: 60px; line-height: 60px;  text-indent: 30px; background: #35a3f0; color: #fff; }
.glcx ul li a{ color: #494848; display: block; border-radius: 6px; background-image: linear-gradient(#feffff,#eef4fa); border: #c4dbf9 1px solid;}
.glcx ul li a:hover{color: #318ce7; background-image: linear-gradient(#feffff,#cee5f7); border: #c4dbf9 1px solid; }
/*.glcx ul li:first-child{ width: 100%; margin-right: 2%;}
.glcx ul li:nth-child(2){ width: 100%;}
.glcx ul li:nth-child(3){ width: 100%;}*/
.glcx ul li span{ font-size: 12px; display: block; padding-bottom: 10px; line-height: 15px!important}


        
        
}