/**
 
 @Name: layuiNetCompany - 大气风格的网络公司企业模版
 @Author: xuxingyu
 @Copyright: layui.com
 
 */


body{background: #fff;font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;}
.layui-hide-v{visibility: hidden!important;}


/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: rgb(50,35,128); position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s}
.nav.index{background: rgba(174,136,226 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
/*.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}*/
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
.nav .nav-list{display: inline-block; height: 80px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #fff; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .nav-list .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #FFFFFF; background: transparent;}
.nav .nav-list .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .nav-list .layui-nav *{font-size: 18px;}
.nav .nav-list .layui-nav .layui-nav-item a{padding: 0 0; color: #FFFFFF;}
.nav .nav-list .layui-nav-bar,
.nav .nav-list .layui-nav .layui-this:after{height: 2px; background-color: #fff;}
.nav .nav-list .layui-nav .layui-this a
,.nav .nav-list .layui-nav .layui-nav-item a:hover{color: #FFFFFF;}

.nav .nav-lang .layui-nav {
  position: fixed;
  right: 50px;
  top: 0;
  background-color: transparent;
  line-height: 80px;
}
.nav .nav-lang .layui-nav a {
  font-size: 16px;
}

/*轮播*/
#banner{padding-top: 80px;}
#banner img{min-width: 100%;}
.banner-item img{width:auto;height:auto; max-width:100%; max-height:100%;}


/*主体—产品*/
.main-product{ padding-bottom: 20px;}
.main-product p{font-size: 16px; color: rgb(50,35,128); line-height: 30px;}
.main-product p.title
,.main-service p.title{margin: 1; color: rgb(50,35,128); font-size: 24px; text-align: center;}
.main-product p.title span
,.main-service p.title span{color: rgb(50,35,128);}
.main-product .content{border: 1px solid rgb(50,35,128); padding-top: 20px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: rgb(50,35,128); font-weight: bold; line-height: 20px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: rgb(50,35,128); line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}

/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: rgb(50,35,128); line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: rgb(50,35,128);}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: rgb(50,35,128); margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: rgb(50,35,128); border-radius: 3px;}

/*底部*/
.footer{padding-bottom: 70px; background: rgb(50,35,128);}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #fff;}
.footer .footer-contact a{color:#FFFFFF;}
.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 25px;}


/** 产品 */
.banner{text-align: center;margin-top: 90px}
.main.product{padding: 80px 0 75px 0;}
.main.product .content{padding: 30px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #454652; padding-bottom: 30px;}
.main.product .content a{color: rgb(50,35,128); font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid rgb(50,35,128); border-radius: 3px;}


/** API */
/*.layui-row:after, .layui-row:before {*/
/*  content: "";*/
/*  display: block;*/
/*  clear: both;*/
/*}*/
.li-bgc {
  background-color: rgba(50,35,128,.9);
  color: #FFF;
}
.main-api {
  position: relative;
  margin-top: 80px;
  /*限定最小main的高度*/
  min-height: calc(100vh - 295px - 80px);
}
.main-api table td:nth-child(2) {
  white-space:normal;
  word-break:break-all;
  /*word-wrap:break-word*/
}
.main-api .layui-col-md3 {
  height: inherit;
}
.main-api .site-menu {
  box-shadow: none;
  border-left: none;
  padding: 5px 15px;
}

.main-api .layui-menu * {
  box-sizing: border-box;
}

.main-api .layui-panel {
  border-right: 1px solid #eee;
  border-radius: 2px;
  /*box-shadow: 1px 1px 4px rgba(0,0,0,0.08);*/
  background-color: #fff;
  color: #5f5f5f;
}
/*固定定位*/
.main-api .site-fix {
  position: fixed;
  top: 80px;
  z-index: 666;
  min-height: 0;
  overflow: auto;
  background-color: #fff;
}

.main-api .layui-menu-lg li {
  position: relative;
  width: calc(100% + 1px);
  margin: 1px 0;
  padding: 5px 15px;
  line-height: 32px;
  /*color: rgba(0,0,0,.8);*/
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s;
}

.muen-item {
  color: #000;
}

.muen-item .layui-card{
  line-height: 35px;
}
.muen-item h2,.muen-item h5{font-weight: bold;}
.muen-item h2{margin-bottom: 15px;}



@media screen and (max-width: 992px) {
  .site-mobile .site-menu {
    left: 0;
  }

  .main-api .site-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    left: -3000px;/*隐藏*/
    background-color: #fff;
    transition: all .3s;
  }
  .site-tree-mobile {
    display: block !important;
    position: fixed;
    z-index: 16666669;
    bottom: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    text-align: center;
    background-color: #009688;
    color: #fff;
  }

  /*遮罩 .site-mobile 确保 确保导航栏是打开的状态*/
  .site-mobile .mask {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 999;
  }
  /*收放按钮隐藏 .site-mobile 确保导航栏是打开的状态*/
  .site-mobile .site-tree-mobile {
    display: none !important;
  }
  /*菜单显示 .site-mobile 确保导航栏是打开的状态*/
  .site-mobile .site-menu {
    left: 0;
  }
  .nav {
    overflow: hidden;
  }


}



/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.main-case{padding: 30px 0 75px;}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}


/** 关于 */
.main-about{padding: 80px 0;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: rgb(50,35,128); border-color: rgb(50,35,128); transition: 0.3s;}
.main-about .tabJob, .main-about .tabIntro{display: none;}
/*公司简介*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{line-height: 24px; text-align: justify;color: #949494}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid rgb(50,35,128); margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}


@media screen and (max-width: 480px){
  .main-product{ padding-bottom: 40px;}
  .main-flag{padding-top: 100px;}
  .main-banner {display: none;}
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 768px){


  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 120px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 40px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .nav-list .layui-nav .layui-nav-item{margin:0 33px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}

  /*中英文*/
  .nav .nav-lang .layui-nav {
    right: 150px;
    top: 0;
    padding: 0;
  }
}
/*大屏幕*/
@media screen and (min-width: 992px){
  /*导航*/
  .nav{max-height: 80px;overflow: hidden;}
  .nav.index{background: rgba(174,136,226 ,0.3);}
  .nav .nav-list button{display: none;}
  /*padding: 0 105px;*/
  .nav .nav-list .layui-nav{width: auto; position: absolute; top: 0;left: 180px;  border-radius: 0; margin: 0;padding: 0}
  .nav .nav-list .layui-nav .layui-nav-item{display: inline-block; margin:0 20px; line-height: 80px;}

  /*中英文*/
  .nav .nav-lang .layui-nav {
    right: 5px;
    top: 0;
    padding: 0;
  }

  .main.product .content{padding-top: 30px;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 16px; line-height: 25px;}

  /*大屏时导航栏高度*/
  .main-api .site-menu {
    /*屏幕高-底部高-banner上边距-盒子div layui-hide-v 高度*/
    min-height: calc(100vh - 421px - 80px  - 16px - 1px);
  }




}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}

  /*中英文*/
  .nav .nav-lang .layui-nav {
    right: calc(50% - 600px);
    top: 0;
    padding: 0;
  }
}


