/* 主色调

 红 #d32f2f;

 蓝 #0288d1;*/









/* info 头部信息

********************************************************************************/

.info {

	background-color: white;

	height: 30px;

	line-height: 30px;

}

.info span i {

	margin-right: 5px;

}

.info .container .float-right span {

	margin-left: 20px;

}







/* banner 横幅

********************************************************************************/

.banner {

	height: 250px;

	background-image: url(/images/banner.jpg);

}

.banner p.title{

	font-size: 36px;

	font-weight: bold;

	letter-spacing: 2px;

}

.banner p.en-title{

	letter-spacing: 1px;

	font-weight: bold;

	padding: 3px;

}

.banner div.white-text {

	padding-top: 70px;

}



.banner .search {

	width: 500px;

	padding-top: 70px;

}

.banner .search input{

	width: 270px;

}

.banner .search button{



}







/* nav

********************************************************************************/

.nav {

	height: 80px;

	background-color: white;

}

.nav ul {

/*	display: flex;

	justify-content: space-around;*/

}

.nav ul li{

	display: block;

	height: 80px;

	line-height: 80px;

	float: left;

}

.nav ul li a {

	display: block;

	color: #0288d1;

	font-size: 18px;

	height: 80px;

	padding: 0 25px;

}

.nav ul li:hover{

	height: 77px;

	border-bottom: 3px solid #0288d1;

/*	background: #e1f5fe;*/

	font-weight: bold;

}







/* carousel   轮播图

********************************************************************************/

.carousel {

	width: 560px;

	height: 350px;

	overflow: hidden;

	position:relative;

	float: left;

}

.carousel img {

	width: 560px;

	height: 350px;

}

.carousel .hd {

	position:absolute;

	bottom:12px;

	right:15px;

	z-index:20;

}

.carousel .hd li{

	width:11px;

	height:11px;

	display:inline-block;

	margin:0 6px;

	border-radius:50%;

	background:#fff;

	cursor: pointer;

	float: left;

}

.carousel .hd li.on{

	background:#da221a;

}

.carousel .mask{

	width: 100%;

	position: absolute;

	bottom: 0px;

	left: 0px;

	height: 38px;

	background: rgba(0,0,0,0.6);

	z-index: 15;

}

.carousel .bd li{

	position:relative;

}

.carousel .bd p{

	height:48px;

	line-height:48px;

	padding:0 10px;

	position:absolute;

	bottom:0;

	left:0;

	font-size:15px;

	color:#fff;

	z-index:20;

}







/* grid 工作动态

********************************************************************************/

.grid {

	width: 565px;

	height: 350px;

	background-color: white;

	float: left;

	margin-left: 15px;

	overflow: hidden;

}

.grid .content {

	padding: 25px 25px 0 35px;

}

.grid h1 .span-left {

	display: inline-block;

	text-align: left;

	float: left;

}

.grid h1 .span-right {

	display: inline-block;

	text-align: right;

	font-size: 14px;

	float: right;

}

.grid h1 .span-right a {

	color: #0288d1;

}

.grid .content ul {

}

.grid .content ul li {

}

.grid .content ul li a {

	width: 395px;

	display: block;

	overflow:hidden;

	float: left;

    text-overflow:ellipsis;

    -o-text-overflow:ellipsis;

    -webkit-text-overflow:ellipsis;

    -moz-text-overflow:ellipsis;

    white-space:nowrap;

    margin-bottom: 20px;

}

.grid .content ul li span {

	display: block;

	text-align: right;

	float: right;

	color: #0288d1;

}

.grid .content div.clear {

	height: 45px;

}







/* public-open 政务公开

********************************************************************************/

.public-open {

	clear: both;

}

.public-open .container {

	padding-top: 15px;

	width: 1140px;

	height: 320px;

}

.public-open .container .content {

	padding: 25px 25px 0 35px;

	background-color: white;

	height: 280px;

}

.public-open .container .content ul li a {

	font-size: 15px;

}

.public-open .container h1 {

	color: #0288d1;

	font-weight: bold;

}

.public-open ul {

	margin-top: 20px;

}

