@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(banner.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
body {
 /*cursor:pointer;*/
}
.header {}
.logo img {
  height:100%; 
}
.topphone {
  float: right;
  background: url(../images/phone.png) no-repeat 0 30px;
  padding-left: 50px;
  padding-top: 25px;
}
.i_nav {
  height: 61px;
  background: #f5f5f5;
}
.top_btn {
    display: none;
    background: #red;
    border: solid 1px #ddd;
}
.whymoy > img {
  max-width: 100%;
}
.ibanner, .pbanner {
  min-height: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.i_banner, .p_banner {
  display: inline;
  float: left;
  width: 100%;
  margin-left: 0 !important;
}
@media (max-width: 767px) {    
.ibanner, .pbanner  { 
  display: none;
}
}
.i_banner img, .p_banner img {
  width: 100% !important;
  height: auto !important;
}
div#bannerimgswf_content {
    width: 100% !important;
    height: auto !important;
    background-size: 100% !important;
}
.i_banner object {
    
}
/**/
    #b06 { width: 100%;}
    #b06 .dots { position: absolute; left: 0; right: 10px; bottom: 10px;}
    #b06 .dots li
    {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
    }
    #b06 .dots li.active
    {
    background: #fff;
    opacity: 1;
    }
    #b06 .arrow { position: absolute; top: 200px;}
    #b06 #al { left: 15px;}
    #b06 #ar { right: 15px;}
/**/
/*ibanner_wap*/
@media (min-width: 320px) {    
.ibanner_wap { 
  position: relative; 
  overflow: auto;
  margin-top: 45px;
  min-height: 50px;
}
}
@media (min-width: 768px) {    
.ibanner_wap { 
  display: none;
  margin-top: 0;
}
}
    .ibanner_wap ul { padding:0; margin:0; }
    .ibanner_wap li { list-style: none; }
        .ibanner_wap ul li { float: left; }
  /*--ibanner_wap中的圆点部分 --*/
  .ibanner_wap .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
  }

  .ibanner_wap .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
  }
    .ibanner_wap .dots li {
      display: inline-block;
      *display: inline;
      zoom: 1;

      width: 10px;
      height: 10px;
      line-height: 10px;
      margin: 0 4px;
      font-size: 0;
      text-indent: -999em;
      *text-indent: 0;

      border: 2px solid #fff;
      border-radius: 6px;

      cursor: pointer;
      opacity: .4;

      -webkit-transition: background .5s, opacity .5s;
      -moz-transition: background .5s, opacity .5s;
      transition: background .5s, opacity .5s;
    }
      .ibanner_wap .dots li.active {
        background: #fff;
        opacity: 1;
      }

    /*用到了houweb.css里的网络字体,让左右箭头显示出来，注意下！*/
    .ibanner_wap .unslider-arrow {
      font-family:"lanren2016";
      font-size:50px;
      font-style:normal;
      position: absolute;
      width: 60px; height: 60px;
      top:50%;
      margin-top: -30px;
      text-decoration: none;
    }
    .ibanner_wap .prev {
      left: 15px;
    }
    .ibanner_wap .next {
      right: 15px;
    }