/* 列表 */
.house-list{padding-top: 50px; color: #555; line-height: 54px;}
.house-list div.filter{border: 1px solid #EEE; margin-top: 60px; margin-bottom: 60px; color: #555;}
.house-list div.filter div{line-height: 44px; border-top: 1px solid #EEE; padding-left: 15px;}
.house-list div.filter div:first-child{border: none;}
.house-list div.filter div span{display: inline-block; width: 45px; vertical-align: top;}
.house-list div.filter div ul{display: inline-block; width: 80%; vertical-align: top;}
.house-list div.filter div ul li{display: inline-block; cursor: pointer; padding: 0 10px; position: relative;}
.house-list div.filter div ul li.active{color: rgb(50,35,128);}
.house-list div.filter div ul li i.layui-icon-house-up{font-size: 5px; position: absolute; top: -3px;}
.house-list div.filter div ul li i.layui-icon-triangle-d{font-size: 5px; position: absolute; bottom: -3px;}
.house-list .layui-row div.list-detail{border: 1px solid #EEE;}
.house-list .layui-row div.list-detail .img{overflow: hidden;}
.house-list .layui-row div.list-detail img{width: 100%; transform: scale(1.1); transition: 1s;}
.house-list .layui-row div.list-detail:hover img{transform: scale(1); transition: 1s;}
.house-list .layui-row div.list-detail p{padding-left: 15px; padding-right: 13px; text-align: right; color: #AAA; font-size: 12px; line-height: 44px; position: relative;}
.house-list .layui-row div.list-detail p.title{text-align: left; font-size: 16px; color: #333; line-height: 26px; padding-top: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.house-list .layui-row div.list-detail p span.price{font-size: 14px; color: #e52c32; position: absolute; left: 15px;}
.house-list #houseList{margin-top: 70px; margin-bottom: 80px;}
.house-list #houseList .layui-laypage,.house-usercol #userList .layui-laypage
,.house-detail #detailList .layui-laypage{display: block; text-align: center;}
.house-list #houseList .layui-laypage a,.house-list #houseList .layui-laypage span
,.house-usercol #userList .layui-laypage a,.house-usercol #userList .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px; border-radius: 3px; color: #e3e3e3;}
.house-list #houseList .layui-laypage span em
,.house-usercol #userList .layui-laypage span em
,.house-detail #detailList .layui-laypage span em{background-color: rgb(50,35,128) !important;}


/* 详情 */
.house-detail{padding-top: 50px; margin-bottom: 95px;}
.house-detail > p.title{color: #999; line-height: 80px; padding-top: 7px;}
.house-detail > p.title a{color: #999;}
.house-detail div.price div{font-size: 0;}
.house-detail div.price div div.intro-img{width: 80%; display: flex; justify-content: center; align-items: center;}
.house-detail div.price div div.intro-img img, .house-detail div.price div ul.thumb img{width: 100%;}
.house-detail div.price div ul.thumb{width: 18%; margin-left: 2%; display: inline-block; vertical-align: middle;}
.house-detail div.price div ul.thumb li{margin-top: 15%;}
.house-detail div.price div ul.thumb li:first-child{margin-top: 0;}
.house-detail div.price .shopChoose{padding-top: 20px; font-size: 14px;}
.house-detail div.price .shopChoose div.title{font-size: 16px; line-height: 28px; text-align: right; position: relative;}
.house-detail div.price .shopChoose div.title span{color: #e36822;}
.house-detail div.price .shopChoose div.title p{padding-top:10px;font-size: 16px; position: absolute; left: 0; font-weight: bold;}
.house-detail div.price .shopChoose div.title p span{font-size: 14px; font-weight: normal; width: 40px; height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px; background-color:  rgb(50,35,128); color: #FFF;}
.house-detail div.price .shopChoose > p{padding-top: 30px; color: #999; font-size: 14px; margin: 10px 0;}
.house-detail div.price .shopChoose > p big{font-size: 28px;}
.house-detail div.price .shopChoose > p span{color: #d02b18; margin-right: 12px;}
.house-detail div.detailTab .layui-tab-content{padding: 0;}
.house-detail div.detailTab .layui-tab-brief > .layui-tab-title .layui-this
,.userpublic .layui-tab-brief > .layui-tab-title .layui-this{color: rgb(50,35,128);}
.house-detail div.detailTab .layui-tab-brief > .layui-tab-title .layui-this:after
,.userpublic .layui-tab-brief > .layui-tab-title .layui-this:after{border-bottom: 2px solid rgb(50,35,128)}
.house-detail div.detailTab .layui-tab-brief > .layui-tab-title span{color: rgb(50,35,128);}
.house-detail div.detailTab .layui-tab-content img{width: 100%;}

.house-detail div.detailCom p.title{line-height: 50px; padding-left: 18px; font-weight: bold;}
.house-detail div.detailCom .detailCom-content li{display: inline-block; width: 19%;}
.house-detail div.detailCom .detailCom-content li p.price{color: #F00;}


@media screen and (min-width: 768px){
 
  .house-list #houseList .layui-laypage a,.house-list #houseList .layui-laypage span
  ,.house-usercol #userList .layui-laypage a,.house-usercol #userList .layui-laypage span{padding: 0 15px; font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px;}
  .house-list div.filter div span{width: 65px;}
  .house-list div.filter div ul li{padding: 0 24px;}
  .house-detail div.price .shopChoose{padding-top: 0; padding-left: 10px;}
  .house-detail div.detailCom .detailCom-content{padding: 0 15px; border: 1px solid #e6e6e6;}
  .house-detail div.detailCom .detailCom-content li{width: auto; margin-top: 10px;}
  .house-detail #detailList .layui-laypage a,.house-detail #detailList .layui-laypage span{margin-right: 10px;}
 
}
@media screen and (min-width: 992px){
  .house-detail div.price .shopChoose{padding-left: 50px;}
  .house-detail div.price .shopChoose div.title p{font-size: 18px;}
  .house-detail div.detailCom .detailCom-content{padding: 0 45px 45px;}
  .house-detail div.detailCom .detailCom-content li{margin-top: 42px;}
 
 
}
@media screen and (min-width: 1200px){
  
  .house-detail div.price .shopChoose > p{padding-top: 30px; margin: 24px 0;}
  .house-detail div.price .shopChoose .shopBtn{padding-bottom: 0; padding-top: 42px;}
  .house-detail div.price .shopChoose .shopBtn button{width: 200px; height: 50px; font-size: 20px;}
  .house-detail div.price .shopChoose .shopBtn button.shop i{font-size: 22px;}
  .house-detail div.price .shopChoose .shopBtn button.collect{line-height: 70px;} 
  .house-userPer .user-person ul{width: 75%;}
  .house-usershop .house-usershop-table-num #toCope{left: 70%;}
  .house-usershop .house-usershop-table-num:after{left: 65%;}
}

.hot-sell a.text{cursor: pointer; text-align: center;}
.hot-sell a.text img{width: 100%; transition: 1.2s;}
.hot-sell a.text div{overflow: hidden;}

/*字体动画*/
.hot-sell a.text p{color: red; font-size: 12px; line-height: 18px; padding-top: 10px; transition: 0.5s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hot-sell a.text p.price{color: #333; font-size: 14px; line-height: 38px; padding-top: 0; padding-bottom: 5px;}
.hot-sell a.text:hover p{color: #FFF; background-color: #e6c9a2; transition: 0.5s;}
.hot-sell a.text:hover p.price{color: #F00;}
.hot-sell a.text:hover img{transform: scale(1.1); transition: 1.2s;}


.service-process-box{background: #efefef; padding-bottom: 120px;}
.service-process{max-width: 1200px; margin:0 auto;}
.service-process .title{font-size: 30px; color: #333; text-align: center; padding:60px 0;}
.service-process .process-centent .item{background: #fff; padding:45px 56px; text-align: center;}
.service-process .process-centent .item h4{font-size: 42px; font-weight: bold; width: 70px; margin:0 auto;  padding-bottom: 18px; border-bottom: 2px solid #000;}
.service-process .process-centent .item h5{font-size: 20px; padding:12px 0 26px 0;}
.service-process .process-centent .item p{text-align: left; color: #888888; font-size: 14px; line-height: 26px;}

  .service-process .title{
    padding:30px 0;
  }
  .service-process-box{
    padding-bottom: 30px;
  }



.rfcapi_main {

    position: relative;
    margin-top: 80px;
    padding: 30px;
}

.rfcapi_main .rfcapi_menu {
    flex:1;
    margin-right: 20px;
    height: 100%;
}
.rfcapi_main .rfcapi_conter {
    flex:9;
}
.rfcapi_main .rfcapi_menu .layui-nav {
    border: 10px;
}

.content-wrap-1200 {
      width: 100%;
      max-width: 1200px;
    }

.flex {
    display: flex;
  }

  .align-item-center {
    align-items: center;
  }


.guiding-container {
    justify-content: center;
    background-color: #fff;
  }

  .guiding-container .guiding-title {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    color: rgb(50,35,128);
  }

  .price-item {
    position: relative;
    color: #222222;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    padding: 115px 46px 50px;
  }

  .guiding-steps {
    /*
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
     */
    padding-bottom: 80px;
  }

  .guiding-steps .step {
    /*width: 40%;*/
    background: #fff;
    border-radius: 100px;
    box-shadow: -5px 0px 33px rgba(0, 0, 0, 0.07);
    /*margin-right: -110px;*/
    padding: 20px 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
  }

  .guiding-steps .step:last-child {
    margin-right: 0px;
  }

  .guiding-steps .step .round-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 24px;
  }

  .guiding-steps .title {
    color: #333;
    font-size: 22px;
    font-weight: 600;
  }

  .guiding-steps .description {
    font-size: 18px;
    padding: 12px 0;
    color: #656a76;
  }

  .guiding-steps .nav-btn {
    display: inline-block;
    height: 34px;
    border: 1px solid rgb(50,35,128);
    font-size: 14px;
    line-height: 14px;
    padding: 8px 12px;
    box-sizing: border-box;
    color:  rgb(50,35,128);
  }

  .guiding-steps .nav-btn:hover {
    color: rgb(50,35,128);
  }




  .advice-container {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0;
  }


  .advice-container {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0;
  }

  .advice-item,
  .price-item a:hover {
    color: #076BE0;
    text-decoration: none;
  }

  .advice-item,
  .price-item a:hover {
    color: #0a4594;
    text-decoration: none;
  }

  .advice-item {
    padding: 24px;
    color: #212529;
    position: relative;
    border-radius: 6px;
    font-weight: 500;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 24px;
    box-shadow: 0px 0px 37px rgba(0, 0, 0, 0.05);
  }

  .advice-item .advice-title {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 25px;
  }

  .advice-item .advice-title::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: linear-gradient(to right,  rgb(50,35,128),  rgb(50,35,128));
    margin-right: 12px;
  }

  .advice-item .advice-content {
    padding-left: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #656a76;
  }


.muen-item .site-h1 {
    margin-bottom: 20px;
    line-height: 60px;
    padding-bottom: 10px;
    color: #393D49;
    border-bottom: 1px solid #eee;
    font-size: 28px;
    font-weight: 300;
}


.tip-title {
    color: red;
    font-size: 6px;
    transform: scale(.85);
    display: inline-block;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 700;
}


.hz-item {
    padding: 25px 32px 30px;
    background: #fff;
    box-shadow: 0 2px 30px rgb(3 27 78 / 5%);
    border-radius: 8px;
    margin-bottom: 25px;
    transition: .5s;
}

.icon-hz {
    display: inline-block;
    width: auto;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
}

.hz-item h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 10px;
    line-height: 1;
}

.mgb20 {
    margin-bottom: 20px;
}

.hz-item p {
    padding-bottom: 10px;
    line-height: 160%;
    color: #7d8694;
}

.hz-item .btn {
    margin-top: 15px;
    border-radius: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-primary-border {
    border: solid 1px rgb(50,35,128);
    background-color: transparent;
    color: rgb(50,35,128);
}

/*.layui-btn {
    background-color: rgb(50,35,128);
}
*/

.line {
    width: 220px;
    height: 2px;
    background:rgb(50,35,128);
    margin: 30px auto;
}