/*css reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code,form, fieldset, legend, input, button,textarea, blockquote, th, td {margin: 0;padding: 0; word-wrap:break-word;}
fieldset, img {border: 0;}
input,textarea{ padding:0 3px;}


table {border-collapse: collapse;}
body{ margin:0 auto; font:62.5%/1.8 'ËÎÌå'; color:#666; height:100%;}
a{color:#666;text-decoration:none; outline:none !important; blr:expression(this.onFocus=this.blur());}
a:hover{color:#ef7512; text-decoration:none;}


/*base css*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden;}
td{font-size:1.2em; line-height:1.8;}
.left{float:left;}
.right{float:right;}
.txt_left{text-align:left;}
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.txt_u{text-decoration:underline;}
.txt_t{text-decoration:line-through;}
.txt_i{text-indent:2em;}
.fw_n{font-weight:normal;}
.fw_b{font-weight:bold;}

/*ÑÕÉ«*/
.red{color:red;}

/*×ÖºÅ*/
.fs_14{font-size:14px;}

.page{ text-align:center; padding:15px 0;}
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}

/*layout css*/
.wrapper{ max-width:640px; min-width:320px; margin:0 auto;}
.header img{ width:100%; margin:0 0 0 0;}

/*banner*/
.banner{position:relative; overflow:hidden;background-color:#000; max-height:361px;}
.banner .pics{height:100%; width:9999em; position:relative;}
.banner .pics li{float:left; max-height:361px;}
.banner .pics li img{width:100%;}
.banner .box{ opacity:0.7; width:100%; height:100%; position:absolute;}
.banner .nums{position:absolute; left:0; bottom:.5em; text-align:center; width:100%;} 
.banner .nums a{display:inline-block; border-radius:50px; width:1em; height:1em; background-color:#fff; margin:0 5px;}
.banner .nums .sel{background-color:#f57d12;}

@media screen and (max-width: 480px) {
    .banner{max-height:187px;}
    .banner .pics li{max-height:187px;}
    .banner .nums a{width:.8em; height:.8em; }
}


/*menuList*/
.menuList{overflow:hidden; padding:3%;}
.menuList ul li{width:46%;  position:relative; overflow:hidden;min-height:150px; float:left;}
.menuList ul li img{width:100%;}
.menuList ul li a{display:block; width:100%; height:100%;}
.menuList .item-1{}
.menuList .item-2, .menuList .item-3, .menuList .item-4, .menuList .item-5{width:25.6%; margin:0; padding-left:1%;}
.menuList .item-3{}
.menuList .item-4{}
.menuList .item-5{}
.menuList .item-6{}
.menuList .item-7{}
.menuList .item-8{}

.menuList .row-2 li{min-height:223px;}
.menuList .row-2 .item-1{min-height:100%;}
.menuList .row-2 .item-1 img{width:99.5%; }
.menuList .row-2 .item-2{min-height:100%;width:52.3%;}



@media screen and (max-width: 480px) {
	.menuList ul li{min-height:67px;}
	.menuList ul li .btn{width:15px; height:15px;}
	.menuList .row-2 li{min-height:41px;}
	.menuList .row-2 .item-4{min-height:100px;}
}

/*menuBar*/
.menuBar{position:fixed; bottom:0; left:0; display:none; width:150px; height:150px;}
.menuBar .allBtn{ width:7em; height:7em; overflow:hidden; position:absolute; z-index:100; left:1%; bottom:2%; cursor:pointer;}
.menuBar img{width:100%;}
.menuBar .btn{position:absolute; width:4.7em; height:4.7em; overflow:hidden; left:0.7%; bottom:0.7%; opacity:0; cursor:pointer;}
.menuBar .close img{ 
	/* Rotate div */
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari and Chrome */
	-o-transform:rotate(0deg); /* Opera */
	
	transition: 200ms;
	-moz-transition: 200ms; /* Firefox 4 */
	-webkit-transition: 200ms;/* Safari ºÍ Chrome */
	-o-transition: 200ms; /* Opera */
}
.menuBar .open img{
	/* Rotate div */
	transform:rotate(360deg);	
	-ms-transform:rotate(360deg); /* IE 9 */
	-moz-transform:rotate(360deg); /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg); /* Opera */
	
	transition: 200ms;
	-moz-transition: 200ms; /* Firefox 4 */
	-webkit-transition: 200ms;/* Safari ºÍ Chrome */
	-o-transition: 200ms; /* Opera */
}

@media screen and (max-width: 480px) {
	.menuBar{ width:75px; height:75px;}
	.menuBar .allBtn{display:block; width:3.8em; height:3.8em;}
	.menuBar .btn{position:absolute; width:2.5em; height:2.5em;	}
}


/*pageTitle*/
.pageTitle{ position:relative; background:#2e2e2e; }     
  
.pageTitle .backBtn{display:inline-block; float:left; width:15%;height:100%; overflow:hidden;}
.pageTitle ul li {display:inline-block;padding:2% 0 1% 0; float:left; width:24.6%; height:20%;border-left:1px solid #575757;overflow:hidden;}
.pageTitle ul li img {margin-left:40%;display:inline-block;}
.pageTitle .title{display:inline-block; text-align:center; font-weight:bold; height:100%; font:300%/1.8 "Î¢ÈíÑÅºÚ"; width:74%; color:#0e70b4; overflow:hidden; float:left;}
.pageTitle a{display:block;}

@media screen and (max-width: 480px) {
	.pageTitle{}
	.pageTitle .title{ font:180%/1.6 "Î¢ÈíÑÅºÚ";width:74%;}
	 .pageTitle ul li img { margin-left:30%;  display:inline-block; }
}

/*munList*/
.munList {display:none; position:fixed; top:3em; right:1%; z-index:1000; color:#fff; font-weight:bold; font:200%/1.5 'Î¢ÈíÑÅºÚ';}
.munList a{color:#fff; display:block;}
.munList a:hover{color:#ef7512;}
.munList ul{height:100%;border-radius:10px; padding:0.5em 0 0.5em 0; z-index:1001;  background-color:#7d1e23;}
.munList .sj{    width:0;height:0;border-width:0 .5em .5em;border-style:solid;border-color:transparent transparent #7d1e23;/*Í¸Ã÷ Í¸Ã÷  »Ò*/margin:0px auto;position:relative;}
.munList ul li{ margin:0 auto; text-align:center;padding:0em 1.2em;  background-color:#7d1e23;border-bottom:1px solid #832227; height:2.5em; line-height:2.5em;}

@media screen and (max-width: 480px) {
	.munList{font:180%/1.5 'Î¢ÈíÑÅºÚ';}	
	
}

/*continfo*/
.continfo{font:18px;font-family:"ËÎÌå"; padding:0.2em 0.5em;
         
}
.continfo ul{list-style: disc;

 padding-left:1.3em;
}

    .continfo img {
        width: 100%;
        height:auto !important;
    }

.continfo .join {padding:0.2em 0.5em; margin:0 auto 1em auto;}
.continfo .join h1 {font:120%/1 'ËÎÌå'; color:#7d1e23;font-weight:bold;}
.continfo .join h2 {font:100%/2 'ËÎÌå'; color:#000; font-weight:bold;}
.continfo .join td {font:84%/2 'ËÎÌå'; color:#000; font-weight:bold; }
.continfo .join td span{color:#666; font-weight:bold;padding:0 0.5em;}
.continfo .join p{color:#666; font-weight:bold;list-style: none;}
.continfo .join p ul li{list-style: none;}
/*toolbar*/
.toolbar{text-align:center; margin-bottom:15px;}
.toolbar span{color:#fff; font-weight:bold; font:200%/1.5 'ËÎÌå'; background-color:#6b171b; display:inline-block; border-radius:10px; padding:.5em 2em; margin:0 0.5em;}
.toolbar span a{color:#fff;}
@media screen and (max-width: 480px) {
	.continfo{font:150%/1.2'ËÎÌå';}
.continfo ul{list-style: disc;}
    .continfo .join h2 {font:120%/2 'ËÎÌå'; color:#000; font-weight:bold;}
    .continfo .join td {font:100%/2 'ËÎÌå'; color:#000; font-weight:bold; }
    .continfo .join td span{color:#666; font-weight:bold;padding:0 0.5em;}	
.continfo .join p ul {list-style: none;}
	.toolbar span{font:150%/1.2 'Î¢ÈíÑÅºÚ'; }	
}


/*realtyList*/
.realtyList{margin-bottom:25px;}
.realtyList .rlist{border:1px solid #ecebeb; box-shadow:0px 0px 2px rgba(211,211,211,.5); width:90%; margin:15px auto 0; padding:2%;}
.realtyList .rlist img{width:100%;}
.realtyList .rlist a{display:block;}
.realtyList .rlist .item-2{color:#575757;  font:300%/2 'Î¢ÈíÑÅºÚ'; font-weight:bold; text-align:center; border-bottom:1px solid #dbdbdb; width:93%; margin:0 auto; padding:0.5em 0; overflow:hidden;}
.realtyList .rlist .item-2 a{color:#575757; }
.realtyList .rlist .item-3{font-family:'Î¢ÈíÑÅºÚ'; color:#808080l; font-size:160%; height:3em; line-height:3.2em; width:89%; padding-right:4%; margin:0 auto; text-align:right; background:url(../images/ico-2.jpg) no-repeat right center;}
.realtyList .rlist .item-info{font-size:220%; line-height:1.5; width:93%; margin:0 auto;}

@media screen and (max-width: 480px) {
	.realtyList .rlist .item-2{ font:150%/2 'Î¢ÈíÑÅºÚ'; font-weight:bold;}	
	.realtyList .rlist .item-3{  font-size:80%;height:2em; line-height:2.5em;  width:86%; padding-right:8%; }
    .realtyList .rlist .item-info{font-size:110%; line-height:1.5;}	
}


/*realtyinfo*/
.realtyinfo .h1{text-align:center; font:300%/1 'Î¢ÈíÑÅºÚ'; color:#7d1e23; font-weight:bold; width:95%; border-bottom:1px solid #dbdbdb; margin:0 auto; padding:1em 0 0.5em 0;}
.realtyinfo .date{text-align:center; color:#575757; font-weight:bold; padding:0; margin:0em auto 0.5em; font-size:200%;}
.realtyinfo .date span{ margin-left:0.5em;}


@media screen and (max-width: 480px) {
	.realtyinfo .h1{font-size:200%;}
    .realtyinfo .date{ font-size:200%;}	
}

/*caselist*/
.caselist{width:95%; margin:0 auto 1.5em;}
.caselist ul li{border-bottom:1px dotted #c5c5c5; height:4em; line-height:4em; overflow:hidden; font-weight:bold; font-size:200%;}
.caselist ul li span{float:right;}
@media screen and (max-width: 480px) {
	.caselist ul li{font-size:100%;}
}

/*leaderList*/
.leaderList{margin-bottom:25px;}
.leaderList ul{list-style:none;}
.leaderList .list{border:1px solid #ecebeb; background:#fff; box-shadow:0px 0px 2px rgba(211,211,211,.5); width:90%; border-radius:16px; margin:15px auto 0; padding:2%;}
.leaderList .list img{width:98%;}

.leaderList .list .item-1 a{display:block; font-weight:bold; font:250%/2 'Î¢ÈíÑÅºÚ'; color:#7d1e23;}
.leaderList .list .item-1 a:hover{color:#dd960f;}
.leaderList .list .item-2{color:#575757;  font:150%/2 'Î¢ÈíÑÅºÚ'; font-weight:bold;  width:100%; padding:0 0; }
.leaderList .list .item-2 .item-time {text-align:left; }
.leaderList .list .item-2 .item-time  img {width:4%; padding:2% 0% 0 0;}
.leaderList .list .item-2 .item-yd {float:right; }
.leaderList .list .item-2 .item-yd  img {width:25%; padding:2% 0 0 0;}

/*.leaderList .list .item-3{font-family:'Î¢ÈíÑÅºÚ'; font-size:180%; color:#777;  line-height:1.8; width:89%; padding-right:4%; margin:0 auto;}*/
@media screen and (max-width: 480px) {
    .leaderList .list .item-2{ font:125%/2 'Î¢ÈíÑÅºÚ';font-weight:bold; }
 
}