/*END,ibanner_wap*/
.i_notice {
  background: url(../images/notice.png) no-repeat 4px 29px; 
  padding-left: 38px; 
  padding-top: 18px; 
  font-size: 18px; 
  color: #2c2c2b;
}
.i_notice ul {
  overflow: hidden;
  height: 31px;
}
.i_notice li {
  overflow: hidden;
  display: inline-block;
  float: left;
  line-height:31px;
}
.i_notice li a {
  padding-right: 10px; 
}
.i_p_list h2, .i_contact h2 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.i_contact ul {
  height:200px; 
  border:solid #d6d6d6 1px; 
}
.i_c_1{background:url(../images/phone1.png) no-repeat 33px 29px; padding-left:63px; padding-top:30px; padding-bottom:17px;}
.i_c_line{height:1px; width:197px; margin:0 auto; background:url(../images/line.gif) repeat-x; line-height:0px; font-size:0px;}
.i_c_2 {
  background: rgba(0, 0, 0, 0) url("../images/phone2.png") no-repeat scroll;
  background-position: 30px 60px;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-left: 63px;
}
.i_c_3 {    
  background: rgba(0, 0, 0, 0) url("../images/phone3.png") no-repeat scroll 30px 30px;
  padding-left: 63px;
  padding-top: 30px;
}
@media (max-width: 991px) {    
  .i_c_2 {
    background-position: 30px 30px;
    padding-top: 30px;
  }
  .i_c_3 {
    padding-top: 20px;
  }
}
.i_youshi { 
  background:#f5f5f5; 
  margin-top:62px;
}
.i_youshi h2 {
  text-align:center; 
  padding-top:15px;
}
.i_youshi h2 p {
  padding-top:10px;
}
.i_ys_list{padding-top:50px;}
.i_ys_list dl {
  float:left; 
  width:20%; 
  padding: 5px;
}
.i_ys_list dt,dd{text-align:center;}
.i_ys_list dd{padding-top:10px; line-height:24px;}
.i_about { 
  width: 100%;
  background:url(../images/b1.jpg) no-repeat center;
  background-size: 100% 100%;
}
.i_about_l, .i_about_r { 
  float:left; 
  width:50%;
  padding-top:70px;
  padding-bottom: 70px;
}
.i_about_l img {
  max-width: 95%;
}
.i_about_r p {
  color:#fff; 
  line-height:20px; 
  padding:5px 0 ;
}

