/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) 
 */
body {
  overflow-x: hidden;
  font-family: "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei"!important;
}
.page-header-clear{height:50px;}

.text-muted {
  color: #777777;
}
.text-primary {
  color: #fed136;
}
p {
  font-size: 16px;
  line-height: 1.75;
}
p.large {
    font-size: 14px;
    position: absolute;
    top: 107px;
    left: 74px;
}
p.small {
    font-size: 12px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #333;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #4a77eb;text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
dl, dt, dd, ul, ol, li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
input:focus{outline:none;}

/* h-1-5 */
.h3{
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-top:15px;
    font-weight: normal;
}
.h5{
    border-bottom: 1px solid #e9e9e9;
    color: #333;
    font-size: 20px;
    font-weight: 100;
    height: 50px;
    line-height: 50px;
    margin: 0 19px;
}
.label {
    border-radius:0em;
    font-weight: normal;
    padding: 0.1em 0.3em 0.1em;
}

.label-list {
    height: 21px;
    float: left;
    font-size: 14px;
    margin-right: 5px;
    line-height: 150%;
    border-radius: 0px;
    padding: 0px 8px;
    font-style: normal;
}

.label-default {
    background-color: #c0c6cc;
    border-color: #c0c6cc;
    color: #ffffff;
}
.label-primary {
    background-color: #ff9366;
    border-color: #ff9366;
    color: #ffffff;
}
.label-success {
    background-color: #67cddb;
    border-color: #67cddb;
    color: #ffffff;
}
.label-info {/*#2196f3*/
    background-color: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
}
.label-warning {
    background-color: #cccc00;
    border-color: #cccc00;
    color: #ffffff;
}
.label-danger {
    background-color: #ff6666;
    border-color: #ff6666;
    color: #ffffff;
}

.label-other {
    background-color: #f3f5fb;
    border-color: #f3f5fb;
    color: #667d91;
}


.container {
    width: 1200px; padding: 0;
}

.form-control:focus {
    border-color: #2196f3;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.totop {
    background: #4a77eb transparent none repeat scroll 0 0;
    border: 2px solid #4a77eb;
    bottom: 6%;
    display: none;
    height: 40px;
    position: fixed;
    right: 1.5%;
    text-align: center;
    width: 40px;
    z-index: 9999;
}
#totop i {  color: #4a77eb;  font-size: 33px;  line-height: 35px;  }
/* navbar css */
.navbar{
    border-radius: 0px;
}
.navbar-custom {
  background-color: #385ec0;
  border-color: transparent;
  font-size:16px;border-width:0;
}
.navbar-custom .navbar-brand {
  color: #fff; font-weight:bold;padding-top: 8px;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {color: #fec503;  }
.navbar-custom .navbar-collapse {border-color: rgba(255, 255, 255, 0.02);  }
.navbar-custom .navbar-toggle {
  border-color: #ddd;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;  color: white;  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {background-color: #eee;}
.navbar-custom .navbar-toggle .icon-bar {background-color: #888;  }
.navbar-custom .nav li a {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
    /*letter-spacing: 1px;*/
    color: white;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav > .open > a,
.navbar-custom .nav > .open > a:focus,
.navbar-custom .nav > .open > a:hover {
  color: #fff;
    background-color:#4a77eb;
  outline: none;
}

.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
    background-color:#4a77eb;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color:#4a77eb;
}
.navbar-custom .dropdown-menu > li > a {
	font-size:16px;
    color: #333;
    font-weight: 400;
    line-height: 1.72857;
    padding: 5px 20px;
}
.hover-l:hover{background-color: #aa1628;}

/* logo */
.logo{background-image:url("/theme/agency/img/logo.png");background-size:150px 34px; background-repeat:no-repeat;display: block;height: 36px;width:160px;float:left; margin:9px 20px 0 0}
.logo-dark{background-image: url("/theme/agency/img/logo-darkgreen.png");display: block;height: 32px;position: relative;top:10px;float:left}
.logo-title{border-left: 1px solid #0a6;display:inline-block;line-height:32px; height:32px;margin:13px 0 0;font-size:24px;color:#999;padding-left:10px; font-weight:normal}

header {
    /*background: url('/theme/agency/img/banner5_0.jpg') center top no-repeat;*/
    width: 100%;
    min-width: 1280px;
    text-align: center;
    height: 514px;
    overflow: hidden;
    background-size: auto 100%;
}

header .intro-text {
  padding-top: 100px;
  padding-bottom: 15px;
}
header .intro-text .intro-lead-in {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 15px;
  color:#eee;
}
header .intro-text .intro-heading {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 30px;
}

header .search-box-wrap {
    height: 127px;
    margin: -14px auto 0;
    position: relative;
    width: 812px;
	margin-bottom:210px;
    top: 230px;
}
header .search-box-wrap .mask-input {
    background: #181815;
    background: rgba(24,24,21,.75);
    height: 156px;
    width: 812px;
    border-radius: 9px;
    filter: Alpha(opacity=75);
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 95;
    opacity:0.5;
}
header .search-box-wrap .search-box-con {
    padding: 20px;
    position: relative;
    z-index: 99;
}
header .search-box-wrap .search-box-con .menu {
    float: left;
}
header .search-box-wrap .search-box-con .menu li.check {
    opacity: 1;
}
header .search-box-wrap .search-box-con .menu li {
    float: left;
    height: 43px;
    opacity: 0.9;
}
header .search-box-wrap .search-box-con .menu li a,
header .search-box-wrap .search-box-con .menu li span {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    margin: 0 20px 0 0;
    padding:0 7px;
}
header .search-box-wrap .search-box-con .menu li span.cur {
    background: #4a77eb;
    border-radius: 3px;
}
header .search-box-wrap .search-box-con .menu i {
    border-bottom: 10px solid #2F303B;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    height: 0;
    left: 40px;
    position: absolute;
    top: 55px;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
    z-index: 9;
}
header .search-box-wrap .search-box-con .search {
    clear: both;
    position: relative;
	text-align:left
}
header .search-box-wrap .search-box-con .search .box {
    background: #fff none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
    clear: both;
    height: 55px;
}
header .search-box-wrap .search-box-con .search form {
    height: 55px;
}
header .search-box-wrap .search-box-con .search .text {
    border: 0 none;
    border-radius: 30px;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    width: 626px;color:#fff;
}
header .search-box-wrap .search-box-con .search .btn {
    background: #4a77eb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 18px;
    height: 55px;
    position: absolute;
    right: -1px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 127px;
}
header .search-box-wrap .search-box-con .foucsTxt{text-align: left; margin-top: 12px; opacity: 0.7}
header .search-box-wrap .search-box-con .foucsTxt a{color:#fff;padding-right:15px;}
header .search-box-wrap .search-box-con .search .sug-tips {
    clear: both;
    margin-top: 1px;
    width: auto;
}
header .search-box-wrap .search-box-con .search .sug-tips ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #000 #000;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    display: none;
    left: -1px;
    position: relative;
    top: -1px;
    width: 648px;
}
header .search-box-wrap .search-box-con .search .sug-tips li.hot-name {
    background: #f4f7f9 none repeat scroll 0 0;
    color: #849aae;
}
header .search-box-wrap .search-box-con .search .sug-tips li {
    /*height: 35px;*/
    line-height: 35px;
    padding: 3px 20px;
}
header .search-box-wrap .search-box-con .search .sug-tips li:hover {
    background: #f9f9f9 none repeat scroll 0 0;
}
header .search-box-wrap .search-box-con .search .sug-tips li a {
    color: #333;
    display: block;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
}
header .search-box-wrap .search-box-con .search .sug-tips li.hot-name .del {
    cursor: pointer;
    display: none;
    float: right;
    opacity: 0.5;
    text-align: right;
}
@media (min-width: 768px) {
  header .intro-text {
    padding-top: 100px;
    padding-bottom: 30px;
  }
  header .intro-text .intro-lead-in {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
	color:#eee;
  }
  header .intro-text .intro-heading {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 30px;
  }
}
#mainNav{
    margin-bottom:0px;
}

/* section css 板块章节 */
.section {  padding: 0px 0px 10px 0px;  }
.section h2{font-size: 24px; color: #333; padding:3px 0 0 10px; margin-top: 10px; margin-left: 10px;}
.section h3{ font-size: 16px; padding-bottom: 9px; line-height: 100%; font-weight: normal; color: #333;margin: 0;  }
.section .more{float: right;font-size:14px;font-weight: normal;}
.section-heading{/*border-bottom: 3px solid #eee; */background: #f8f9fa}

.section-heading .r_nav li{float:left;height:42px;position: relative;margin:5px 0 0 20px;margin-right: 15px;}
.section-heading .r_nav li a{display: block; width: 100%; line-height: 42px; color: #333; text-align: center;}
.section-heading .r_nav li a:hover{color: #4a77eb;}


.section-heading .r_nav2 {margin-left: 0px}
.section-heading .r_nav2 li {float: left; height: 42px; position: relative; margin:8px 0 0 40px;  }
.section-heading .r_nav2 li a {display: block; width: 100%; line-height: 42px; color: #333; text-align: center; }
.section-heading .r_nav2 li.active .btl, .section-heading .r_nav2 li:hover .btl { display: block;  }
.section-heading .r_nav2 li .btl{position: absolute;  left: 0;  bottom: 0px;  width: 100%;  height: 8px;  z-index: 3;  background: url(/theme/agency/img/icon3.png) center bottom no-repeat;  display: none;}

/*.icon_news{background: url(/theme/agency/img/icon_news.png) left center no-repeat;}
.icon_newhouse {background: url(/theme/agency/img/icon4.png) left center no-repeat;  }
.icon_esf {background: url(/theme/agency/img/icon9.png) left center no-repeat;  }
.icon_baozhang {background: url(/theme/agency/img/shops.png) left center no-repeat;  }
.icon_banshi {background: url(/theme/agency/img/icon8.png) left center no-repeat;  }*/

/* footer css */

footer{
    margin-top: 55px;
    margin-bottom: 30px;
}
footer .erm{
    width: 30%;
    text-align: center;
}
footer .erm:nth-child(1){
    float: left;
}
footer .erm:nth-child(3){
    float: right;
}
footer .erm img{
    width: 130px;
    margin-left: 15px;
}

footer .copyright{
    float: left;width: 40%;
    text-align: center;
    padding: 0 35px;
}
footer .copyright h3{
    font-size: 18px;
    display: inline-block;
    position: relative;color: #333333;
    padding-bottom: 15px;font-weight: bold;
}
footer .copyright h3::after{
    content: '';
    background: #333333;
    position: absolute;
    left: 25%;right: 25%;
    bottom: 0;height: 2px;
}
footer .copyright h4{
    font-size: 18px;
    margin-top: 25px;color: #333333;
}
footer .friend {
    margin-top: 15px;
}
footer .friend a{
    display: inline-block;
    margin-right: 15px;color: #404040;font-size: 14px;
    margin-bottom: 5px;
}
footer .bumen{
    color: #404040;font-size: 14px;
    margin-top: 5px;
}

footer .icp{
    margin-top: 10px;
    font-size: 13px;
}



/*pagination*/
#pagination{float:right;text-align:center;height: 26px; margin:20px 0 30px;}
#pagination li {border:0; margin:0; padding:0;  list-style:none; /* savers */ float:left;}
#pagination a { border:solid 1px #4a77eb; margin-right:12px; line-height:24px;padding:9px 11px;color:#4a77eb;background:#FFFFFF}
#pagination .active a{color:#fff; text-decoration:none; background:#4a77eb;border:solid 1px #4a77eb; }


/* 容器居中 */
.margin-center{margin: auto 0;}

/* 文本对齐 */
.text-center{text-align: center}
.text-left{text-align:left}
.text-right{text-align: right;}
.text-ell{ overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}

/*字体粗细*/
.fb{font-weight:bold;}
.fn{font-weight:normal;}
/*字体大小*/
.f-10{font-size:10px;}
.f-11{font-size:11px;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-24{font-size:24px;}
/* https://www.cnblogs.com/xmm2017/p/8441124.html%20%20cab291 */
/*字体颜色*/
.f-red {color: #f2334c !important; }
.f-green {color: #53b4a3 !important; }
.f-green-dark{color: #098d76;}
.f-blue {color: #4a77eb !important; }
.f-blue-dark{color: #244cb4;}
.f-purple{color:purple !important; }
.f-gold {color: #FFD700 !important; }
.f-orange {color: #e97565 !important; }
.f-burlywood{color:burlywood}
.f-gray {color: #CCCCCC !important; }
.f-gray-dark {color: #777777 !important; }
.f-black {color: #333 !important; }
.f-gray-light{color: #ebeff3;}
.f-white {color: #FFF !important; }

/*背景颜色 10aeff*/
.bg-none{background-color:transparent;}
.bg-red{background-color:#f2334c}
.bg-green{background-color:#53b4a3}
.bg-gold {background-color: #FFD700 !important; }
.bg-orange {background-color: #e97565;}
.bg-orange-red{background-color: orangered;}
.bg-orange-dark{background-color: darkorange;}
.bg-burlywood{background-color:burlywood}
.bg-gray {background-color: #CCCCCC;}
.bg-gray-light{background-color: #ebeff3;}
.bg-gray-dark {background-color: #777777  }
.bg-black {background-color: #333; }
.bg-white{background-color:#FFFFFF;}
.bg-blue {background-color: #4a77eb !important; }

/*边框颜色*/
.b-none{border:none}
.b-red{border: 1px solid #f2334c !important;}
.b-green{border: 1px solid #53b4a3!important;}
.b-purple{border: 1px solid purple; }
.b-blue {border: 1px solid #4a77eb;}
.b-blue-dodger{border:1px solid #244cb4;}
.b-gold {border: 1px solid #FFD700!important;}
.b-orange{border: 1px solid #e97565!important;}
.b-burlywood{border:1px solid burlywood!important;}
.b-gray {border: 1px solid #CCCCCC!important;}
.b-gray-dark {border: 1px solid #777777!important;}
.b-white{border:1px solid #FFFFFF;}
.bl-gray {border-left: 1px solid #CCCCCC;}
.bl-gray-dark{border-left: 1px solid #777777;}

/*透明背景颜色*/
.bg-rgb-red{background-color:rgba(250,81,81,0.3);}
.bg-rgb-green{background-color:rgba(66,179,16, 0.23);}
.bg-rgb-blue {background-color:rgba(0, 151, 255, 0.23);}
.bg-rgb-purple{background-color:rgba(138,43,226, 0.5); }
.bg-rgb-gold {background-color: rgba(	255,215,0,.5); }
.bg-rgb-orange{background-color:rgba(255,102,0, 0.53);}
.bg-rgb-gray {background-color: rgba(44,44,44, 0.3)}
.bg-rgb-gray-dark {background-color: rgba(44,44,44, 0.7) }

/*渐变背景颜色*/
.bg-grd-white{background:-webkit-linear-gradient(top left,#ffffff,#ebeff3);}
.bg-grd-firebrick{background:-webkit-linear-gradient(top left,#B22222,#DC143C);}
.bg-grd-mediumvioletred{background: -webkit-linear-gradient(top left,#C92079,#C71585);}
.bg-grd-thistle{background: -webkit-linear-gradient(top left,#D1BBFF,lavender);}
.bg-grd-midnightblue{background: -webkit-linear-gradient(top left,#191970,#00008B);}
.bg-grd-blue{background:-webkit-linear-gradient(top left,#0066FF,#1E90FF);}
.bg-grd-darkblue{background: -webkit-linear-gradient(rgb(5,150,237),rgb(5,80,170));}
.bg-grd-lightblue{background:-webkit-linear-gradient(top left,#1EA6E2,#1EA6E2);}
.bg-grd-green{background:-webkit-linear-gradient(top left,#007700,#00AA00);}
.bg-grd-darkgreen{background:-webkit-linear-gradient(top left,#006400,#008B00);}
.bg-grd-limegreen{background: -webkit-linear-gradient(top left,#36AB60,#32CD32);}
.bg-grd-darkcyan{background:-webkit-linear-gradient(top left,#008B8B,#009ACD);}
.bg-grd-cyan{background:-webkit-linear-gradient(top left,#008080,#20B2AA);}
.bg-grd-orange{background:-webkit-linear-gradient(top left,#F74A21,#FF6600);}
.bg-grd-purple{background:-webkit-linear-gradient(top left,#9900CC,#CC00FF);}
.bg-grd-burlywood{background:-webkit-linear-gradient(top left,#FFE4B5,burlywood);}
.bg-grd-gold{ background:-webkit-linear-gradient(top left,#EEAD0E,#FFC125);background:linear-gradient(top left, #EEAD0E,#FFC125);}
.bg-grd-gray{background:-webkit-linear-gradient(top left,#696969,#999);}
.bg-grd-black{background:-webkit-linear-gradient(top left,#333333,#696969);}



/*按钮、输入框边框*/
button.b-red,input.b-red {border: 1px solid #ff2424;}
button.b-green,input.b-green {border: 1px solid #07c160;}
button.b-purple,input.b-purple {border: 1px solid purple;}
button.b-blue,input.b-blue {border: 1px solid #356fb9;}
button.b-gold,input.b-gold {border: 1px solid #FFD700;}
button.b-orange,input.b-orange {border: 1px solid #FF6600;}
button.b-burlywood,input.b-burlywood {order: 1px solid burlywood;}
button.b-gray,input.b-gray {border: 1px solid #e0e0e0; }
button.b-gray-dark,input.b-gray-dark {border: 1px solid #999;}
/* 按钮背景 */
button.bg-red{background-color: #ff2424;}
button.bg-green{background-color: #07c160;}
button.bg-purple{background-color: purple;}
button.bg-blue{background-color: #356fb9;}
button.bg-gold{background-color: #FFD700;}
button.bg-orange{background-color:  #FF6600;}
button.bg-burlywood{background-color: burlywood;}
button.bg-gray {background-color: #e0e0e0;}
button.bg-gray-dark{background-color:  #999;}

/* 浮动float */
.fl{float:left}
.fr{float:right}

/* 圆角 */
.br{border-radius: 50%}
.br5{border-radius: 5px}
.br10{border-radius: 10px}
.br20{border-radius: 20px}
.br24{border-radius: 24px}

.brrn{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.blrn{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.blbn{border-bottom-left-radius: 0;}

/* 定位 */
.rel{position: relative;}
.abs{position: absolute;}

/*显示方式*/
.block{display: block;}
.inline-block{display: inline-block;}
.flex{display: flex}

/*边距*/
.pdn {padding: 0 !important;}
.pds{padding: 2px}
.pdx {padding: 5px;}
.pdm {padding: 10px;}
.pdl {padding: 20px;}
.pdxl {padding: 30px;}

.ptn{padding-top: 0;}
.pts{padding-top: 2px}
.ptx{padding-top: 5px}
.ptm{padding-top: 10px}
.ptl{padding-top: 20px}
.ptxl{padding-top: 30px}

.pln{padding-left: 0;}
.pls{padding-left: 2px}
.plx{padding-left: 5px}
.plm{padding-left: 10px}
.pll{padding-left: 20px}
.plxl{padding-left: 30px}

.prn{padding-right: 0;}
.prs{padding-right: 2px}
.prx{padding-right: 5px}
.prm{padding-right: 10px}
.prl{padding-right: 20px}
.prxl{padding-right: 30px}

.pbn{padding-bottom: 0;}
.pbs{padding-bottom: 2px}
.pbx{padding-bottom: 5px}
.pbm{padding-bottom: 10px}
.pbl{padding-bottom: 20px}
.pbxl{padding-bottom: 30px}

.mdn {margin: 0;}
.mds{margin: 2px}
.mdx {margin: 5px;}
.mdm {margin: 10px;}
.mdl {margin: 20px;}
.mdxl{margin: 30px;}

.mtn{margin-top: 0;}
.mts{margin-top: 2px}
.mtx{margin-top: 5px}
.mtm{margin-top: 10px}
.mtl{margin-top: 20px}
.mtxl{margin-top: 30px}

.mln{margin-left: 0;}
.mls{margin-left: 2px}
.mlx{margin-left: 5px}
.mlm{margin-left: 10px}
.mll{margin-left: 20px}
.mlxl{margin-left: 30px}

.mrn{margin-right: 0;}
.mrs{margin-right: 2px}
.mrx{margin-right: 5px}
.mrm{margin-right: 10px}
.mrl{margin-right: 20px}
.mrxl{margin-right: 30px}

.mbn{margin-bottom: 0;}
.mbs{margin-bottom: 2px}
.mbx{margin-bottom: 5px}
.mbm{margin-bottom: 10px}
.mbl{margin-bottom: 20px}
.mbxl{margin-bottom: 30px}

/* 图片大小 对齐方式 */
.imgtop{vertical-align:text-top;}
.imgmid{vertical-align:middle;}
.imgbot{vertical-align:text-bottom;}
.img-10{width: 10px;height: 10px}
.img-12{width: 12px;height: 12px}
.img-14{width: 14px;height: 14px}
.img-16{width: 16px;height: 16px}
.img-18{width: 18px;height: 18px}
.img-20{width: 20px;height: 20px}
.img-22{width: 22px;height: 22px}
.img-24{width: 24px;height: 24px}
.img-26{width: 26px;height: 26px}
.img-28{width: 28px;height: 28px}
.img-30{width: 30px;height: 30px}
.img-32{width: 32px;height: 32px}
.img-36{width: 36px;height: 36px}
.img-38{width: 38px;height: 38px}
.img-42{width: 42px;height: 42px}
.img-48{width: 48px;height: 48px}
.img-52{width: 52px;height: 52px}
.img-64{width: 64px;height: 64px}
.img-72{width: 72px;height: 72px}


/* layout col */
.col-left{width:70%;float:left;padding-right: 15px;}
.col-right{width:30%;float:right;padding-left: 15px;}
.col-item-3 .item-title {
    font-size: 16px;
    overflow: hidden;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;

}

/* loading news */
.loading-more {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #666;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    margin-top: 50px;
    position: relative;
    text-align: center;
    transition: transform 2s ease 0s;
    width: 100%;
}

/* todo news page css */
.secondNav { background: #f5f5f6 none repeat scroll 0 0;}
.secondNav .logo-box {float: left;height: 45px;}
.secondNav .navlist{float: right;line-height:38px;height:38px;margin:0 20px 0 0;}
.secondNav .navlist li {float: left;}
.secondNav .navlist li a.check {color: #4a77eb;}
.secondNav .navlist li a {color: #333;display: block;font-size: 16px;margin-right: 33px;}

/* block-hd css */
.block-hd {
    border-bottom: 1px solid #d9e2e9;
    height: 38px;
	line-height:38px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.block-hd .hd-text {
    border-bottom: 1px solid #227bd7;
    color: #333;
    font-size: 18px;
    height: 38px;
    left: 0;
    padding-right: 20px;
    position: absolute;
    top: 0;
}

.block-hd .more {
    height: 38px;
    position: absolute;
    right: 0;
}
.block-hd .more a {
    color: #999;
}
.block-hd .more a:hover{
    color: #4a77eb;
}

/* breadcrumb */
.breadcrumb {
    background:none;
    list-style: none outside none;
    margin-bottom:5px;
    padding: 8px 10px 8px 0;
    display: block;float: left;
}
.search-box .input-search:focus{border:1px solid #4a77eb;}
.search-box .input-search {
    border-bottom-left-radius: 3px;
    border:1px solid #ddd;
    color: #999;
    float: left;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    padding: 8px 10px;
    width: 310px;
}
.search-box .btn-search {
    background: #4a77eb none repeat scroll 0 0;
    border: 0 none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 34px;
    letter-spacing: 4px;
    overflow: hidden;
    width: 60px;
}
.search-box .btn-search:hover {
    background: #4a77eb none repeat scroll 0 0;
}
.search-box .f-int-focus {
    border-color: #4a77eb -moz-use-text-color #4a77eb #4a77eb;
    border-right: 0 none;
    color: #333;
}
/* prompt css */
#prompt>ul>li{padding: 10px 10px;}
#prompt>ul>li:hover{ background-color: #4a77eb; cursor: pointer; color:#fff;  }

/* newhouselist,salelist start */
.topFilter {
    font-size:14px;
    padding-bottom: 12px;
    margin-bottom:20px;
    background:#fff;
}
.topFilter .topContent {
    position: relative;
    padding-top: 5px;
    z-index: 2;
}

.topContent a {
    display: inline-block;
    margin-right: 7px;
}
.topContent a:link, .topContent a:visited {
    color: #444;
    font-size:14px;
}

.topContent .dashed{border-bottom:1px dashed #DDDDDD}


/*   filter css   */
.filter-item {
    line-height: 44px;
    height: 45px;
    display:block;
    padding:2px 0;
}
.filter-item .item-title {
    float: left;
}
.filter-item .item-bd {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ddd;
    left: 21px;
    line-height: 28px;
    padding: 7px 20px;
    position: relative;
    width: 1038px;
}

.filter-item .item-hd a:hover,
.filter-item .item-hd .item-on,
.filter-item .item-hd .item-on:hover {
    color: #4a77eb;
    font-weight: 700;
    border-bottom: 3px solid #4a77eb;
    margin-bottom: 5px;
}
.filter-item .item-hd .item-hot:hover{border-bottom: none}
.filter-item .item-mod a:hover {
    color: #4a77eb;
    text-decoration:none
}
.filter-item .item-mod .item-on {
    color: #4a77eb;
    font-weight: 700;
}
.filter-item .item-hd a {
    display: inline-block;
    margin: 0 40px 0 0;
    font-size: 16px;
}
.filter-item .item-mod span {
    display: inline-block;
    margin-left: 20px;
}
.filter-item form input {
    border: 1px solid #ccc;
    height: 18px;
    line-height: .1px;
    margin: -4px 0 0;
    margin: -4px 0 0;collect
    padding: 10px 3px;
    text-align: center;
    /* width: 35px; */
}
.filter-item .pricecond, .filter-item .areacond {
    display: inline-block;
    height: 26px;
    line-height: 26px;
}
.filter-item .item-title {
    margin-bottom: 0px;
}

.list-ico {
    background-image: url("/theme/agency/img/icon_list.png");
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    height: 15px;
    margin-right: 5px;
    vertical-align: -2px;
    width: 14px;
}

a:hover .area-ico, .item-on .area-ico, .item-on:hover .area-ico {
    background-position: -16px 0;
}
.subway-ico {
    background-position: -32px 0;
}
.item-hd a:hover .subway-ico, .item-on .subway-ico, .item-on:hover .subway-ico {
    background-position: -48px 0;
}
.map-ico {
    background-position: -64px 0;
}
a:hover .map-ico, .item-on .map-ico, .item-on:hover .map-ico {
    background-position: -80px 0;
}
.fangtan-ico {
    background-position: -257px 0;
    width: 14px;
}
a:hover .fangtan-ico, .item-on .fangtan-ico, .item-on:hover .fangtan-ico {
    background-position: -273px 0;
}
.icon-top-arrow {
    border-bottom: 9px solid #ddd;
    border-left: 9px dashed transparent;
    border-right: 9px dashed transparent;
    display: block;
    height: 0;
    margin-top: -14px;
    position: absolute;
    top: 4px;
    width: 0;
}
.area-bd .icon-top-arrow {
    left: 50px;
}

.subway-bd .icon-top-arrow {
    left: 145px;
}

.icon-top-arrow span {
    border-bottom: 9px solid #f9f9f9;
    border-left: 9px dashed transparent;
    border-right: 9px dashed transparent;
    display: block;
    height: 0;
    left: -9px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 0;
}

/*　house list */
.main_list .topbar{ border: 1px solid #DDDDDD; height: 55px; line-height: 40px; padding: 5px 0 0 15px; border-top:2px solid #4a77eb; background:#fff; margin-bottom:20px;}
.sort-page-box {float: right;}
.sort-page-box .newSort {float: left; height: 40px; line-height: 40px; overflow: hidden; }
.newSort a{font-size:14px;margin-right: 20px }
.newSort a.on{color: #4a77eb;font-weight: bold}
.newSort a:hover { color: #4a77eb;  display: inline-block;}
.newSort .list-ico {height: 10px; margin-left: 5px; width: 9px;  }
.newSort .da {/*默认*/
    background-position: -208px 0;
}
.newSort .down {/*下*/
    background-position: -224px 0;
}
.newSort .up {/*上*/
    background-position: -192px 0;
}

/* house list */
.main_list .list-item { position:relative; margin: 20px auto; padding: 10px 0px 10px 0px; background:#fff; cursor: pointer; border-bottom: 1px dashed #ddd;min-height: 170px;  }
.main_list .list-item:hover {  background:#f8f8f8;   }
.list-item i,em{font-style:normal}
.list-item:hover a {color:  #4a77eb;cursor: pointer;text-decoration:none;}
.list-item .img {display: block;float: left;height:140px;width:180px; margin-right:20px;}
.list-item .img img{height: 140px;width: 180px;}
.list-item .tilte {height: 28px;line-height: 28px;}
.list-item .tilte h3 {display: inline-block;font-size:22px;padding-right:4px; margin-top:0; font-weight:700}
.list-item .tilte .list-dp {color: #999;display: inline-block;font-size: 14px;}
.list-item .tilte .list-dp:hover{color:#4a77eb;}
.list-item .info {color: #666;font-size: 14px;}
.list-item .info a {font-size:14px;}
.list-item .info p {height:20px;line-height: 20px;overflow: hidden;margin: 12px 0 0;font-size: 14px;color: #6d798c;}
.list-item .info p .map {color: #999;float: right;}
.list-item .favor-pos{text-align: right;}
.list-item .favor-pos .price { color: #666; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 5px;}
.list-item .favor-pos .price span { color: #ff2424; font-size: 28px; padding: 0 2px; font-weight: 600; font-family: 微软雅黑;}
.list-item .favor-pos .price em{color: #4a77eb}
.list-item .favor-pos .price-a { color: #4a77eb;margin-bottom: 0; font-weight: 700;}
.list-item .favor-pos .price-a em { font-family: Tahoma; font-size: 22px; margin-right: 10px;font-weight: 700;}
.list-item .favor-pos .price-b {color: #999;font-size: 14px;  }
.list-item .favor-pos .discount-item {height: 30px; padding-right: 4px  }
.list-item .favor-pos .favor-tag { font-size: 14px; height: 24px; margin-bottom: 10px;  }
.list-item .favor-pos .favor-tag .group-mark,
.list-item .favor-pos .favor-tag .group-mark:hover,
.list-item .favor-pos .favor-tag .discount-txt {  border: 1px solid #4a77eb;  color: #4a77eb;  }
.list-item .favor-pos .favor-tag .tour-mark,
.list-item .favor-pos .favor-tag .tour-mark:hover {  border: 1px solid #4a77eb;  color: #4a77eb;  }
.list-item .favor-pos .favor-tag a,
.list-item .favor-pos .favor-tag .discount-txt {display: inline-block; height: 22px; line-height: 22px; max-width: 188px; overflow: hidden; padding: 0 5px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.list-item .text-box{
    display: inline-block;
    background-color: #f4f7f9;
    color: #84a3ba;
    font-size: 12px;
    padding: 5px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* newhouselist,salelist,newslistend */

/* icons list */

.i-home{
    background-position: 0 -148px;
    width: 28px;
    line-height: 28px;
}
.i-map{
    background-position: 0 -211px;
    background-size: 280px;
    width: 28px;
    line-height: 28px;
}
.i-location{
    background-position: -488px -460px;
    width: 26px;
    height: 28px;
    margin-top: -6px;
    margin-left: 6px;
}

.db_box{ width:216px;z-index:99; right:0px; bottom:110px;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop); font-family: "微软雅黑";}
.db_right{ width:190px; font-size:12px;  height:auto; float:right; border:3px solid #A30001;border-radius: 0px 5px 5px 5px; background-color:#FFFFFF; display:none;}
.db_right_tt{    width: 184px;
    height: 54px;
    line-height: 54px;
    color: #c6c6c6;
    border-bottom: 1px dotted #959595;
    text-align: center;}
.db_right_zj{     width: 183px;
    height: 75px;
    border-bottom: 1px dotted #959595;
    padding: 10px 0px 0px 14px;}
.db_right_zj a{ line-height:18px;color:#136bad;}
.db_right_zj a:hover{ text-decoration:underline;}
.db_right_zj span{ display:block; line-height:18px; color:#999999}
.db_right_zj span em{color: #FF3300; font-style:normal; font-weight:bold;}
.dd_bottom{width: 190px;height: 35px;text-align: center;margin: 0 auto;padding-left: 24px;padding-top: 5px;padding-bottom: 5px;}
.dd_bottom a{ width:67px; height:26px; float:left; margin-right:4px; background:url(/theme/agency/img/db.png) 0px -109px; text-indent:-9999px;}
.dd_bottom .clearAll{ width:67px; height:26px; float:left;background:url(/theme/agency/img/db.png) 0px -135px; text-indent:-9999px; cursor:pointer;}
.db_left{ width:24px; height:106px; float:right; background:url(/theme/agency/img/db.png) no-repeat; cursor:pointer; display:none;}
.db_left_hover{ background:url(/theme/agency/img/db.png) no-repeat -25px 0px;}
.db_left_hover{ background:url(/theme/agency/img/db.png) no-repeat -25px 0px;}
.mj_db_click{color: #FF6600;}
.mj_db{cursor: pointer;color: #999;line-height: 20px;}

.ADleft{
    left:0px;
    top:260px;
    position:absolute;
    overflow:hidden;
    display:none;
    z-index: 99;
}
.ADright{
    right: 0px;
    top:260px;
    position:absolute;
    overflow:hidden;
    display:none;
    z-index: 99;
}

.list-item .info p.house_gs{
    width: 660px;
    margin-top: 5px;
    padding: 2px 10px;
    line-height: 20px;
    height: 23px;
    border-radius: 100px;
    background: linear-gradient(to right, rgba(250, 238, 222, 0.9), rgba(250, 238, 222, 0.1));
    text-align: left;
}

.fang_tool_list {
}

.fang_tool_item {
    float: left;
    width: 100px;
    padding: 14px 0 14px 0px;
    cursor: pointer;
    box-sizing: border-box;
}
.fang_tool_item {
    float: left;
    width: 100px;
    padding: 14px 0 14px 0px;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 12px;
}
.fang_tool_item:nth-child(2n) {
    margin-left: 20px;
}
.fang_tool_item .tool_img {
    float: left;
    width: 32px;
}
.fang_tool_item .tool_text {
    margin-left: 45px;
    padding-top: 0;
}
.fang_tool_item .tool_text p {
    font-size: 12px;
    line-height: 16px;
}

.left_dynamic{
    padding: 0px 15px;
}

.dynamicList .proj_img{
    width: 100px;
    float: left;
}
.dynamicList .porj_info{
    width: 144px;
    float: left;
    overflow: hidden;
    height: 80px;
    margin-top: -5px;
}

.dynamicList .porj_info .title{
    font-weight: bold;

}
.dynamicList .porj_info .inforTxt{
    font-size: 13px;
    margin-top: -8px;
}

.dynamicList .porj_info .inforTxt .inf-tit a{
    line-height: 15px;
    color: #6d798c;
}

