html{
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{font-family:"Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", 微软雅黑, "Segoe UI", Tahoma, 宋体b8b体, SimSun, sans-serif;background: #f8f8f8;
	text-rendering: optimizeLegibility;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a:link,a:active,a:visited{color:#666;text-decoration:none;}
a:hover{color:#3391FF;}
input::-webkit-input-placeholder { color:#999; line-height:16px;}
.wrap{ width:1200px; margin:0 auto;}
.inner{width: 1188px;margin:0 auto;}
.clear{clear: both;}
.f-yh{ font-family:"Microsoft YaHei";}
a.hover_red:hover{color:#3391FF!important;}
.num{font-family: "Arial";}
.ani{
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

/* 头部样式重置 */
.page-header{background: none;padding-top:25px;}
.page-header .logo{width:191px;height:48px;margin-left:10px;background-image:url(../images/common/indexlogo.png);background-image:-webkit-image-set(url(../images/common/indexlogo.png) 1x,url(../images/common/indexlogo@2x.png) 2x);background-position:center center;background-repeat:  no-repeat;}
.page-header li .link-nav,.page-header li .main-nav{font-size: 16px;color: #fff;font-weight: bold;}
.page-header li:hover .main-nav{color:#3391FF; }
.page-header li:hover .link-nav{color:#3391FF; }
.page-header .login-show{display:inline-block;margin-left:5px;line-height:44px;font-size:14px;color: #ddd; }
.page-header .login-show .xzapp-btn{position: relative;}
.page-header .login-show .line{height:12px;margin:16px 10px;background:#ddd;}
.page-header .login-show a,
.page-header .login-show span{color: #f8f8f8;cursor: pointer;}
.page-header .login-show span:hover{color: #3391FF;}
.page-header .header-nav{margin-right:10px;}
.page-header .sub-nav a:hover{color: #3391FF;}
.index_h1{visibility: hidden;}
.page-header .header-nav li .icon-new{position: absolute;top: -6px;left: 35px;width: 30px;height: 15px;background-image: linear-gradient(-270deg, #FF322D 0%, #FF795F 100%);border-radius: 4px 0px 4px 0px;  font-size: 10px;  color: #FFFFFF;  line-height: 15px;  text-align: center;  text-indent: -2px;}


/* banner */
/*.banner{width: 100%;min-width:1200px;height: 640px;background:#333 url(../images/index/banner.jpg) no-repeat center top;background-attachment:fixed;position: relative;}*/

.banner{width: 100%;min-width:1200px;height: 440px;background:#f8f8f8 url(../images/index/newhouse4.jpg) no-repeat center top;/*bacground-color:#f8f8f8;background-repeat: no-repeat;background-position: center top;*/background-attachment:fixed;position: relative;}
.banner #videoad{height: 440px;position: absolute;top: 0;width: 100%;min-width:1200px; overflow: hidden;}
.banner .index-video{width: 1920px;height: 440px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.banner .index-video video {object-fit: fill;}
.banner .banner-bg {position: absolute;top: 0;left:50%;width: 1920px;height: 500px;margin-left: -960px;background-color: #000;opacity: 0.3;filter: alpha(opacity=30);}
.banner .note{margin-top:95px;font-size: 14px;height:30px;line-height:30px;text-align: center;}
.banner .note a{display:inline-block;cursor:pointer;margin:0 36px;color: #ddd;padding-left:22px;background-repeat: no-repeat;background-position:left center;outline:none;}
.banner .note a.a1{background-image:url("../images/index/bao.png");background-image:-webkit-image-set(url(../images/index/bao.png) 1x,url(../images/index/bao@2x.png) 2x);}
.banner .note a.a2{background-image:url("../images/index/shu.png");background-image:-webkit-image-set(url(../images/index/shu.png) 1x,url(../images/index/shu@2x.png) 2x);}
.banner .note a.a3{background-image:url("../images/index/notice.png");background-image:-webkit-image-set(url(../images/index/notice.png) 1x,url(../images/index/notice@2x.png) 2x);}
.banner .note a:hover{color: #fff;outline:none;}

/* home-search */
.home-search{width: 840px;height: 92px;margin:0 auto;padding:12px 20px;}
.home-search .search-nav a{position: relative;}
.home-search .search-nav a em{position: absolute;top: -14px;right: -28px;width: 42px;height: 14px;background-image:url(../images/index/dzqy.png);background-image:-webkit-image-set(url(../images/index/dzqy.png) 1x,url(../images/index/dzqy@2x.png) 2x);background-position:center center;background-repeat:  no-repeat;}
.home-search .search-nav a .new{position: absolute;top: -14px;right: -28px;width: 42px;height: 14px;background-image:url(../images/index/new.png);background-position:center bottom;background-repeat:  no-repeat;background-size: 85%;}
.home-search .search-nav{height: 32px;position: relative;}
.home-search .search-nav a{float:left;width:48px;height:22px;line-height:22px;margin-right:25px;text-align:center;font-size:16px;font-weight:bold;color: #ddd;white-space: nowrap;}
.home-search .search-nav a.wkd{width: 58px;}
.home-search .search-nav a:hover{color:#3391FF;}
.home-search .search-nav a.on{color:#fff;}
.home-search .search-nav i{position:absolute;bottom:-1px;left:17px;width: 0px;height: 0px;border-width:7px;border-style:solid;border-color:transparent transparent #fff transparent;}
.home-search .search-nav span{position:absolute;bottom:10px;right:10px;font-weight:bold;color: #fff;white-space: nowrap;font-size: 18px; cursor: pointer;}
.home-search .search-input{position: relative;}
.search-input .inputwrap{width: 625px;height: 60px;position: relative;}
.search-input .diy-placehd-style{display:none;height: 60px;line-height:60px;top:0;font-size:16px;left:20px;color:#999;display:block\9;}
.search-input .inputwrap .search-txt{width: 585px;height:18px;padding:20px;border:none;border:0;border-radius: 2px 0 0 2px;outline: none;font-size: 16px;color: #333;}
.search-input .search-btn{width:80px;height: 58px;background-color: #3391FF;border:0;border-radius: 0 2px 2px 0;background-image:url(../images/index/search.png);background-image:-webkit-image-set(url(../images/index/search.png) 1x,url(../images/index/search@2x.png) 2x);background-position:center center;background-repeat:  no-repeat;*margin-top:1px;cursor: pointer;}
.search-input .search_result{top: 58px;width: 623px;z-index:102;}
.search-input .search_result b{font-weight: normal;}
/* home-scroll */
.home-scroll{width:840px;height: 25px;line-height: 25px;margin:50px auto;overflow: hidden;}
.home-scroll li{font-size: 18px; height: 25px; text-align: center; position:relative;}
.home-scroll li a{color: #FAFAFA;}
a.map-search-house{display: block;float: left;margin-left: 6px;width:123px;height:58px;background-color:#3391FF;border-radius:2px;font-size:18px;color:#fff;line-height:60px;text-align: center;}
/* home-nav */
.home-nav{margin-top: 20px;background: #f2f2f2;position: relative;z-index: 1;}
.home-nav .item{background:#f8f8f8;float:left;width: 296px;height: 182px;margin-left: 1px;}
.home-nav a:first-child{margin-left: 0;}
.home-nav a{display:block;width: 292px;height: 178px;border:2px solid #fff;position: relative;text-align: center;background: #fff;position: relative;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.home-nav a:hover{background: #edeff3;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    box-shadow: 0 -6px 12px 0 rgba(0,0,0,0.03), 0 6px 12px 0 rgba(0,0,0,0.03);
    border:2px solid #e6e6e6\9;
    z-index:1;
}
.home-nav a b{display: block;margin-top:22px;font-size: 22px;color: #333333;font-weight: 600;}
.home-nav a p{margin-top:4px;font-size: 14px;color: #666666;}
.home-nav a i{display: block;width: 72px;height: 72px;margin:14px auto;background-image:url(../images/index/nav_icon.png);background-image:-webkit-image-set(url(../images/index/nav_icon.png) 1x,url(../images/index/nav_icon@2x.png) 2x);background-repeat: no-repeat;}
/* .home-nav a:hover i{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
} */
.home-nav a .icon1 {width: 72px;height: 72px;background-position: 0 -72px;}
.home-nav a .icon2 {width: 72px;height: 72px;background-position: 0 0;}
.home-nav a .icon3 {width: 72px;height: 72px;background-position: 0 -144px;}
.home-nav a .icon4 {width: 72px;height: 72px;background-position: 0 -216px;}
.home-nav a:hover .icon1 {width: 72px;height: 72px;background-position: -72px  -72px;}
.home-nav a:hover .icon2 {width: 72px;height: 72px;background-position: -72px 0;}
.home-nav a:hover .icon3 {width: 72px;height: 72px;background-position: -72px -144px;}
.home-nav a:hover .icon4 {width: 72px;height: 72px;background-position: -72px -216px;}

/* 特色导航 */
.navTese {/*background: #F9FBFD;border: 1px solid #3296DC;*/margin: 20px auto 10px auto;position: relative;}
.navTeseBox {padding: 8px 0px; text-align: center;}
.navTeseBox span {margin-right: 25px;}
.navTeseBox span em{margin: 0 6px;}
.navTeseBox b {font-weight: 700;color: #3391FF;margin-right: 10px;display: inline-block;padding: 0px 3px 0px 0px;font-size: 22px;}
.navTeseBox b.te{font-size: 32px;}
.navTeseBox a{font-size: 16px;}
.navTeseBox a.jred{color:#e43 !important;font-weight:700;}

/* 新闻 */
.news{padding:45px 0 22px;background: #fff;/*border-bottom:1px solid #E6E6E6;*/word-break: break-all;}
.news .title{height: 38px;}
.news .title h2{float:left;font-size: 26px;line-height: 38px;color: #000000;font-weight: 600;}
.news .title .more{float: right;margin-top:18px;font-size: 14px;line-height:20px;color: #666666;}
.news .content{margin-top:15px;}
.news .content .fl-list{width: 786px;}
.news .content .fr-listbox{width: 357px;padding-top:15px;}
.news .content .contit{border-bottom: 1px solid #E6E6E6;}
.news .content .contit h1 {height: 55px;line-height: 55px; margin: 20px auto 0 auto;max-width: 1080px;text-align: center;}
.news .content .contit h1 a{color:#003366;font-size: 40px;text-decoration:none; font-weight: 700;}
.news .content .contit p {line-height: 44px;padding:10px 0;font-size: 16px;margin: 10px auto 0 auto;max-width: 1180px;text-align: center;}
.news .content .contit p a{color:#333;margin:0 25px; font-size: 24px; }
.news .content .contit h1,.news .content .contit p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .content .contit h1 a:hover,.news .content .contit p a:hover{color:#3391FF; }
.news .fl-list li{padding:25px 0;border-bottom:1px solid #E6E6E6;vertical-align:top;}
.news .fl-list li:first-child{border-top:none;}
.news .fl-list li:hover{background: #f9f9f9;}
.news .fl-list .img{float:left;width: 220px;height: 165px;margin-right:20px;}
.news .fl-list img{width: 220px;height: 165px;border-radius: 2px;}
.news .fl-list .text{padding-left: 240px;padding-right:10px;}
.news .fl-list .h3{font-size: 20px;line-height: 28px;font-weight: bold;}
.news .fl-list .h3 a{color: #333333;}
.news .fl-list .desc{margin-top:15px;font-size: 14px;line-height:20px;color: #888888;}
.news .fl-list .time{margin-top:15px;font-size:14px;color: #999;line-height: 20px;}
.news .fr-list li{padding:10px 0;vertical-align:top;}
.news .fr-list .img{float:left;width: 110px;height: 83px;margin-right:15px;}
.news .fr-list img{width: 110px;height: 83px;border-radius: 2px;}
.news .fr-list .text{padding-left:125px;}
.news .fr-list .h3{font-size: 14px;line-height: 22px;}
.news .fr-list .h3 a{color: #333333;}
.news .fr-list .time{margin-top:10px;font-size:14px;color: #999;line-height: 20px;}
.news .fl-list .time span a,.news .fr-list .time span a{color: #3391FF;}

/* 轮播 */
.slideBox{width:100%;height: 302px;overflow: hidden;position: relative;margin-top:20px;z-index:0;background:#DDDDDD;}
.slideBox a{display:block;position: absolute;width:100%;height: 100%;left:100%;background:#DDDDDD; }
.slideBox a:first-child{left:0;}
.slideBox img{width:100%;height: 302px;}
.slideBox .over{position:absolute;bottom:0;left:0;width: 100%;min-height: 64px;}
.slideBox .over .mask{position: absolute;width: 100%;height: 100%;left:0;bottom:0;background: #000;opacity: 0.6;filter: alpha(opacity=60);z-index:0;}
.slideBox .over h2{padding:0 20px;font-size: 18px;color: #FFFFFF;line-height: 34px;position: relative;z-index:1;margin-top:15px;}
.slideBox .over p{padding:0 20px 15px;font-size: 14px;color: #C7C7C7;line-height: 24px;position: relative;z-index:1;}
.slideBox .arrow{position: absolute;width:56px;height:56px;top:40%;-webkit-transition: all .3s ease;transition: all .3s ease;cursor: pointer;}
.slideBox .left{left:-56px;}
.slideBox .right{right:-56px;}
.slideBox:hover .left,.slideBox .left:hover{left:0;}
.slideBox:hover .right,.slideBox .right:hover{right:0;}
.slideBox .arrow .mask{position:absolute;width:100%;height:100%;background: #000000;opacity: 0.5;filter:alpha(opacity=50);}
.slideBox .arrow:hover .mask{opacity: 0.8;filter:alpha(opacity=80);}
.slideBox .arrow i{position:relative;display:block;width: 36px;height: 36px;margin:10px auto;cursor:pointer;background-image: url(../images/common/bk-icon.png);background-image:-webkit-image-set(url(../images/common/bk-icon.png) 1x,url(../images/common/bk-icon@2x.png) 2x);background-repeat:no-repeat;z-index:2;  }
.slideBox .left i{background-position:-164px 0;}
.slideBox .right i{background-position:-164px -41px;}

/* fang */
.fang-house{padding-top: 45px;height:473px;/*background: url(../images/index/newhouse.png) no-repeat center top;*/background-repeat: no-repeat;background-position: center top;}
.fang-house .title{min-height: 38px;}
.fang-house .title h2{display:inline-block;font-size: 26px;line-height: 36px;font-weight: 600;color: #000;}
.fang-house .title .subtitle .txt{float:left;font-size:14px;line-height:24px;color: #333;}
.fang-house .title .more{float: right;font-size: 14px;line-height:24px;position: relative;}
.fang-house .title .more .icon-new{position: absolute;top: -12px;right: -20px;width: 30px;height: 15px;background-image: linear-gradient(-270deg, #FF322D 0%, #FF795F 100%);border-radius: 4px 0px 4px 0px;  font-size: 10px;  color: #FFFFFF;  line-height: 15px;  text-align: center;  text-indent: -2px;}
.fang-house .title .subtitle ul{float: right;}
.fang-house .title .subtitle ul li{float: left;height: 20px;line-height: 20px;margin-left: 10px; font-size: 14px;}
.fang-house .title .subtitle ul li a{color: #111;}
.fang-house .title .subtitle ul li a:hover{color: #3391FF;}
.fang-house .list{margin-top: 40px;}
.fang-house .list li{float:left;width: 376px;margin-left:30px;background: #fff;border-radius: 2px;position: relative;}
.fang-house .list li:first-child{margin-left:0px;}
.fang-house .list li:hover img{
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.fang-house .list .img{width: 377px;height: 311px;overflow: hidden;}
.fang-house .list img{width: 377px;height: 311px;}
.fang-house .list .mask{position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000000;opacity: 0.5;filter: alpha(opacity=50);z-index:1;}
.fang-house .list .text{position: absolute;top:125px;left:0;width:100%;text-align: center;z-index:2;}
.fang-house .list .name{display:block;font-size: 28px;line-height: 38px;color: #FFFFFF;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fang-house .list .tao,.fang-house .list .price{font-size: 20px;line-height: 30px;color: #FFFFFF; display: block;}
.fang-house .list .price em{font-size: 12px;}

/* xf */
.xf-house{padding:45px 0 22px;}
.xf-house .title{min-height: 38px;}
.xf-house .title h2{display:inline-block;font-size: 26px;line-height: 38px;color: #000;font-weight: 600;}
.xf-house .title .subtitle .txt{float:left;font-size:14px;line-height:24px;color:#000;}
.xf-house .title .more{float: right;font-size: 14px;line-height:24px;color: #000;position: relative;}
.xf-house .title .subtitle ul{float: right;}
.xf-house .title .subtitle ul li{float: left;height: 20px;line-height: 20px;margin-left: 10px; font-size: 14px;}
.xf-house .list{margin-top:40px;}
.xf-house .list li{float:left;width: 376px;margin-left:30px;background: #fff;border-radius: 2px;position: relative}
.xf-house .list li:first-child{margin-left:0px;}
.xf-house .list .img{width: 376px;height:211px;overflow: hidden;border-radius: 2px 2px 0px 0px ;}
.xf-house .list img{width: 376px;height:211px;}
.xf-house .list li:hover img{
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.xf-house .list .text{padding:20px 15px;}
.xf-house .list .name{font-size:20px;font-weight:600;line-height: 28px;color:#333;max-width: 345px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xf-house .list .local{font-size: 14px; color: #666666;padding-top: 8px; display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.xf-house .list .firstPay{font-size: 12px;color: #999999;float: right;padding-top: 9px;display: inline-block;}
.xf-house .list .firstPay a em{color: #FF0000; font-weight: 700; font-size: 18px;}
.xf-house .list .firstPay a:hover em{color: #3391FF;}
.xf-house .list .price{font-size: 16px;line-height: 23px;color: #3391FF; padding-top: 5px;max-width: 345px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xf-house .list .price em{font-size: 12px;}
.xf-house .list .icon-block{  display: inline-block;  margin-right: 8px;padding: 2px 8px;font-size: 12px; margin-top: 16px }
.xf-house .list .icon-block.block-1{  background: #FF784E;color: #FFFFFF; }
.xf-house .list .icon-block.block-other{  background: rgba(122,144,182,.08);color: #7A90B6; }
.xf-house .list .discount{max-width:382px;position: absolute;top:12px;left: -6px;padding:0 15px 0px 20px;background: linear-gradient(to right,#FF795F, #FF322D);height: 33px;line-height: 33px;}
.xf-house .list .discount::after{  content: "";  position: absolute;top: 33px;left:0;  width: 0;  height:0;display: inline-block;border-style:solid;border-width:2px  3px; border-color:#920003 #920003 transparent transparent}
.xf-house .list .discount-inner{max-width:347px;white-space: nowrap;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;font-size: 15px;color: #FFFFFF;}
.xf-house .list .icon-glodal{  width: 22px;  height: 22px; margin-right: 6px;   background: url(../images/index/bigGlodal@2x.png) no-repeat center center; float: left; background-size: contain;margin-top: 5px; }
.xf-house .list .discount span{font-weight: 700; font-size: 15px;  color: #FFFFFF;}
.xf-house .list .discount span  em{  color: #FFEB00;}
.xf-house .list .address{margin-top:15px;padding-left:22px;font-size:12px;line-height: 17px;color:#999;background-image:url(../images/index/location.png);background-image:-webkit-image-set(url(../images/index/location.png) 1x,url(../images/index/location@2x.png) 2x);background-repeat: no-repeat;background-position: left center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* esf zf */
.house{margin-top: 65px;}
.house .title{min-height: 38px;}
.house .title h2{display:inline-block;font-size: 26px;line-height: 36px;color: #000000;font-weight: 600;}
.house .title .subtitle .txt{float:left;font-size:14px;line-height:24px;color: #999;}
.house .title .more{float: right;margin-top:16px;font-size: 14px;line-height:24px;color: #666666;}
.house .title .subtitle .more{margin-top:0;}
.house .title .subtitle ul{float: right;}
.house .title .subtitle ul li{float: left;height: 20px;line-height: 20px;margin-left: 10px; font-size: 14px;}
.house .list{margin-top: 40px;}
.house .list li{float:left;width: 282px;margin-left:20px;background:#fff;display: block;overflow: hidden;border-radius: 2px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.house .list li:first-child{margin-left:0px;}
.house .list li:hover{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    box-shadow: 0 26px 40px -24px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0,0,0,.1);
    -moz-box-shadow: 0 26px 40px -24px rgba(0,0,0,.1)
}
.house .list img{width: 282px;height:212px;}
.house .list .text{padding:0 20px;}
.house .list .text .name{display:block;margin:20px 0;font-size: 16px;height:44px;line-height: 22px;color: #333;overflow: hidden;font-weight: 600;}
.house .list .name:hover{color:#3391FF\9; }
.house .list .text p{padding:10px 0;height:25px;line-height: 25px;border-top: 1px solid #E6E6E6;}
.house .list .text .attr{float:left;font-size:12px;color: #999;}
.house .list .text .price{float:right;font-size:16px;color: #3391FF;}
.icon-wrapper{position: absolute;bottom: 20px;left: 20px;}
.icon-wrapper .vricon:first-of-type,.icon-wrapper .vricon:nth-of-type(2) {display: inline-block;}
.icon-wrapper .vricon {
    position: relative;
    display: none;
    line-height: 31px;
    margin-right: 15px;
    background: rgba(0,0,0,.6);
    border-radius: 100px;
    width: 42px;
    height: 42px;
    background: url(../images/common/vr_animation.png);
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid hsla(0,0%,100%,.8);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
@-webkit-keyframes vr{
	to{background-position-y:100%}
}
@keyframes vr{
	to{background-position-y:100%}
}
.vr-animation-forever{-webkit-animation:vr 3s steps(80) infinite;animation:vr 3s steps(80) infinite}
::selection{background-color:rgba(48,114,246,.2);color:#333}
::-moz-selection{background-color:rgba(48,114,246,.2);color:#333}
::-webkit-selection{background-color:rgba(48,114,246,.2);color:#333}
.zfhouse{padding-bottom:70px;}

/* app */
.app-box{height:600px;margin-top:60px;/*background: url(../images/index/download_bg2.png) no-repeat center top;*/background-repeat: no-repeat;background-position: center top;}
.app-box .leftbox{width:591px;float:left;}
.app-box .text{float:left;width:591px;height:103px;margin-top:126px;}
.app-box .text b{font-size: 55px;font-weight: 600;color: #333333;letter-spacing: 0.46px;line-height: 55px;}
.app-box .text p{font-size: 16px;color: #666666;line-height: 16px;margin-top: 15px;}
.app-box .ewm{width:130px;height:130px;margin-top:56px;}
.app-box .app-cont{width: 144px;margin-top:56px;margin-left:30px;}
.app-box .app-cont > a{display: block;height:40px;line-height: 40px;border: 1px solid #3391FF;border-radius:40px;text-indent: 45px;background-color:#3391FF;background-repeat: no-repeat;background-position: 14px 7px;font-size: 14px;color: #ffffff;}
.app-box .app-cont > a:hover{opacity: 0.8;}
.app-box .app-cont .ios{margin-top:14px;background-image:url(../images/index/ios.png);background-image:-webkit-image-set(url(../images/index/ios.png) 1x,url(../images/index/ios@2x.png) 2x);}
.app-box .app-cont .android{margin-top:20px;background-image:url(../images/index/android.png);background-image:-webkit-image-set(url(../images/index/android.png) 1x,url(../images/index/android@2x.png) 2x);}
/*.phone-img{float:left;width: 328px;height:532px;margin-left:82px;margin-top:68px;background: url("../images/index/phone.png") no-repeat center top;}*/

.footer{margin-top:0;}


/* 关闭app下载动效 */
.u-flyer{position: fixed;z-index:1000;width: 100px;height: 100px;}
.page-fix-right a .icon2.ani-scale{
    animation: myfirst 0.5s linear;
    /* Firefox: */
    -moz-animation: myfirst 0.5s linear;
    /* Safari 和 Chrome: */
    -webkit-animation: myfirst 0.5s linear;
    /* Opera: */
    -o-animation: myfirst 0.5s linear;
}
@keyframes myfirst
{
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%  {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50%  {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%   {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%  {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes myfirst /* Opera */
{
    0%   {
        -o-transform: scale(1);
        transform: scale(1);
    }
    50%  {
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/* Bob */
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}
@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@media only screen and (max-height: 570px) {
    .app-flow {
        display:none
    }
}


.dialog-bg {opacity: 0;display:block;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;overflow-x: hidden;overflow-y: hidden;width:100%;height:100%;background: rgba(0, 0, 0, 0.7) center center no-repeat;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.dialog-bg .dialog{position:absolute;width:720px;height:597px;margin:auto;top:0;right:0;bottom:0;left:0;}
.dialog .dialog-expert-closed{position: absolute;right:13px;top:13px;width:30px;height:30px;}
.dialog .dialog-expert-closed .closed{display:block;width:14px;height:14px;padding:8px;}
.dialog-bg.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;touch-action: none;}
#chengn .chengn-img {
    width: 720px;
    height: 670px;
    border-radius: 5px;
    position: relative;
    margin: 100px auto 0;
    background: #FFFFFF;
}

.chengn-bj {
    width: 100%;
    height: 150px;
    background: url(../images/common/chengn.png) no-repeat;
    background-size: cover;
}

.chengn-closed {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.chengn-main {
    padding: 0 35px;
}

.chengn-img h2 {
    font-size: 20px;
    padding-top: 35px;
    font-weight: 600;
    color: #333333;
}
.chengn-img p{
    font-size: 15px;
    color: #666666;
    letter-spacing: 0;
    line-height: 24px;
}
.mt10 {
    margin-top: 10px
}
.chengn-foot{
    padding-top:25px;
}
.chengn-left{
    width: 70%;
    float:left
}
.chengn-right{
    width: 30%;
    float:left
}
.chengn-left p{
    font-size: 15px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
}
.chengn-left p:last-child{
    padding-top:25px;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    line-height: 20px;
}
.chengn-right-img{
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
.chengn-right-img img{
    width: 100%;
    height: 100%;
}
.chengn-right p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 20px;
    padding-top:25px;
    text-align: center;
}

/*首页时间线 图表样式*/
.flex-box {display: flex}
.time-charts {padding-top: 45px;padding-bottom: 45px}
.timeline {width: 60%}
.timeline-container {width: 100%;overflow-y: auto;height: 380px;}
.title-year {font-size: 12px;font-weight: normal;color: #3391ff}


.timeline-box i{position: absolute;top: 50%;left: -4px;font-style: normal;width: 10px;height: 10px;border-radius: 50%;background-color: #999999;transform: translateY(-50%);}
.timeline-box li {padding: 5px 15px;margin: 0 10px;border-left: 2px dashed #999999;align-items: center}
.event_list h3 { font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('/statics/ley/images/index/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
.event_list li span { text-align:right;display:block;float:left; min-width: 20px}
.event_list li ul { display:inline-block;padding-left:20px;line-height:25px;flex: 1 }
.event_list li ul:before{content: '';position: absolute;width: 10px;height: 10px;background-color: #ffffff;top: 50%;left: 15px;transform: translateY(-50%) rotate(45deg);}
.event_list li ul li {text-align:left;padding:5px 15px;background:#FFF;margin:0; border: 0}
.charts-box {width: 40%;margin-left: 30px;flex-flow: column}
.charts-box h3 {font-size: 26px;line-height: 36px;font-weight: 600;color: #000;justify-content: space-between;align-items: center}
.charts-box h3 a {font-size: 14px;color: #000;font-weight: normal}
.charts-box h3 a:hover{color: #3391FF}
.tabbar {margin: 20px 0 10px}
.tabbar ul {justify-content: flex-start}
.tabbar ul li{flex: 1}
.tabbar ul li.cur a {color: #3391FF;font-weight: 600}
.tabbar ul li a{font-size: 14px}
.timeline-title h3 {font-size: 26px;line-height: 36px;font-weight: 600;color: #000;}
.timeline-time {padding: 0 15px;margin: 10px;font-size: 18px;color: #e43;font-family:Georgia;}
a.timeline-lpmc {color: #3391FF;margin-right: 10px}
#index_charts {flex: 1}
.loading_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 70%;height: 50%;background: url("/statics/ley/mobile/images/mobilefangjialoading.png") no-repeat center;background-size: 70% 70%;}
.loading_box p {position: absolute;bottom: 0;width: 100%;font-size: 18px;text-align: center;color: #999999;}
.fanghouse-newbox {flex: 1;overflow: hidden;}
.fanghouse-newlist {width: content-box;}
.fanghouse-container {align-items: center;justify-content: space-between;overflow: hidden}
.leftbtn {width:37px;height: 64px;background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat 0 0;margin-right: 30px;cursor: not-allowed;}
.leftbtn.canclick:hover {background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat 0 -136px;cursor: pointer;}
.leftbtn.canclick {background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat 0 -68px;cursor: pointer;}
.rightbtn {width: 37px;height: 64px;background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat -78px 0;margin-left: 30px;cursor: not-allowed;}
.rightbtn.canclick:hover  {background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat -78px -136px;cursor: pointer;}
.rightbtn.canclick  {background: url(/statics/ley/images/index/arrowjinlingtu.png) no-repeat -78px -68px;cursor: pointer;}
.fang-house .fanghouse-newlist .img {width: 332px;}
.none {display: none;}
.hidden{visibility: hidden}
#calendarCon{position:relative;overflow:hidden; height:100%;}
#calendarCon li{padding:4px 0 5px 16px;}
#calendarCon li div{margin-right:16px; padding:0 5px;}
#calendarCon li div.bgf9{background:#f9f9f9;}
#calendarCon li a{color:#4697E6; text-decoration:underline;}
#calendarCon li a.more{color:#E65100; text-decoration:none;}
#calendarCon li a:hover{color:#E65100;}
#calendarCon li span{color:#666;}
#calendarCon .ico{padding:4px 0;padding-left: 15px;margin-left: 10px}
#calendarCon .ico span{display:inline-block;width:60px;font-size:18px;margin-left:10px;font-weight:bold;color: #e43;font-family:Georgia;}
#calendarCon li.ico_no{background-position:-238px -636px;}
#calendarCon li span{margin-left:5px;}

#scrollBox_all{margin-top:5px;}
#scrollBox_all .scrollContent{height:260px;overflow: auto}

#scrollBox_all .scrollContent::-webkit-scrollbar {width: 5px !important;}
/* 设置滚动条的样式 */
#scrollBox_all .scrollContent::-webkit-scrollbar {width: 5px;border-radius: 8px;}
/* 滚动槽 */
#scrollBox_all .scrollContent::-webkit-scrollbar-track {background-color: #eaeaea;}
/* 滚动条滑块 */
#scrollBox_all .scrollContent::-webkit-scrollbar-thumb {border-radius: 8px;background: #3391FF;}
#scrollBox_all .scrollBoxC{overflow:hidden;padding:0 5px 0 0;position:relative;}
#calendarCon i{position: absolute;top: 50%;left: -4px;font-style: normal;width: 10px;height: 10px;border-radius: 50%;background-color: #999999;transform: translateY(-50%);}
#calendarCon li {padding: 5px 15px;margin: 0 10px;border-left: 2px dashed #999999;align-items: center}


/*.act-wrap{*/
/*position: absolute;*/
/*width: 243px;*/
/*height:380px;*/
/*top:-210px;*/
/*top:0\9;*/
/*left:50%;*/
/*margin-left:550px;*/
/*background-image: url("../images/index/activity1.png");*/
/*background-repeat:no-repeat;*/
/*background-position:center bottom;*/
/*text-align: center;*/
/*-webkit-animation:drop 0.8s ease 1s;*/
/*animation:drop 0.8s ease 1s;*/
/*-webkit-animation-fill-mode:forwards;*/
/*animation-fill-mode:forwards;*/
/*cursor: pointer;*/
/*}*/
/*.act-wrap .act-close{*/
/*position: absolute;*/
/*width:34px;*/
/*height:34px;*/
/*top: 80px;*/
/*right:18px;*/
/*background-image: url(../images/index/actclose.png);*/
/*background-image:-webkit-image-set(url(../images/index/actclose.png) 1x,url(../images/index/actclose@2x.png) 2x);*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*z-index:9999;*/
/*}*/
/*.act-wrap.flod{*/

/*cursor: pointer;*/
/*top:-240px\9;*/
/*-webkit-animation:flod 0.8s ease;*/
/*animation:flod 0.8s ease;*/
/*-webkit-animation-fill-mode:forwards;*/
/*animation-fill-mode:forwards;*/

/*}*/
/*.act-wrap.noflod{*/
/*-webkit-animation:drop 0.8s ease;*/
/*animation:drop 0.8s ease;*/
/*-webkit-animation-fill-mode:forwards;*/
/*animation-fill-mode:forwards;*/
/*}*/
/*.act-wrap.flod .act-slogen{*/
/*-webkit-transition: all 0.1s ease 0.2s; !* Safari 和 Chrome *!*/
/*-o-transition: all 0.1s ease 0.2s; !* Opera *!*/
/*top:180px;*/
/*width: 87px;*/
/*height: 20px;*/
/*}*/
/*@-webkit-keyframes drop*/
/*{*/
/*0%   {*/
/*top: -410px;*/
/*}*/
/*70%  {*/
/*top:0;*/
/*}*/
/*100% {*/
/*top:-20px;*/
/*}*/
/*}*/
/*@keyframes drop*/
/*{*/
/*0%   {*/
/*top: -410px;*/
/*}*/
/*50%  {*/
/*top:0;*/
/*}*/
/*100% {*/
/*top:-20px;*/
/*}*/
/*}*/
/*@-webkit-keyframes flod*/
/*{*/
/*0%   {*/
/*top: -20px;*/
/*background-image: url("../images/index/activity1.png");*/
/*}*/
/*30%  {*/
/*top:-410px;*/
/*background-image: url("../images/index/activity2.png");*/
/*}*/
/*100% {*/
/*top:-240px;*/
/*background-image: url("../images/index/activity2.png");*/
/*}*/
/*}*/
/*@keyframes flod*/
/*{*/
/*0%   {*/
/*top: -20px;*/
/*background-image: url("../images/index/activity1.png");*/
/*}*/
/*30%  {*/
/*top:-410px;*/
/*background-image: url("../images/index/activity2.png");*/
/*}*/
/*100% {*/
/*top:-240px;*/
/*background-image: url("../images/index/activity2.png");*/
/*}*/
/*}*/
/*@media only screen and (max-width: 1600px) {*/
/*.act-wrap{*/
/*margin-left:330px;*/
/*}*/
/*}*/
/*.hnow{*/
/*width: 58px;*/
/*height: 12px;*/
/*display: block;*/
/*margin-top: 49px;*/
/*margin-left: 100px;*/
/*z-index: 1001;*/
/*position: absolute;*/
/*top: 320px;*/
/*color: #000;*/
/*left: 0%;*/
/*display: none;*/

/*}*/