.public-open ul li {

	display: block;

	float: left;

	height: 80px;

	width: 165px;

	margin-right: 17px;

	margin-bottom: 15px;

}

.public-open ul li a {

	display: block;

	height: 66px;

	width: 167px;

	text-align: center;

	padding-top: 14px;

	color: white;

	background-color: #0288d1;

	border-radius: 5px;

	transition: all .2s linear;

}

.public-open ul li a i {

	margin-bottom: 6px;

}

.public-open ul .li6 {

	margin-right: 0;

}

.public-open ul .li11 {

	width: 349px;

	margin-right: 0;

}

.public-open ul .li11 a {

	width:349px;

}

.public-open ul li a:hover {

	color: white;

	background-color: #c0ca33;

	box-shadow: 0 15px 30px rgba(0,0,0,0.1);

	transform: translate3d(0, -2px, 0);

}







/* penal 政务专题

********************************************************************************/

.panel {

	width: 560px;

	height: 350px;

	background-color: white;

	float: left;

	position:relative;

}

.panel .content {

	padding: 25px 20px 0 35px;

}

.panel h1 .span-left {

	display: inline-block;

	text-align: left;

	float: left;

}

.panel h1 .span-right {

	display: inline-block;

	text-align: right;

	font-size: 14px;

	float: right;

}

.panel h1 .span-right a {

	color: #0288d1;

}

.panel .content div.clear {

	height: 45px;

}

.panel .content ul li {

	width: 122px;

	height: 115px;

	float: left;

	margin-right: 1px;

	margin-top: 1px;

}

.panel .content ul li a {

	display: block;

	width: 122px;

	height: 85px;

	border: 1px solid #0288d1;

	color: #0288d1;

	text-align: center;

	padding-top: 30px;

	font-size: 15px;

}

.panel .content ul li a i {

	margin-bottom: 10px;

}

.panel .content ul li a:hover {

	background: #0288d1;

	color: white;

}





































/* card 卡片

********************************************************************************/

.card-left {

	width: 560px;

	height: 106px;

	float: left;

}

.card-right {

	width: 565px;

	height: 106px;

	float: left;

}

.card a {

	display: block;

	color: white;

	text-align: center;

	padding-top: 44px;

	font-size: 20px;

	font-weight: bold;

	letter-spacing: 1px;

	height: 62px;

}

a.housing-security {

	width: 560px;

	background-color: #689f38;

}

a.housing-security:hover {

	background-color: #7fc741;

}

a.real-estate {

	width: 565px;

	background-color: #00acc1;

	margin-left: 15px;

	margin-bottom: 15px;

}

a.real-estate:hover {

	background-color: #15daf2;

}

a.engineering-cost {

	width: 565px;

	background-color: #ab47bc;

	margin-left: 15px;

	margin-top: 10px;

}

a.engineering-cost:hover {

	background-color: #c049d4;

}

.card a.opinions, .card a.speak, .card a.online-survey {

	margin-top: 10px;

	float: left;

	background-color: #ef5350;

	padding-top: 22px;

	height: 84px;

}  

a.opinions {

	width: 156px;

}

a.speak {

	width: 248px;

}

a.online-survey {

	width: 156px;

}

.card a.opinions span i, .card a.speak span i, .card a.online-survey span i {

	transition: all .3s linear;

}

a.opinions:hover i{

	color: #813d40;

	transform: translate3d(0, -4px, 0);

}

a.speak:hover i{

	color: #813d40;

	transform: translate3d(0, -4px, 0);

}



a.online-survey:hover i{

	color: #813d40;

	transform: translate3d(0, -4px, 0);

}

/* special-work  专项工作

********************************************************************************/

.special-work {

	margin-top: 10px;

}

.section .container .special-work ul a.color1 {

	background-color: #039be5;

	padding-top: 49px;

	height: 66px;

}

.section .container .special-work ul a.color2 {

	background-color: #00acc1;

	padding-top: 41px;

	height: 74px;

}

.section .container .special-work ul a.color3 {

	background-color: #009688;

	padding-top: 49px;

	height: 66px;

}

.section .container .special-work ul a.color4 {

	background-color: #43a047;

	padding-top: 41px;

	height: 74px;;

}

