html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
.g-pc, .g-mobile {display: none;}
/*mobile页面*/
.g-mobile{width: 100%; height: 100%; background: url(../../images/mobile/119320321.jpg) no-repeat; background-size: 100% 100%;}
.m-logowrap{position: relative; width: 100%; height: 35%;background: transparent;}
.m-btnwrap{position: relative; width: 100%; height: 35%; background: transparent; }
.m-sloganwrap{position: relative; width: 100%; height: 25%; background: transparent; }
.m-sloganwrap .up{width:0px;height:0px;border-bottom:10px solid #03667c;border-left:10px solid transparent;border-right:10px solid transparent;margin: 0 auto;z-index: 99;position: relative;bottom: -1px;}
.m-sloganwrap .up-inline{width:0px;height:0px;border-bottom:9px solid #044456;border-left:9px solid transparent;border-right:9px solid transparent;margin: 0 auto;z-index: 99;position: absolute;left: -9px;bottom: -10px;}
.m-sloganwrap .content h2{padding: .8em;margin-top: 1em;}
.m-sloganwrap .content{width:80%;border:1px solid #03667c;background:#054d63;margin: 0 auto;text-align: center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.m-sloganwrap .content_list li{color: #43e3ff;font-size: 1em;padding: .5em .5em;}
.u-logo, .u-btn, .u-slogan{display: inline-block; position: absolute; -webkit-transform: translate(-50%, -50%);}
/*横屏*/
@media (orientation: landscape) {
.u-logo{background: url(../../images/mobile/119365979.png) -61px 0; width: 97px; height: 131px; left: 50%; top: 55%; background-size: 188px 320px;}
.u-btn{background: url(../../images/mobile/119365979.png) -4px -230px; width: 122px; height: 33px; left: 50%; top: 45%; background-size: 188px 320px;}
.android .u-btn{background: url(../../images/mobile/119365979.png) -4px -268px; width: 122px; height: 33px;left: 50%; top: 45%; background-size: 188px 320px;}
.m-sloganwrap .content h2{background: url(../../images/mobile/122866241.png) no-repeat;background-size: 42% 97%;margin-left: 36%;}
.m-sloganwrap .content_list li{font-size: .5em;padding: .3em .5em;}
.m-logowrap{position: relative; width: 100%; height: 44%;background: transparent;}
.m-btnwrap{position: relative; width: 100%; height: 40%; background: transparent; }
.m-sloganwrap{position: relative; width: 100%; height: 12%; background: transparent; }
}
/*以下为竖屏*/
/*iphone5 宽度及以下*/
@media (max-width: 374px) {
.u-logo{background: url(../../images/mobile/119365979.png) -76px 0; width: 114px; height: 161px; left: 50%; top: 50%; background-size: 235px 400px;}
.u-btn{background: url(../../images/mobile/119365979.png) -5px -288px; width: 153px; height: 42px; left: 50%; top: 45%; background-size: 235px 400px;}
.android .u-btn{background: url(../../images/mobile/119365979.png) -5px -335px; width: 153px; height: 42px;left: 50%; top: 45%; background-size: 235px 400px;}
.m-sloganwrap .content h2{background: url(../../images/mobile/122866241.png) no-repeat;background-size: 64% 97%;margin-left: 24%;}
.m-sloganwrap .content_list li{font-size: .8em;}
.m-logowrap{position: relative; width: 100%; height: 40%;background: transparent;}
.m-btnwrap{position: relative; width: 100%; height: 30%; background: transparent; }
.m-sloganwrap{position: relative; width: 100%; height: 30%; background: transparent; }
}
/*iphone6 宽度*/
@media (min-width: 375px) and (max-width: 667px) and (orientation: portrait){
.u-logo{background:url(../../images/mobile/119365979.png) -89px 0; width: 149px ; height: 192px; left:50%; top: 50%; background-size: 276px 470px;}
.u-btn{background: url(../../images/mobile/119365979.png) -5px -340px; width: 180px; height: 47px; left: 50%; top: 45%; background-size: 276px 470px;}
.android .u-btn{background: url(../../images/mobile/119365979.png) -4px -394px; width: 181px; height: 51px;left: 50%; top: 45%; background-size: 276px 470px;}
.m-sloganwrap .content h2{background: url(../../images/mobile/122866241.png) no-repeat;background-size: 143px 25px;margin-left: 26%;}
}
/*iphone6 plus 及以上*/
@media (min-width: 414px) and (orientation: portrait){
.u-logo{background:url(../../images/mobile/119365979.png) -104px 0; width: 176px ; height: 225px; left:50%; top: 50%; background-size: 323px 550px;}
.u-btn{background: url(../../images/mobile/119365979.png) -5px -396px; width: 213px; height: 58px; left: 50%; top: 45%; background-size: 323px 550px;}
.android .u-btn{background: url(../../images/mobile/119365979.png) -5px -460px; width: 213px; height: 58px;left: 50%; top: 45%; background-size: 323px 550px;}
.m-sloganwrap .content h2{background: url(../../images/mobile/122866241.png) no-repeat;background-size: 143px 25px;margin-left: 26%;}
}
/*pc页面*/
.g-pc{min-width: 1080px;}
/*背景动画*/
@-webkit-keyframes zoom {
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);
}
}
@keyframes zoom {
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);
}
}
/*头部分*/
.g-header{position: relative; width: 100%; height: 720px; z-index: 2;}
/*.s-animate{animation: zoom 35s infinite; -webkit-animation: zoom 35s infinite;}*/
.g-header .m-header_inner{position: relative; background-color: rgba(0,0,0,0.3); width: 100%; /*height: 70px;*/}
.g-header .m-header_inner .m-header_in_inner{position: relative; background: transparent; margin: 0 auto; width: 1080px; height: 70px;}
/*pc_logo*/
.u-pc_logo{width: 460px; height: 70px; background: url(../../images/mobile/118651543.png) -16px -1px; margin-left: 42px;}
/*wrap模块*/
.m-wrap{position: relative; width: 1081px; height: 650px; z-index: 1; background: transparent; margin: 0 auto;}
/*标语切换*/
.u-slogans{position: absolute;}
.u-slogans img{position: absolute; left: -15px; top: 0px;}
/*二维码*/
.u-tdcode{ width: 193px; height: 190px; background: url(../../images/mobile/118651543.png) -290px -70px; position: absolute; left: 326px; top: 328px;z-index: 2;}
/*iphone版按钮*/
.u-button_ip{ position: absolute; width: 268px; height: 85px; background: url(../../images/mobile/118651543.png) -15px -71px; left: 24px; top: 325px; cursor: pointer; z-index: 2;}
.u-button_ip a{ width: 268px; height: 85px; display: block; font-size: 0; background: transparent;}
/*安卓按钮及下拉菜单包含块*/
.u-android_menu{position: absolute; z-index: 999; width: 266px; height: 276px; background: transparent; left: 25px; top: 436px;}
/*安卓按钮*/
.u-button_android{ position: absolute; width: 268px; height: 85px; background: url(../../images/mobile/118651543.png); background-position: -16px -258px; cursor: pointer; z-index: 2; left: 25px; top: 436px;}
/*下拉菜单*/
.u-downmenu{ position: absolute; z-index: 2; width: 216px; height: 70px; background: url(../../images/mobile/118651543.png) -292px -270px; left: 25px; top: 520px; visibility: hidden;}
.u-down_ul{position: absolute; background: transparent; top: 2px; left: 3px; height: 189px; width: 158px;}
.u-down_ul li{position: relative; list-style-type: none; height: 63px; width: 158px; border-bottom: 1px solid #0b8ead; display: block; background-color: transparent; cursor: pointer; margin-left: 25px; cursor: pointer;}
.u-small_logo{ position: absolute;width: 30px; height: 31px; float: left; margin-top: -15px; top: 50%; left: 0;}
#sl1{background: url(../../images/mobile/118651543.png) -15px -465px;}
#sl2{background: url(../../images/mobile/118651543.png) -54px -465px;}
#sl3{background: url(../../images/mobile/118651543.png) -97px -465px;}
.u-down_ul p{position: absolute; left:50%; top: 50%; margin: -11px auto auto -10px;vertical-align: middle; height: 1em; font:1.1em 微软雅黑; color: #fff;}
.u-down_ul a{text-decoration: none;}
/*图片指示按钮*/
.u-anchor{position:absolute; left: 29px; top: 540px; width: 80px; height: 17px; background: transparent; z-index: 1;}
.u-anchor li{display: inline-block; *display: inline; *zoom: 1; width: 17px; height: 17px; cursor: pointer; background: url(../../images/mobile/118651543.png) -15px -437px;}
.u-anchor li.s-chos{background: url(../../images/mobile/118651543.png) -32px -437px;}
/*手机屏幕*/
.u-screen{position: absolute; width: 485px; height: 583px;left: 591px; top: 67px;background: url(../../images/mobile/122804869.png) no-repeat;}
/*背景图响应式*/
.m-backstretch{position: absolute;left: 0px; top: 0px; width: 100%; height: 720px; z-index: -999998; overflow: hidden; background: #001d2b;}
@media only screen and (min-width: 1900px){
.m-backstretch .m-bg{ width: 100%;}
}
@media only screen and (max-width: 1900px){
.m-backstretch .m-bg{ width: 1900px;}
}
.m-backstretch .m-bg{position: absolute; left: 0px; top:0px; height: 100%; z-index: -999999; max-height: none; max-width: none; animation: zoom 35s infinite; -webkit-animation: zoom 35s infinite;}
/*主体部分*/
.g-main{position: relative; width: 100%; height: 303px; background: url(../../images/mobile/118684916.jpg) no-repeat center;-webkit-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1}
.g-main ul{position: relative; margin: 0 auto; height: 301px; width: 1080px; background: transparent;}
.g-main ul li{display: inline-block; *display: inline; *zoom: 1; position: relative; width: 260px; height: 214px; margin: 43px auto 0 1px;}
.u-main_blocks{width: 259px; height: 107px; background: transparent; margin-bottom: 13px;}
.u-main_line{position: absolute; left: 259px; top: 68px; width: 1px; height: 78px; background: #3d4448;}
.u-mb_left{width: 28px; height: 107px; float: left;}
.u-mb_up{width: 206px; height: 34px; float: left;}
.u-mb_down{width: 206px; height: 73px; float: left;}
.u-mb_up_icon{width: 35px; height: 34px; float: left;}
.u-mb_up_title{width: 120px; height: 31px; float: left;}
.u-mb_down{width: 159px; height: 55px; float: left; margin-left: 35px; margin-top: 10px;}
/*找新房*/
.u-icon1{background: url(../../images/mobile/122804834.png) -1px -326px;}
.u-title1{background: url(../../images/mobile/122804834.png) -1px -785px;}
.u-down1{background: url(../../images/mobile/122804834.png) -164px 2px;}
/*二手房*/
.u-icon3{background: url(../../images/mobile/122804834.png) -1px -1px;}
.u-main_blocks .u-title3{background: url(../../images/mobile/122804834.png) -1px -820px;}
.u-down3{background: url(../../images/mobile/122804834.png) -160px -49px;}
/*租房*/
.u-icon5{background: url(../../images/mobile/122804834.png) -1px -52px;}
.u-main_blocks .u-title5{background: url(../../images/mobile/122804834.png) -1px -857px;}
.u-down5{background: url(../../images/mobile/122804834.png) -160px -101px;}
/*发房源*/
.u-icon2{background: url(../../images/mobile/122804834.png) -1px -413px;}
.u-title2{background: url(../../images/mobile/122804834.png) -1px -932px;}
.u-down2{background: url(../../images/mobile/122804834.png) -160px -208px;}
/*看房团*/
.u-icon4{background: url(../../images/mobile/122804834.png) -1px -153px;}
.u-main_blocks .u-title4{background: url(../../images/mobile/122804834.png) -1px -974px;}
.u-down4{background: url(../../images/mobile/122804834.png) -160px -263px;}
/*资讯*/
.u-icon6{background: url(../../images/mobile/122804834.png) -1px -211px;}
.u-main_blocks .u-title6{background: url(../../images/mobile/122804834.png) -1px -1016px;}
.u-down6{background: url(../../images/mobile/122804834.png) -160px -314px;}
/*打折优惠*/
.u-icon7{background: url(../../images/mobile/122804834.png) -1px -97px;}
.u-main_blocks .u-title7{background: url(../../images/mobile/122804834.png) -1px -895px;width: 120px;}
.u-down7{background: url(../../images/mobile/122804834.png) -160px -154px;}
/*贷款计算*/
.u-icon8{background: url(../../images/mobile/122804834.png) -1px -268px;}
.u-main_blocks .u-title8{background: url(../../images/mobile/122804834.png) -1px -1048px;width: 120px;}
.u-down8{background: url(../../images/mobile/122804834.png) -160px -366px;}
/*底部*/
.g-bottom{position: relative; width: 100%; height: 146px; background: #161b21;}
.g-bottom .g-inner_shadow{width: 100%; height: 5px; background: url(../../images/mobile/118280489.png) repeat-x;}
.g-bottom_wrap{position: relative; width: 1080px; height: 53px; margin: 49px auto auto auto;}
/*更多精彩应用*/
.g-bottom_title{position: relative; float: left; width: 179px; height: 28px; background: url(../../images/mobile/118651543.png) -16px -1302px; margin: 2px auto auto 25px;}
.g-bottom_wrap ul{position: relative; float: left; width: 876px; height: 36px; margin: 0 auto; offset: 0;}
.g-bottom_wrap ul li{display: inline-block; *display: inline; *zoom: 1; width: 95px; height: 40px; cursor: pointer; margin-left: 14px;}
.u-b_icons{width: 47px; height: 46px; float: left;}
.u-b_titles{width: 83px; height: 40px; float: left; margin-left: 15px;}
/*腾讯新闻*/
.g-bottom_wrap ul li.u-bw1{background: url(../../images/mobile/122804723.png) -3px -42px;width: 118px;margin-left: 37px;}
/*天气网*/
.g-bottom_wrap ul li.u-bw2{background: url(../../images/mobile/122804723.png) -3px -138px;width: 105px;}
/*财神意取*/
.g-bottom_wrap ul li.u-bw3{background: url(../../images/mobile/122804723.png) -3px -232px;width: 121px;}
/*土巴兔*/
.g-bottom_wrap ul li.u-bw4{background: url(../../images/mobile/122804723.png) -1px -330px;width: 107px;}
/*太平洋下载*/
.g-bottom_wrap ul li.u-bw5{background: url(../../images/mobile/122804723.png) -1px -608px;width: 130px;height: 38px;*height: 39px;}
/*购车通*/
.g-bottom_wrap ul li.u-bw6{background: url(../../images/mobile/122804723.png) -2px -517px;height: 38px;*height: 43px;}
/*页脚*/
.g-footer{position: relative; width: 100%; height: 131px; background: #080809;}
.g-footer .u-download_copyright{width: 382px; height: 131px; background: transparent; margin: 0 auto; color: #535c66; font: normal 12px/72px Arial, Helvetica, sans-serif;}