/* ===== 初始化 ===== */







*{margin:0; padding:0;}



ul li{list-style:none;}



a{text-decoration:none;}



.clearfix{zoom:1;}



.clearfix:after{content:""; display:block; clear:both;}







/* ===== rem ===== */



html{font-size:60.5%;}



body{font-family: 'siyuanheiti';}



/* ===== start ===== */



.main{width:98%; margin:0 auto;}



.nav{text-align:center; line-height:14rem; color:#265064;}



.nav h3{font-size:3.8rem;}



.void{width:100%;}



.void img{width:100%;height: 600px;}







/* main1 视频下所有内容 */



.main1{width:90%; margin:4rem auto;}







/* ===== nav1 ===== */



.nav1{width:100%; }



.nav1 .n-rows{font-size:5.5rem;line-height: 8rem; color:#265064;}



.nav1 .n-rows span{float:left; margin-right:3rem;}



.nav1 .n-rows b{line-height:4rem; font-size:2.8rem; font-weight:500; display:inline-block; padding:0 0.4rem; color:#fff; background:#d74041; vertical-align: middle; -moz-border-radius:0.8rem; border-radius:0.8rem; margin-right:1.5rem}



.nav1 .n-rows b.ons{background:#59c376;}



.nav1 p{color:#5c7c8b; font-size:2.2rem; margin-top:1rem}



.nav1 p b{display:inline-block; background:#5c7c8b; height:3.6rem; width:0.15rem; vertical-align:sub; margin:0 2rem;}







/* ===== nav2 ===== */



.nav2{width:100%; height:15.4rem; background:url('../images/nav2bj-1.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; -moz-border-radius:3rem; border-radius:3rem; font-size:4.3rem; margin-top:5rem;}



.nav2>div{float:left; margin:1.8rem; color:#fff;}



.nav2 .n2-top{margin-left:4rem; margin-right:0; width:56%; overflow:hidden;}



.nav2 .n2-top h4{font-weight:500; letter-spacing: 0.5rem;}



.nav2 .n2-top p{font-size:2.4rem; margin-top:1.5rem; font-weight:500;}



.nav2 .n2-button{width:25%; height:5.2rem; font-size:3.4rem; line-height:4.8rem; text-align:center; background:#fff; -moz-border-radius:3rem; border-radius:3rem; color:#265064; margin-top:6.5%; margin-right:5%; margin-left:0; float: right; min-width: 12rem;}



.nav2 .n2-button a{color:#265064; }







/* ===== nav3 ===== */



.nav3{font-size:4.2rem; color:#5c7c8b; margin-top:6rem;}



.nav3 ul{margin-bottom:5rem;}



.nav3>ul>li{float:left; width:33%;}



.nav3 ul li h5{font-weight:500; margin:1rem;}



.nav3 ul li p{color:#d74041; margin:1rem;}



.nav3>p{font-size: 3rem; line-height:6rem;}



.nav3>p span{color:#265064;}



.click-button{width:100%; height:10rem; line-height:10rem; background:#e5e5e5; color:#265064; text-align:center; font-size:4.8rem; -moz-border-radius:2.5rem; border-radius:2.5rem; margin-top:5.6rem; vertical-align:bottom;}







.nav3 .h3-info h5{font-size:4.5rem; margin-top:3rem; font-weight:500; color:#265064}



.nav3 .h3-info{font-size:3.5rem; display:none;}



.nav3 .h3-info ul{margin-top:2.5rem;}



.nav3 .h3-info ul li{color:#265064; margin-top:2rem;}



.nav3 .h3-info ul li span{color:#5c7b8a; display:inline-block; width: 20rem;}



.tit h5{font-size:4.5rem; color:#265064}



/* ===== nav4 ===== */



.nav4{font-size:3.2rem; color:#265064}



.n4-top{height: 22rem;}



.n4-top>div{float:left; width: 50%; text-align: center; line-height: 22rem;}



.n4-top>div b{display:inline-block; width:3.4rem; height:3.8rem; background:url('../images/nav4logo-1.png') no-repeat 0 0.3rem; -moz-background-size:100% auto; background-size:100% auto; margin-right:1.5rem; vertical-align: middle;}



.n4-top>div.ons b{background:url('../images/nav4logo-2.png') no-repeat; -moz-background-size:100% auto; background-size:100% auto;}



.nav4 .n4-tel{width:100%; height:16.5rem; background:url('../images/nav4bj-1.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%;}



.nav4 .n4-tel .phone{width:78%; float:right;}



.nav4 .n4-tel .phone p:first-child{font-size:4rem; line-height:6rem; margin-top: 2rem; margin-bottom: 1rem;}



.nav4 .n4-tel .phone p{color:#FFF; line-height:6rem; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; height:4.8rem;}



.nav4 .n4-tel .phone p a{color:#FFF; line-height:6rem; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; height:4.8rem;}



.nav4>div>img{width:100%;}



.nav4 .n4-tit h5{font-size:4.5rem; margin-top:6.4rem; margin-bottom:2.3rem;}







/* ===== nav5 ===== */



.nav5{font-size:3.4rem; color:#265064}



.nav5 .n5-tit h5{margin-top:4.4rem; margin-bottom:2.3rem; }



.nav5 .n5-tit h5 b{display:inline-block; width:9.3rem; height:3rem; background:url('../images/nav4news.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; margin-left:2rem;}



.nav5 .n5-news{letter-spacing: 0.2rem;}



.nav5 .n5-news h6{width:100%; overflow:hidden; font-size:3.5rem; line-height:4.8rem; white-space:nowrap; text-overflow:ellipsis; height:4.8rem;}



.nav5 .n5-news .n5-content{width:100%;color: #507282;overflow:hidden;line-height:4.8rem;display: -webkit-box;/* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; */}



.nav5 .n5-news li{margin-bottom:2.5rem;}







/* ===== nav6 ===== */



.nav6 .n6-tit h5{margin-top:4.4rem; margin-bottom:2.3rem; }



.nav6 .n6-tit h5 b{color:#d74041; }



.nav6 .n6fw{}



.nav6 .n6fw li{float:left; width:25%; font-size:3.2rem; color:#4f7181;}



.nav6 .n6fw li b{display:inline-block; width:3.6rem; height:3.6rem; background:url('../images/nav6logo-01.png') no-repeat; vertical-align:text-top; margin-right:0.8rem;}



.nav6 .n6fw li b.zyfw{background:url('../images/nav6logo-02.png') no-repeat;}



.nav6 .n6fw li b.qyjd{background:url('../images/nav6logo-03.png') no-repeat;}



.nav6 .n6fw li b.hxfx{background:url('../images/nav6logo-04.png') no-repeat;}







.nav6 .n6kf{font-size:3.2rem; margin: 10rem 0; color:#5d7d8c;}



.nav6 .n6kf li{margin-bottom:8rem;}



.nav6 .n6kf li>div{display:inline-block;}



.nav6 .n6kf li img{vertical-align: bottom; margin-right:1.5rem;}



.nav6 .n6kf li .n6info{line-height:4rem; line-height:7rem;}



.nav6 .n6kf li .n6info h5{font-size:3.6rem; color:#265064;}



.nav6 .n6kf li .n6info p span{margin-right:2.2rem;}



.nav6 .n6kf li .n6info h5 b{font-size:2.6rem; color:#fff; background:#d74041; padding:0.5rem 1rem; vertical-align:bottom; margin-left:1rem; -moz-border-radius:0.8rem; border-radius:0.8rem;}



.nav6 .n6kf li .n6tel{float:right;}



.nav6 .n6kf li .n6tel a{display:inline-block; width:5rem; height:5rem; background:url('../images/nav6tel-1.png') no-repeat; margin-top:3.6rem;}



.nav6 .n6kf li .n6tel a:last-child{background:url('../images/nav6tel-2.png') no-repeat; margin-left: 4.4rem;}







/* ===== nav7 ===== */



.nav7{font-size:2.6rem; color:#265064}



.nav7 ul li{width:16.6%; float:left; text-align:center;}



.nav7 ul li>img{width:34.6rem; height:46rem;}



.nav7 ul li .n7cont{text-indent:1.5rem; text-align:left;}



.nav7 ul li h5{font-size:3rem;}



.nav7 ul li h5 b{font-size:2.6rem; font-weight:500; color:#fff; background:#d74041; padding:0.6rem 1rem; -moz-border-radius:0.8rem; border-radius:0.8rem; margin-left:1rem;}



.nav7 ul li h5 b:last-child{background:#59c376;}



.nav7 ul li .jg{font-size:3.5rem; color:#d74041;}



.nav7 ul li .n7info{color:#4c6f7f;}



.nav7 ul li .n7info b{color:#4c6f7f; display:inline-block; background:#5c7c8b; height:3.6rem; width:0.15rem; vertical-align:sub; margin:0 1rem;}



.nav7 .swiper-container{width:100%; height:65rem;  margin-top:6rem; overflow:hidden;}



.nav7 .swiper-container ul{width:300%; position:relative; top:0; left:0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}







/* ===== nav8 ===== */



.nav8{font-size:3.5rem; color:#265064; margin-top:10rem;}



.nav8 .n8cont{font-size:3.5rem; line-height:5.5rem; color:#527484; margin-top:2rem;}















/* ===== nav9 ===== */



.nav9{font-size:2.4rem; color:#517282; margin-bottom: 30rem;}



.nav9 .n9-tit{margin-top:10rem; margin-bottom:7rem;}



.nav9 .n9cont li{float:left; width:33%; text-align:center; position: relative;}



.nav9 .n9cont li:after{position:absolute; content:''; display:block; width:2px; height:17.4rem; background:#517282; right:0; top:50%; margin-top:-8.7rem;}



.nav9 .n9cont li.n9lilast:after{content:''; display:none;}



.nav9 .n9cont li h5{font-size:2.8rem; color:#265064; margin-top:4.5rem; margin-bottom:2.8rem;}



.nav9 .n9cont li b{display:inline-block; width:10.4rem; height:9.6rem; background:url('../images/nav9logo-01.png') no-repeat;}



.nav9 .n9cont li b.n92{background:url('../images/nav9logo-02.png') no-repeat;}



.nav9 .n9cont li b.n93{background:url('../images/nav9logo-03.png') no-repeat;}







/* ===== nav10 ===== */



.nav10{z-index:998;font-size:3.6rem; color:#fff; position:fixed; bottom:0; width:100%; height:24.2rem; background:#fff;}



.nav10 .n10bor{width:94%; margin: 4rem auto;}



.nav10 .n10bor>div{width:47%; height:16.4rem; background:url('../images/nav10bj-1.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; -moz-border-radius:2rem; border-radius:2rem;float:left; text-align: center; line-height:5rem; letter-spacing: 0.5rem; margin:0 0.8rem;}



.nav10 .n10bor>div p{margin-top:2rem;margin-bottom: 1.6rem}



.nav10 .n10bor>div.n10btn-2{background:url('../images/nav10bj-2.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; line-height:14rem;}



.nav10 .n10bor>div h5{font-size:4.4rem;}



.n10btn-2 a{color:#fff}



.n10btn-1 a{color:#fff}











/* ===== 红包 ===== */



.hb-bg {display: none;width: 89%;height: 98rem;position: fixed;top:20%;/* left: 40%; *//* margin-left:-33.1rem; */background: url(/1.png) no-repeat;-moz-background-size: 100%;background-size: 100% 100%;z-index: 1000;}



.inputs input{font-size:2.8rem;text-indent: 1em;background: #fff;height: 7rem;border:1px solid #ccc;-moz-border-radius: 1rem;border-radius: 1rem;margin-bottom: 5.2rem;width: 100%;}



.hb-bg form {margin: 60% auto 0;width: 40rem;}



.inputs .get{ background: url('../images/hb-btn.png') no-repeat; -moz-background-size:100% 100%; background-size:100% 100%; width: 100%; display: block; text-align: center; text-indent: 0; border: 0; color: #8b3810; font-size:4rem; }







/* ===== 开盘提醒 ===== */



.n4-top>.n4info{



    display: none;



    width: 85%;



    height: 50%;



    position: fixed;



    top: 50%;



    left: 50%;



    background: #fff;



    z-index: 1000;



    line-height: 7rem;



    text-align: left;



    -moz-border-radius: 2rem;



         border-radius: 2rem;



    -webkit-transform: translate(-50%,-50%);



       -moz-transform: translate(-50%,-50%);



        -ms-transform: translate(-50%,-50%);



            transform: translate(-50%,-50%);



}



.n4-top .n4cont{margin:8rem 4.8rem 6.6rem; text-align: center;}



.n4-top .n4cont h4{font-size:6rem; color:#265064;}



.n4-top .n4cont p{font-size:3.3rem; color:#5c7c8b;}



.n4-top .n4cont p.n4p2{color:#265064; margin-top:3rem;font-size:4.3rem;}



.n4-top .n4tel{text-align:center;}



.n4-top .n4tel .xm{margin-bottom:4rem;}



.n4-top .n4tel input{width:80%; height:9rem; background:#e5e5e5; color:#8b8b8b; font-size:2.8rem; margin:0 auto; border:none; -moz-border-radius:1rem; border-radius:1rem; text-indent:1em;}



.n4-top .n4tel input.get{background:url(../images/nav10bj-2.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; color:#fff; text-indent:0; font-size:3.5rem; margin-top:4rem;}



#close{position:relative;}



#close:after{content:'x'; position:absolute; color:#fff; font-size:8rem; line-height:3rem; top:0; right:0; }







/* ===== 背景蒙版 ===== */



.masks { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 999; }

































































#newBridge.mobile-no-scale .nb-icon-wrap .nb-icon-wrap-base{

    background-size:50% !important;

}