.section .container .special-work ul a.color5 {

	background-color: #fb8c00;

	padding-top: 41px;

	height: 74px;

}

.section .container .special-work ul a.color6 {

	background-color: #ffb300;

	padding-top: 41px;

	height: 74px;

}

.section .container .special-work ul a.color7 {

	background-color: #c0ca33;

	padding-top: 41px;

	height: 74px;

}

.section .container .special-work ul a.color8 {

	background-color: #7cb342;

	padding-top: 34px;

	height: 81px;



}

.section .container .special-work ul li a {

	color: white;

	border: none;

	transition: all .2s linear;

	margin: 1px;

	font-size: 15px;

}

.section .container .special-work ul li a:hover {

	box-shadow: 0 15px 30px rgba(0,0,0,0.4);

	transform: translate3d(0, -2px, 0);

	border: none;

	-webkit-filter: brightness(110%);

	filter: brightness(105%);

}



/* work-guide  办事指南

********************************************************************************/

.work-guide {

	margin-top: 10px;

}





















/* real-estate 房地产

********************************************************************************/

div.real-estate {

	margin-top: 15px;

}

div.real-estate .real-estate-header {

	background-color: #0288d1;

	height: 36px;

	color: white;

}

div.real-estate .real-estate-header {

	padding: 17px 18px 17px 35px;

}

div.real-estate .real-estate-header h1 {

	float: left;

	line-height: 36px;

	margin: 0;

}

div.real-estate .real-estate-header .search input {

	width: 333px;

	margin-right: -1px;

	margin-left: -4px;

}

div.real-estate .container .grid {

	height: 352px;

}

/*五区商品房销售*/

div.real-estate div.house-sell-info {

	width: 560px;

	height:352px;

}

div.real-estate div.house-sell-info h1 {

	position: absolute;

	top: 25px;

	left: 35px;

	color: #0288d1;

}

/*五区商品房销售   tip 提示*/

.sell-area-info {

	position: absolute;

	width: 110px;

	height: 50px;

	font-size: 13px;

	display: none;



}

.sell-area-info img {

	opacity: 0.8;

}

.sell-area-info span {

	display: block;

	position: absolute;

	color: white;

}

.sanshui-data {

	top: 37px;

	left: 230px;

}

.sanshui-data span {

	top: 14px;

	left: 10px;

}

.nanhai-data {

	top: 100px;

	left: 260px;

}

.nanhai-data span {

	top: 14px;

	left: 10px;

}

.shunde-data {

	top: 202px;

	left: 327px;

}

.shunde-data span {

	top: 14px;

	left: 10px;

}

.chancheng-data {

	top: 136px;

	left: 290px;

}

.chancheng-data span {

	top: 14px;

	left: 10px;

}

.gaoming-data {

	top: 205px;

	left: 130px;

}

.gaoming-data span {

	top: 14px;

	left: 10px;

}







 









/*小方块*/

div.real-estate .little-box {

	width: 560px;

	height: 286px;

	float: left;

	margin-top: 14px;

	margin-right: 15px;

}

div.real-estate .little-box ul.double-little li {

	width: 244px;

	height: 85px;

}

div.real-estate .little-box ul.double-little li a{

	width: 244px;

	height: 85px !important;

	padding-top: 0;

	color:white;

	background-color: #ddd;

	margin: 1px;

	border: none;

	line-height: 85px;

	font-size: 16px;

	letter-spacing: 1px;

	font-weight: bold;

	transition: all .2s linear;

}

div.real-estate .little-box ul.double-little li a.little-color1 {

	background-color: #039be5;

}

div.real-estate .little-box ul.double-little li a.little-color2 {

	background-color: #43a047;

}

div.real-estate .little-box ul.double-little li a.little-color3 {

	background-color: #00acc1;

}

div.real-estate .little-box ul.double-little li a.little-color4 {

	background-color: #7cb342;

}





div.real-estate .little-box ul.double-little li a:hover {

	box-shadow: 0 15px 30px rgba(0,0,0,0.4);

	transform: translate3d(0, -2px, 0);

	border: none;

	-webkit-filter: brightness(110%);

	filter: brightness(110%);

}