.i_liucheng {
  padding-top: 50px;
  padding-bottom: 50px;
}
.i_liucheng h2 {
  text-align:center; 
}
.i_liucheng h2 p {
  padding-top:10px
}
.i_liucheng .i_lc_list img {
  width: 100%;
  height: auto;
}
.i_link {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color:#ebebeb;
}
.i_link h2 {
  text-align:center; 
  padding-top:15px;
}
.i_link h2 p {
  padding-top:10px;
}
.link_list {
  padding-top: 15px;
  overflow: hidden;
}
.link_list li {
  float: left; 
  width: 16.6%;
  text-align: center;
  padding: 5px 15px;
}
@media (min-width: 320px) {
  .link_list li {
    overflow: hidden;
    float: left; 
    width: 33.3%;
    min-height: 26px;
    max-height: 82px;
    text-align: center;
    padding: 5px 15px;
  }  
}
@media (min-width: 768px) {
  .link_list li {
    width: 16.6%;
    height: 34px;
  }  
}
@media (min-width: 992px) {
  .link_list li {
    height: 47px;
  }  
}
@media (min-width: 1200px) {
  .link_list li {
    height: 60px;
  }  
}
.link_list li img {
  border: solid #d8d8d8 1px; 
  width: 100%;
}
/*网站底部*/
.footer{background:#333; padding-bottom:20px;}
.footer_l{ float:left; padding-top:46px; padding-left:16px;}
.footer_l a{color:#D8D2D2;; line-height:25px; padding-bottom:20px;}
.copyright{color:#9d9d9d; line-height:24px;}
.jsq{color:#9d9d9d; line-height:24px;}
.footer_r{float:right;padding-top:46px;color:#9d9d9d;}
.footer_r tr.firstRow td {
  padding: 4px;
}
@media (max-width: 991px) {
  .footer_l{
    width: 100%;
    padding-top: 20px; 
    padding-right: 10px;
    text-align: center;
  }
  .footer_r {
    float: right;
    width: 100%;
    padding-top: 46px;
    color: #9d9d9d;
  }
  .footer_r tr {
    width: 100%;
    display: block;
    text-align: center;
  }
  .footer_r tr td {
    padding: 4px;
    display: inline-block;
  }
  .footer_r tr.firstRow td:first-child {
    width: 100%;
    display: block;
    text-align: center;
  }
}
/*END，网站底部*/

/*背景轮播图*/
body#main_container {
  background-size: 100% auto !important;
}
.m_background {
  display: none;
  overflow: hidden;
  width: 100%;
}
.m_background img {
    width: 100%;
}
/*END，背景轮播图*/

/*广告弹窗*/
div#com_adsinfo {
    display: none;
}
/*END，广告弹窗*/

.about_l {
  padding: 30px 0;
}
.about_l h2 {background:url(../images/icon.gif) no-repeat 0 6px; padding-left:14px; margin-bottom:30px;}
.about_l h3 {background:url(../images/icon.gif) no-repeat 0 6px; padding-left:14px;}
.about_l .p_news {line-height:22px; font-size:14px; padding-top:30px;}

.map { 
  margin-top:30px;
}

.i_about_r div {
    color: #fff;  line-height: 2;
}
.icon1 dt {
    background-image: url(/templates/images/icon6.png);
}
.icon2 dt {
    background-image: url(/templates/images/icon7.png);
}
.icon3 dt {
    background-image: url(/templates/images/icon3.png);
}
.icon4 dt {
    background-image: url(/templates/images/icon4.png);
}
.icon5 dt {
    background-image: url(/templates/images/icon5.png);
}
.yous dt {
    background-position: center center;
    background-repeat: no-repeat;
    height: 78px;
}


.icon1:hover dt {
    background-image: url(/templates/images/1.png);
}
.icon1:hover dd {
    color: #D64040;
}

.icon2:hover dt {
    background-image: url(/templates/images/2.png);
}
.icon2:hover dd {
    color: #2DBFEC;
}


.icon3:hover dt {
    background-image: url(/templates/images/3.png);
}
.icon3:hover dd {
    color:#FCB215;
}

.icon4:hover dt {
    background-image: url(/templates/images/4.png);
}
.icon4:hover dd {
    color:#34DD70;
}


.icon5:hover dt {
    background-image: url(/templates/images/5.png);
}
.icon5:hover dd {
    color:#8464E0;
}
.yous dd {
    transition: color 0.2s ease-in 0s;
}.i_p_list img {
    transform: scale(1);
    transition: transform 500ms ease 0s;
}
.i_p_list img:hover {
    transform: scale(1.1);
}
.sq {
    border: 1px solid #eaeaea;
    color: #454545;
    float: left;
    min-height: 487px;
    min-width: 210px;
}
.carloan.box {
    overflow: hidden;
}
.sq dt {
    border-bottom: 1px dashed #e4e4e4;
    font-size: 18px;
    padding-bottom: 15px;
    text-align: center;
}
.sq dd {
    font-size: 14px;
    line-height: 40px;
    padding-top: 10px;
}
.sq strong {
    display: block;
    font-size: 24px;
    line-height: 60px;
}
.sq img {
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}
.sq a {
    border: 1px solid #000;
    display: block; transition: border-color 0.5s ease 0s;
    margin: 0 auto;
    width: 118px;
}
.sq a:hover {
    border-color: #fd0100;
    text-decoration: none;
}

.mortgaeg_left {
    float: left;
}
.mortgaeg_left >img {
    width: 100%;
}
.mortgaeg_right {
    color: #303030;
    float: right;
    font-size: 14px;
    line-height: 30px;
    text-indent: 32px;
}
.mortgaeg_left {
}
.mortgaeg_right p {
    padding: 8px 0;
}
.mortgaeg_left a {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.Scope img {
    display: block;
    margin: 0 auto;
    padding: 40px 0 30px;
}
.Scope {
    
    text-align: center;
}
.Scope li {
    color: #212121;
    float: left;
    font-size: 16px;
    width: 25%;
}
.sqh_left {
    background-image: url(/templates/images/icon17.png);
    float: left;
    width: 271px;
}
.sqh_left, .sqh_right {
    background-position: left 10px;
    background-repeat: no-repeat;
    color: #6b6b6b;
    font-size: 14px;
    line-height: 30px;
    padding-left: 54px;
}
.sqh_title {
    color: #000;
    font-size: 18px;
    line-height: 36px;
    padding-bottom: 11px;
}
.sqh_right {
    background-image: url(/templates/images/icon18.png);
    float: right;
    width: 426px;
}
.tab {
    float: right;
}
.hover {
    background-color: #e33939;
    color: #fff;
}
.tab span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 3px;
}
.sqzn {
    background-image: url(/templates/images/icon19.png);
    background-position: left 10px;
    background-repeat: no-repeat;
    color: #6b6b6b;
    font-size: 14px;
    line-height: 30px;
    margin-top: 40px;
}
.sqzn .sqh_title {
    padding-left: 55px;
}
.sqzn img {
    padding: 28px 0 20px;
}
input {
}
.form input[type="text"] {
    background-color: inherit;
    border: 1px solid #a0a0a0;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 27px;
    padding-left: 20px;
    width: 300px;
}
.form img {
    border: 1px solid #a0a0a0;
    display: inline-block;
    margin-top: 0;
    padding: 10px;
}
.form div {
    float: left;
}
.form {
    overflow: hidden;
}
.form a {
    background: #e33939 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    width: 184px;
}

.whytitie {
    font-size: 18px;
    line-height: 36px;
    padding: 15px 0 23px;
}
.whymoy dt {
    float: left;
}
.whymoy dl {
    float: left;
    overflow: hidden;
}
.whymoy dd {
    float: right;
    line-height: 23px;
    padding-left: 17px;
    padding-right: 39px;
    width: 270px;
}
.whymoy strong {
    display: block;
    font-size: 23px !important;
    text-align: left;
}
.whymoy p {
    text-align: left;
    text-indent: 6px;
}
.whymoy a {
    border: 1px solid;
    display: block;
    margin: 20px auto 0;
    padding: 4px 0;
    text-align: center;
    width: 100px;
}
.gbook_post.post2, .gbook_post.post3, .gbook_post.post5 {
  display: block;
  margin-bottom: 8px;
  float: left;
}
.post3 {
  margin-left: 5px;
  margin-right: 5px;
}
.post2 input, .post3 input, .post5 input {
  width: 100%;
  text-indent: 10px;
}
.gbook_post.post6 {
}
.gbook_post.post6 input {
  display: inline-block;
  margin-right: 10px;
}
.gbook_post.post6 img {
  display: inline-block;
}
.post6 textarea {
  border: 1px solid #ededed;
  width: 430px !important; 
  text-indent: 10px;
}
.gbook_post.post7 iframe#ewebeditor_bar {

}
.gbook_formbtn > input {
  margin: 0;
  padding: 0;
  width: 436px !important;
}
.gbook_formbtn {
  padding: 0 !important;
}
@media (max-width: 767px) {
.i_banner_box123 {
    margin-top: 45px;
  
}
.gbook_post.post2, .gbook_post.post3, .gbook_post.post5, .gbook_formbtn > input {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0 0 8px 0;
}
.post6 textarea {
  width: 100% !important; 
}
.gbook_post.post7 iframe#ewebeditor_bar {
  width: 100% !important;
}
}
.contact_mark ul li {
    background-position: left center;
    background-repeat: no-repeat;
    color: #7a7c82;
    font-size: 14px;
    line-height: 23px;
    margin: 17px 0 24px 15px;
    padding-left: 34px;
}
.conta1 {
    background-image: url(/templates/images/icon30.png);
    color: #e33939 !important;
}
.conta2 {
    background-image: url(/templates/images/icon29.png);
}
.conta3 {
    background-image: url(/templates/images/icon28.png);
}
.conta4 {
    background-image: url(/templates/images/icon27.png);
}


.p_left{ float:left;}
.p_right{ float:right;}
.footer_nav a{ padding-right:10px;}

/*----------------------------------bootstrap CSS----------------------------------*/
.clearfix:before,
.clearfix:after,
.i_nav:before,
.i_nav:after,
.pbanner:before,
.pbanner:after,
.ibanner:before,
.ibanner:after,
.container:before,
.container:after,
.container:before,
.container:after,
.container:before,
.container:after,
.header:after,
.i_nav:after,
.i_link:after,
.i_link:after,
.footer:after,
.i_link:after {
  display: table;
  content: " ";
}
.i_link:after,
.footer:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
@media (max-width: 767px) {    
.container {
  padding-right: 10px;
  padding-left: 10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 0px;
}
  .logo {
    float: left;
    height:44px; 
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #9d9d9d;
  }
  .topphone {
    display: none;
  }
  .top_btn {
    display: block;
  }
  .top_btn {
    display: block;
  }
  .navbar-toggle {
    display: block;
  }
  .i_nav {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 45px;
    overflow-y: auto;
    width: 100%;
    height: 300px;
    padding: 10px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
  }
  .ibanner, .pbanner {
    margin-top: 45px;
  }
  .i_about_l, .i_about_r {
    width: 100%; 
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .i_liucheng {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .i_link {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .p_right, .p_left {
    float: none;
}
}
@media screen and (min-width: 320px) {
  .i_p_list, .i_contact {
    width: 100%; 
    float: left; 
  }
  .i_p_list img {
    width: 100%;
    height: auto;
  }
  .i_contact {
    display: none;
  }
  .i_notice {
    padding-top: 10px;
    font-size: 14px;
    background-position: 4px 18px;
  }
  .i_warp {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .i_youshi {
    margin-top: 0;
    padding-bottom: 15px;
  }
  .i_ys_list dl {
    width: 50%; 
  }
  .sq {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
  }
  .mortgaeg_left {
    width: 100%;
  }
  .mortgaeg_right {
    width: 100%;
  }
  .Scope li {
    width: 50%;
  }
  .about_left {
    float: left;
    width: 100%;
    padding-bottom:15px;
  
  }
  .about_r {
    float: right;
    width: 100%;
    padding-bottom:15px;
    text-align: center;
  }
  .g_l {     
    width: 100%;
  }
  .g_r { 
    width:100%;
  }
  .post2 input, .post3 input, .post5 input {
    width: 100%;
}
  .post6 textarea {
    width: 100% !important; 
  }
  .gbook_formbtn > input {
    width: 100% !important;
  }
}
@media screen and (min-width: 480px) {
  .i_ys_list dl {
    width: 33.3%; 
  }
}
@media screen and (min-width: 768px) {
  .logo {
    float: left;
    padding-top: 14px;
    padding-bottom: 14px;  
    height: 98px;
  }
.topphone {
    min-height: 90px;
}
  .i_p_list {
    float: left; 
    width: 260px; 
    padding-right: 20px;
  }
  .i_p_list h2 span, .i_contact h2 span {
    display: block;
  }
  .i_contact {
    display: block;
    float: right;
    width: 200px;
    max-height: 235px;
    overflow: hidden;
  }
  .i_contact ul {
    height: 160px;
  }
  .i_notice {
    padding-top: 20px;
    font-size: 18px;
    background-position: 4px 29px;
  }
  .i_warp { padding-top:25px;}
  .i_youshi {
    margin-top: 25px;
    padding-bottom: 25px;
 }
  .i_ys_list dl {
    width:20%; 
  }
  .sq {
    width: 210px;
    padding: 10px 5px;
    margin: 10px;
  }
    .mortgaeg_left {
    width: 40%;
  }
  .mortgaeg_right {
    width: 60%;
  }
  .Scope li {
    width: 25%;
  }
  .about_left {
    float: left;
    width: 60%;
    padding-bottom:50px;
  
  }
  .about_r {
    float: right;
    width: 40%;
    padding-bottom:50px;
    text-align: right;
  }
  .g_l { 
    float:left;     
    width: 450px;
  }
  .g_r { 
    float:right; 
    width:270px;
  }
  .post2 input, .post3 input, .post5 input {
    width: 100%;
}
  .post6 textarea {
    width: 430px !important; 
  }
  .gbook_formbtn > input {
    width: 436px !important;
  }
}
@media screen and (min-width: 992px) {
.logo {
  float: left;
  padding-top: 24px;
  padding-bottom: 24px;
  height: 118px;  
}
.topphone {
    float: right;
    background: url(../images/phone.png) no-repeat 0 40px;
    padding-left: 50px;
    padding-top: 35px;
}
  .i_p_list {
    width: 355px; 
    padding-right: 30px;
  }
  .i_p_list h2 span {
    display: inline;
  }
  .i_contact {
    width: 230px;
    max-height: 277px;
    overflow: hidden;
  }
  .i_contact ul {
    height: 217px;
  }
  .i_contact h2 span {
    display: inline;
  }
  .i_warp { padding-top:50px;}
  .footer_l{
    width: 490px;
    padding-top: 46px; 
    padding-left: 16px;
    text-align: left;
  }
  .i_youshi {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .sq {
    width: 283px;
    padding: 15px;
    margin: 15px;
  }
}
@media screen and (min-width: 1200px){
  .i_p_list {
    width: 430px; 
    padding-right:30px;
    max-height: 327px;
    overflow: hidden;
  }
  .i_contact {
    width: 280px;
    max-height: 327px;
    overflow: hidden;
  }
  .i_contact ul {
    height: 267px;
  }
  .sq {
    width: 350px;
  }
}
@media screen and (min-width: 1280px) {
}

/*----------------------------------END,bootstrap CSS----------------------------------*/

.i_banner_box123 img {
    max-width: 100%;
}
@media  screen and (min-width: 980px) {
.i_banner_box123 {
    margin-top: 45px;
  
}
}