@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}

/*base*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{color:#111;font-size:12px;line-height:24px;clear:both;background:#fff;font-family: Verdana,Arial, Helvetica, sans-serif;}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
a{color:#db2033; blr:expression(this.onFocus=this.blur())}

a:focus{outline:0}
a,a:focus,a:hover{text-decoration:none;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2{display:block;margin:0;line-height:30px;padding:20px 0;font-size:26px;color:#555;font-weight:400;}
h2 span{display:block;font-size:18px;color:#777}
h3{display:block;margin:0;padding:5px 0;font-size:20px;line-height:24px;color:#333}


p{padding:0;margin:0 0 10px}
p.bottom{margin:0 0 8px 0}
hr{border-top:1px solid #ccc;padding:1px 0;margin:20px 0;display:block;clear:both}

/*header*/
.header{float:left; width: 100%; background: #fff; }
.headernr{ width: 100%; max-width: 1200px; margin: 0 auto ;  }
.headernr-l{font-size: 14px; color: #fff; float:left; padding: 4px 0;}
.headernr-r{float:right; font-size: 14px; color: #fff; padding: 4px 0;}
.headernr-rimg{float:right; display: flex; flex-direction: row; align-items: center; font-size: 13px; margin-left: 20px;}
.headernr-rimg img{width: 16px; height: 16px; margin-right: 5px;}
.nav{float:left; width: 100%; background: #fff; padding: 20px 0;}
.nav-nr{ width: 100%; max-width: 1200px; margin: 0 auto ; }
.logo{float:left;  }
.logo img{max-width: 240px;}
.top-tel{float: right; font-size: 22px; color: #0E51EF; margin-top: 16px; position: relative}
.top-tel:before{position: absolute; content: '\f098'; font-family:fontawesome; top: 0; left: -30px; font-size: 24px; color: #0E51EF; }
.top-ne{float: right; margin-right: 60px; margin-top: 10px;}
.top-ne-li:nth-child(1){float: left; width: 36px; height: 36px; background: #0E51EF; border-radius: 50%; padding: 6px;position: relative; cursor: pointer;}
.top-ne-li:nth-child(2){float: left; width: 36px; height: 36px; border:solid 1px #ddd; border-radius: 50%; padding: 6px; margin-left: 30px;position: relative; cursor: pointer;}
.li-nr{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 140px; background: #f5f5f5; text-align: center;z-index: 99999; padding: 10px; border-radius: 5px; display: none;}
.li-nr:before{position: absolute; content: ''; top: -20px; left: 50%; transform: translateX(-50%); border-top: solid 8px transparent; border-bottom: solid 12px #f5f5f5; border-left: solid 8px transparent; border-right: solid 8px transparent;}
.li-nr span{float: left; width: 100%;  font-size: 14px; color: #333;}
.top-ne-li:hover .li-nr{display:block}

#container{ float:left; width:100%; margin:0px auto; }

/*banner*/
#fyxp_banner{width:100%;height:auto;margin:0 auto 0 auto; background:#ebebeb;position:relative;z-index:0;text-align: center;}
.bannerdb{position: absolute; bottom: -120px; left: 0; width: 100%}
.banner_txt{position: relative;}
.banner_wzly{ position: absolute; top: 50%; right: 20%; transform: translateY(-50%); font-size: 16px; color: #000; background: #fff; z-index: 9999; text-align: left; width: 400px; padding:60px 40px; border-radius: 5px;}
.banner_wz span{  display: block; text-align: center; font-weight: bold; font-size: 26px; position: relative; margin-bottom: 30px;}
/*.banner_wz span:before{ position: absolute; content: ''; bottom: -20px; left: 0; width: 100px; height: 1px; background: #fff;}*/
.inputbanner{float:left; width: 100%; margin-bottom: 20px;}
.inputbanner input{width: 100%; padding: 10px; border-radius: 3px; border: solid 1px #ddd;}
.lijidj{float:left; width: 100%; background: #0a81fb; padding:12px 20px; text-align: center; font-size: 18px; color: #fff; border-radius: 3px; cursor: pointer;}

.sousuo{float:left; width: 100%; margin-top: 50px;}
.sousuonr{ width: 100%; max-width: 800px; margin: 0 auto ; }
.sousuonr-ss{ width:calc( 100% - 120px); border-radius: 10px;  margin:25px auto 0; overflow: hidden; position: relative}
.inputss{ float: left; width: 100%; padding: 10px 20px; border-radius: 10px; border: solid 2px #0a81fb;}
.inputan{position: absolute; top:0px; padding: 12px 40px; border-radius: 10px; right: 0; background: #0a81fb; font-size: 20px; color: #fff; font-weight: bold;}
.r-ewm{float:right; width: 100px;}

/*房产云*/
.shuomi{float:left; width: 100%; margin-top: 50px;}
.shuominr{ width: 100%; max-width: 1200px; margin: 0 auto ; }
.shuominrbt{float: left; width: 100%; text-align: center; font-size: 28px; color: #000; font-weight: bold; position: relative;}
.shuominrbt span{position: relative; color: #0a81fb;}
.shuominrbt span:before{ position: absolute; bottom: -20px; left: 0; width: 56px; height: 6px; background: #0a81fb; content: '';}
.shuominrbtx{float: left; width: 100%; text-align: center; font-size: 16px; color: #666; margin-top: 10px; position: relative;}
.shuominrbt img{width: 40px; margin-right: 10px;}

.shuomitxt{float:left; width: 100%; margin-top: 40px; background: #0a81fb;  padding: 30px; box-shadow: 0 2px 2px rgba(0,0,0,.4); border-radius: 10px; position: relative}

.smnav{float:left; width: 100%; text-align: center; margin-top: 340px; }
.smnav li{padding: 10px; border-radius: 5px;}
.smnav li a{font-size: 15px; color: #fff; border-radius: 5px;}
.smnav li.active{ background: #fff; }
.smnav li.active a{  color: #0a81fb;}

.shuomi-l{float:left; width: 300px; }
.smtxt{position: absolute; top: 100px; left: 440px;  width: calc(100% - 520px);}
.smtxtjh{float:left; width: 100%;  font-size: 60px; color: #fff; font-weight: bold; font-style: italic;}
.smtxtbt{float:left; width: 100%;  font-size: 40px; color: #fff; font-weight: bold; margin: 40px 0; }
.smtxtsm{float:left; width: 100%;  font-size: 22px; color: #fff; line-height: 40px;}
.shuomi-r{ float: right; width: calc(100% - 340px); margin-left: 40px;}
.smnav li{float:left; width: 32%; margin-right: 2%; margin-bottom: 40px;}
.smnav li:nth-child(3n){margin-right: 0}
.smnav li:nth-child(3n+1){clear: both}

/*核心产品*/
.hxpro{float:left; width: 100%; margin-top: 80px; background: #f5f5f5; padding: 100px 0 120px;}
.hxpronr{ width: 100%; max-width: 1200px; margin: 0 auto ; }
.hxpronr-bt{float: left; width: 100%; text-align: center; font-size: 28px; color: #000; font-weight: bold; position: relative;}
.hxpronr-bt img{width: 40px; margin-right: 10px;}
.hxpronr-btx{float: left; width: 100%; text-align: center; font-size: 16px; color: #666; margin-top: 10px; position: relative;}
.hxpronr-ul{float: left; width: 100%; margin-top: 40px;}
.hxpronr-li{float:left; width: 49%; background: #fff; margin-right: 2%; margin-bottom: 20px; overflow: hidden; cursor: pointer;}
.hxpronr-li:nth-child(2n){margin-right: 0;}
.hxpronr-li-l{float:left; width: 50%}
.hxpronr-li-r{float:left; width: 50%; padding: 20px;}
.hxpronr-li-rbt{float:left; width: 100%; font-size: 20px; color: #000; font-weight: bold; margin-top: 30px; position: relative}
.hxpronr-li-rbt span{position: absolute; top:-30px; right: 0; font-size: 50px; font-style: italic; color: #000; text-shadow: 0 4px 4px rgba(0,0,0,5)}
.hxpronr-li-rbt span:before{position: absolute; content: ''; width: 80px; height: 25px; background: #fff; top: 20px; right: 0; transform: rotate(15deg)}
.hxpronr-li-rms{float:left; width: 100%; font-size: 16px; color: #666; margin-top: 20px; line-height: 30px;}
.hxpronr-li:hover{background: #0a81fb}
.hxpronr-li:hover .hxpronr-li-rbt span:before{background: #0a81fb}
.hxpronr-li:hover .hxpronr-li-rbt,.hxpronr-li:hover .hxpronr-li-rms,.hxpronr-li:hover .hxpronr-li-rbt span{color: #fff}

.hxpronr-li:nth-child(1) .hxpronr-li-l, .hxpronr-li:nth-child(2) .hxpronr-li-l{float: right}


/*业务*/
.yewu{float:left; width: 100%; margin-top: 50px; margin-bottom: 80px;}
.yewunr{ width: 100%; max-width: 1200px; margin: -200px auto 0;  position: relative; z-index: 10;}
.yewunrbt{float: left; width: 100%; text-align: center; font-size: 28px; color: #fff; font-weight: bold}
.yewunrbt span{color: #0a81fb}
.yewunrul{float:left; width: 100%; margin-top: 50px;}
.yewunrul-li{float:left; width:23.5%; text-align: center; background: #f5f5f5; margin-right: 2%; margin-bottom: 20px; border: solid 1px #f5f5f5; padding:50px 20px;}
.yewunrul-li:nth-child(4n){margin-right: 0;}
.yewunrul-li:nth-child(4n+1){clear: both;}
.yewunrul-li img{width: 70px;}
.yewunrul-libt{float:left; width: 100%; font-size: 16px; color: #000; margin-top: 30px;}
.yewunrul-lims{float:left; width: 100%; font-size: 14px; color: #333; margin-top: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/*简介*/
.about{float:left; width: 100%; margin-top: 60px;}
.about-l{float: left; width: 50%; background: #0a81fb; padding: 60px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.about-lbt{float: right; width: 100%; max-width: 540px; position: relative; font-size: 20px; color: #fff; font-weight: bold}
.about-lbt:before{ position: absolute; bottom: -20px; left: 0; width: 70px; height: 6px; background: #fff; content: '';}
.about-lnr{float: right; width: 100%; max-width: 540px; font-size: 14px; color: #fff; margin-top: 50px;}
.about-lnr p{text-indent: 2em}
.about-r{float: right; width: 50%; position: relative; }
.about-rtxt{float: left; width: calc(100% + 50px); margin-top: 50px; margin-left: -50px;}
.about-r img{width: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

/*新闻*/
.news{ float:left; width: 100%; margin-top: 60px;}
.newsnr{ width: 100%; max-width: 1200px; margin: 0 auto ;  }
.newsnrbt{float: left; width: 100%; text-align: center; font-size: 28px; color: #333; font-weight: bold}
.newsnrul{float: left; width: 100%; margin-top: 50px;}
.newsnrul-li{float:left; width: 49%; margin-right: 2%; margin-bottom: 30px; padding: 20px; background: #f5f5f5;}
.newsnrul-li:nth-child(2n){margin-right: 0;}
.newsnrul-li:nth-child(2n+1){clear: both;}
.newsnrul-li-l{float:left; width: 80px; font-size: 38px; color: #000; text-align: center; padding-top: 14px;}
.newsnrul-li-l span{display: block; font-size: 12px; font-weight: normal; margin-top: 10px;}
.newsnrul-li-r{float: left; width: calc(100% - 80px);}
.newsnrul-li-rs{float: left; width: 100%; font-size: 18px; color: #000; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsnrul-li-rx{float: left; width: 100%; font-size: 14px; color: #666; margin-top: 6px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.newsnrul-li:hover{background: #f1f1f1;}
.newsmore{float: left; width: 100%; text-align: right; margin-bottom: 30px;}
.newsmore span{background: #0a81fb; font-size: 14px; color: #fff; padding: 10px 30px;}


/*服务*/
.service{ float:left; width: 100%; padding: 80px 0 50px; background: #3e3e62; }
.servicenr{ width: 100%; max-width: 1200px; margin: 0 auto ;  }
.servicenrbt{float: left; width: 100%; text-align: center; font-size: 28px; color: #fff; font-weight: bold; }
.servicenrbt img{width: 40px; margin-right: 10px;}
.servicenrbt span{position: relative; color: #0a81fb;}
.servicenrbt span:before{ position: absolute; bottom: -15px; left: 0; width: 54px; height: 4px; background: #fff; content: '';}
.servicenrwz{float:left; width: 100%; margin-top: 100px;}
.servicenrwz-li{float:left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; background: #fff; padding: 80px 20px; text-align: center}
.servicenrwz-li:nth-child(4n){margin-right: 0}
.servicenrwz-li:nth-child(4n+1){ clear: both}
.servicenrwz-li img{width: 70px;}
.servicenrwz-libt{float:left; width: 100%; font-size: 16px; color: #000; margin-top: 30px;}
.servicenrwz-lims{float:left; width: 100%; font-size: 14px; color: #333; margin-top: 20px; display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}

/*合作伙伴*/
.hezhb{float:left; width: 100%; margin-top: 40px; margin-bottom: 60px;}
.hezhbnr{max-width:1200px; margin:0 auto;}
.hezhbnr-bt{float:left; width: 100%; font-size: 28px; color: #000; font-weight: bold; text-align: center;}
.hezhbnr-bt span{color: #0a81fb; text-transform:uppercase}
.hezhbnr-ul{float:left; width: 100%; margin-top: 30px;}
.hezhbnr-ulli{float:left; width: 18.4%; margin-right: 2%; margin-bottom: 20px;}
.hezhbnr-ulli:nth-child(5n){margin-right: 0;}
.hezhbnr-ulli img{width: 100%; border: solid 1px #ddd;}

/*footer*/
.footer_bottom{ width:100%; height:auto;margin:0px auto; padding: 30px 0; background:#000;display: table; line-height:36px;}
.footer_bottom_txt{max-width:1200px; margin:0 auto; padding:4px 0;  font-size:14px; color:#7a7c7b}
.footer_bottom_txt_right{ float:left; width:100%; text-align: center;}
.footer_bottom_txt_right a{color: #7a7c7b;}

.dibuflw{width:100%; height:auto;margin:0px auto; padding: 60px 0; background:#011c3e;display: table; }
.dibuflwnr{max-width:1200px; margin:0 auto; padding:4px 0;  font-size:14px; color:#7a7c7b}
.dibufl{float:left; width: 100%;}
.dibufl-l{float:left; width: 360px; text-align: center; position: relative}
.dibufl-l:before{position: absolute; content: ''; top: 10%; right: 20px; width: 1px; height: 80%; background: #999;}
.dibufl-l img{width: 200px;}
.mfsy{ float:left; width: 100%; margin-top: 60px;}
.mfsy span{background: #0a81fb; padding: 12px 80px; font-size: 16px; color: #fff; cursor: pointer;}
.dibufl-r{float: right; width: calc(100% - 400px);}
.dibufl-r-li{float: left; width: 40%;}
.dibufl-r-li-bt{float: left; width: 100%; font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 20px;}
.dibufl-r-li-ol{float: left; width: 100%; margin-bottom: 15px;}
.dibufl-r-li-ol a{float: left; width: 100%; font-size: 16px; color: #999;}

.dibufl-r-li-6{float: left; width: 60%;}


.pc-ly{display: none}
@media screen and (max-width:1200px){
	.headernr,.gywmnr,.renyuankpnr,.shuomi,.hxpronr,.news,.yewunr,.hezhb,.dibuflwnr{padding: 0 2%}
    .service{padding: 60px 2% 40px}
    .servicenrwz{margin-top: 40px;}
    .banner_wzly{display: none}
    .myjx-wm-nr{width: 80%}
	.footer_bottom_txt_right{ padding: 10px 2%;}


    .smtxtjh{font-size: 40px;}
    .smtxtbt{font-size: 20px;}
    .smtxtsm{font-size: 15px;}
    .smnav li a{font-size: 14px; }
    .smtxt{left: 400px;}

    .yewunr{margin-top: -150px;}
    .yewu{margin-top: 30px; margin-bottom: 20px;}

}

@media screen and (max-width:880px){

    .yewunr{margin-top: -100px;}

    .dibufl-l{width: 260px;}
    .dibufl-l:before{right: -10px;}
    .dibufl-r{width: calc(100% - 300px)}
}

@media screen and (max-width:767px){
#fyxp_banner{display: none}
    .pc-ly{display: block}
    .banner_wz{float: left; width: 100%; padding: 60px; background-image: url('/images/sjbanner.jpg');
        background-size: cover; background-position: center;
        background-repeat: no-repeat;}
    .lybjys{background: #fff; float: left; width: 100%; padding: 20px;}
    .block-slider .bx-pager { margin-top: -40px !important;}
	.banner_wz{font-size: 14px;}
	.banner_wz span{font-size: 18px;}
	.bannerdb{ bottom: -40px;}
	.gywm{margin-top: 80px}
	.gywmnr-l{width: 100%; padding-right: 0;position: relative; z-index: 10;}
	.gywmnr-lnr{padding-right: 0; width: 96%; margin: 30px 2% 0; float:left; background: rgba(0,0,0,.5); color: #fff; padding: 20px; border-radius: 10px;}
	.gywmnr-r{width: 100%; padding-left: 0; margin-top: -200px; position: relative; z-index: 1;}
	.renyuankpnrbt{margin-top: 50px;}
	.renyuankpnrwx{ flex-wrap: wrap; margin-bottom: 30px;}
	.renyuankpnrwx-li{width: calc((100% - 20px)/2); margin-bottom: 20px;}
	.renyuankpnrwx-li:before,.renyuankpnrwx-li:after{display:none}
	.renyuankpnrwx-li:nth-child(5){width: 100%}
	.myjx-wm{padding-top: 80px;}
	.footer_kh,.footer_wx{ width: 50%}

    .shuominrbt,.hxpronr-bt,.newsnrbt,.yewunrbt,.hezhbnr-bt{font-size: 22px;}
    .shuominrbtx,.hxpronr-btx{font-size: 14px;}
    .shuomi-l{width: 100%}
    .shuomiimg{display: none}
    .shuomi-r{width: 100%; margin: 0}
    .smtxt{width: 100%; position: relative; top: 0; left: 0}
    .smnav{margin-top: 40px;}
    .hxpro{margin-top: 30px;padding: 40px 0 50px;}
    .hxpronr-li{width: 100%; margin-right: 0; }
    .servicenrwz-li{width: 49%;}
    .servicenrwz-li:nth-child(2n){margin-right: 0}

    .yewunr{margin-top: -60px;}
    .yewunrul-li{width: 49%; margin-bottom: 10px;}
    .yewunrul-li:nth-child(2n){margin-right: 0}

    .about-r{width: 100%; padding:20px;}
    .about-rtxt{width: 100%; margin: 0;}
    .about-rtxt img{border-radius: 10px;}
    .about-l{width: 100%; border-radius: 10px; margin-top: -200px; padding-top: 220px}
    .about-lbt,.about-lnr{max-width: 100%}

    .newsnrul{margin-top: 30px;}
    .newsnrul-li-rs{font-size: 16px;}

    .dibufl-l{width: 100%}
    .dibufl-r{width: 100%; margin-top: 40px;}

}

@media screen and (max-width:640px){
    .top-ne{display: none}
	.myjx-xm-nr-li{width: 49%;}
	.myjx-xm-nr-li:nth-child(2n){margin-right: 0}
    .myjx-xm-nr-li:nth-child(2n+1){clear: both;}
	.tspl span{margin-bottom: 10px; float: left;}
    .servicenrwz-li{width: 100%; margin-right: 0}
    .newsnrul-li{width: 100%; margin-right: 0; margin-bottom: 20px;}

    .hezhbnr-ulli{width: 49%; margin-bottom: 10px;}
    .hezhbnr-ulli:nth-child(2n){margin-right: 0}
    .hezhbnr-ulli:nth-child(5){margin-right: 2%}
    .mfsy{margin-top: 40px;}
    .dibufl-r-li-bt{font-size: 16px;}
    .dibufl-r-li-ol a{font-size: 14px;}

}
@media screen and (max-width:540px){
	.fl-xm-bt{font-size: 22px;}
	.myjx-xm-nr-li{  margin-bottom: 10px;}
	.myjx-wm-bt{line-height: 40px;}
	.myjx-xm{ margin-top:40px;}
	.myjx-xm-bt1{margin-top:0; margin-bottom: 0;}
	.myjx-xm-bt1 span{padding: 0 5%; margin-bottom: 20px;}
	.myjx-wm-nr{ width: 80%;}


}

@media screen and (max-width:480px){
}

@media screen and (max-width:440px){
}