/*签约系统*/

div.real-estate .signing-system {

	width: 565px;

	height: 286px;

	background-color: white;

	float: left;

	margin-top: 14px;

}

div.real-estate .signing-system>div {

	height: 120px;

	padding: 25px 0 0 35px;

}

div.real-estate .signing-system .bottom-div {

	height: 120px;

	padding: 8px 0 0 35px;

}

div.real-estate .signing-system h1 {

	color: #0288d1;

}

div.real-estate .signing-system a {

	display: block;

	float: left;

	padding: 12px 22px;

	border: 1px solid #0288d1;

	color: #0288d1;

	margin-right: 15px;

	margin-top: 16px;

}

div.real-estate .signing-system a:hover {

	background-color: #0288d1;

	color: white;

}



/* 房屋租赁交易监管 */

div.real-estate .transaction-regulatory-services {

	height: 120px;

	background-image: url('/images/housesell.jpg');

	width: 1140px;

	margin-top: 14px;

	font-size: 28px;

	letter-spacing: 3px;

	font-weight: bold;

	text-align: center;

	line-height: 120px;

	color: white;

}





/* housing-security 住房保障

********************************************************************************/

div.housing-security {

	margin-top: 15px;

}

div.housing-security .header {

	background-color: #0288d1;

	height: 36px;

	color: white;

}

div.housing-security .header {

	padding: 17px 35px;

}

div.housing-security .header h1 {

	float: left;

	line-height: 36px;

	margin: 0;

}

/*进度查询*/

div.housing-security .panel .panel-header {

	height: 36px;

}

div.housing-security .panel .panel-header h1 {

	float: left;

	line-height: 36px;

	margin: 0;

}

div.housing-security .panel .panel-header .search {

	margin-right: 10px;

}

div.housing-security .panel .panel-header .search input {

	width: 280px;

}

div.housing-security .panel .clear {

	height: 21px;

}

div.housing-security .panel .content ul li.double-li {

	width: 245px;

}

div.housing-security .panel .content ul li.double-li a {

	width: 245px;

}





/* construction-project 建设工程

********************************************************************************/

div.construction-project {

	margin-top: 15px;

}

div.construction-project .header {

	background-color: #0288d1;

	height: 36px;

	color: white;

}

div.construction-project .header {

	padding: 17px 35px;

}

div.construction-project .header h1 {

	float: left;

	line-height: 36px;

	margin: 0;

}

div.construction-project .panel .panel-header .div-form {

	margin-top: 10px;

}

div.construction-project .panel .panel-header .div-form input[type="text"]{

	width: 212px;

}

div.construction-project .panel .panel-header .div-form .search {

	margin-right: 12px;

}

div.construction-project .panel .panel-header .div-form select {

	width: 185px;

}

div.construction-project .panel .content ul li.double-li {

	width: 245px;

}

div.construction-project .panel .content ul li.double-li a {

	width: 245px;

}

div.construction-project .panel .content div.clear {

	height: 8px;

}

div.construction-project .panel .content ul li {

	height: 88px;

}

div.construction-project .panel .content ul li a {

	height: 69px;

	padding-top: 19px;

}











/* card 卡片

********************************************************************************/

a.credit-management {

	width: 560px;

	background-color: #00acc1;

}

a.qualifications {

	width: 565px;

	background-color: #689f38;

	margin-left: 15px;

	margin-bottom: 15px;

}

a.credit-management:hover {

	background-color: #08c3da;

}

a.qualifications:hover {

	background-color: #7cbd43;

}

/* green-road 佛山绿道

********************************************************************************/

.green-road {

	margin-top: 15px;

	height: 300px;

	background-image: url(/images/yuanlin.jpg);

}

.green-road .header h1 {

	color: white;

	text-align: center;

	padding-top: 40px;

}

.green-road .content ul {

	padding-top: 45px;

}

.green-road .content ul li {

	float: left;

	height: 80px;

	width: 285px;

}

.green-road .content ul li a {

	display: block;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	margin: 0 85px;

	width: 115px;

	height: 63px;

	padding-top: 25px;

	padding-bottom: 30px;

	color: white;

	transition: all .5s;

	border-radius: 50%;



}

.green-road .content ul li a .fa-2x {

	margin-bottom: 5px;

}

.green-road .content ul li a:hover {

	color: #c0ca33;

	transform: scale(1.3);

	border: 2px solid #c0ca33;

/*	background: #c0ca33;*/

	border-radius: 50%;

}



.dropmenu {

        display: inline-block;

        width: 76px;

        height: 38px;

        border-top: 1px solid #547FA9;

        border-bottom: 1px solid #547FA9;

        border-right: 1px solid #547FA9;

        z-index: 2;

        text-align: center;

        position: absolute;

        left: -90px;

        cursor: pointer;

    }

    .dropmenu label {

        display: inline-block;

        width: 72px;

        height: 36px;

        padding-right: 14px;

        color: #7B7C7D;

        z-index: 3;

        cursor: pointer;

        background: url(/images/2015fs_index_dropmenu.png) 68px center no-repeat;

        background-color: #fff;

        font: 14px/32px 微软雅黑;

    }

    .dropmenu ul {

        width: 74px;

        border: 1px solid #547FA9;

        border-top: none;

        background: #fff;

        position: absolute;

        right: 0px;

        top: 38px;

        z-index: 3;

        display: none;

        margin: 0px;

    }

    .dropmenu ul li{

        line-height: 26px;

        color: #7B7C7D;

        font-size: 14px;

    }

    .dropmenu ul li:hover{

        color: #fff;

        background-color: #0288d1;

    }



/* footer

********************************************************************************/

.footer {

	background-color: white;

	height: 320px;

}

.footer .footer-content {

	padding-top: 40px

}

.footer .footer-content .container>div {

	height: 280px;

	float: left;

}

.footer .footer-content .container .footer-info {

	width: 380px;

}

.footer .footer-content .container .footer-logo {

	width: 260px;

}

.footer .footer-content .container .footer-contact {

	width: 170px;

}

.footer .footer-content .container .footer-sj a{

	line-height:220px;

}

.footer .footer-content .footer-info ul li .fa {

	font-size: 16px;

	color: #0288d1;

}

.footer .footer-content .footer-info ul li{

	height: 27px;

	line-height: 27px;

} 

.footer .footer-content .footer-contact .fa-weibo {

	color: #e74c3c;

}

.footer .footer-content .footer-contact .fa-wechat {

	color: #009944;

}

.footer .footer-content .footer-contact .fa-weibo:hover {

	color: #0288d1;

}

.footer .footer-content .footer-contact .fa-wechat:hover {

	color: #0288d1;

}

.footer .footer-content .footer-contact .fa-wechat-a:hover .wechat-erweima{

	display: block;

}

.footer .footer-content .footer-contact .wechat-erweima {

	display: none;

}

.footer .footer-bottom {

	background-color: #333333;

	padding: 25px 0;

}

.footer .footer-bottom p {

	color: white;

	text-align: center;

}

.footer .footer-bottom p span{

	color: #d32f2f;

}





/* 请再index.css中



   替换



这两个样式，修复chrome和新版qq浏览器等下拉框对齐问题 */

div.construction-project .panel .panel-header .div-form .search {

    margin-right: 12px;



    /* 新增样式 */

    -webkit-transform: translateY(-2px);

}



.dropmenu {

    display: inline-block;

    width: 76px;

    height: 38px;

    border-top: 1px solid #547FA9;

    border-bottom: 1px solid #547FA9;

    border-right: 1px solid #547FA9;

    z-index: 2;

    text-align: center;

    position: absolute;

    left: -90px;

    cursor: pointer;

    /* 新增样式 */

    -webkit-transform: translateY(1px);

}

























/* 请再index.css中



   新增



   这些样式*/



a.wechat__app_none {

	height: 120px;

	box-sizing: border-box;

	background-image: url(/images/housesell.jpg);

	background-position: 0 0;

}

a.wechat__app_has {

	height: 120px;

	box-sizing: border-box;

	background-image: url(/images/housesell.jpg);

	background-position: 100% 0;

	text-align: left !important;

	padding-left: 35px;

}

.new__change_card .card {

	height: 120px;

}