html,body {
    background-color: #ede7d4;
}

a {
    text-decoration: none;
    color: white;
}

ul li {
    list-style: none;
}

.w {
    width: 1920px;
    margin: 0 auto;
    background: url('../image/Bg.png') no-repeat;
}
.top {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 10;
    background: #000000;
}
.topNav {
    width: 1920px;
    height: 90px;
    box-sizing: border-box;
    padding: 0 318px;
    background: url('../image/Nav_bg.png');
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topNav .top_right {
     display: flex;
}
.topNav .top_right li  {
    width: 190px;
    height: 90px;
}
.topNav .top_right li a {
    display: flex;
    width: 190px;
    height: 90px;
}

.topNav .top_right li:nth-child(1)  { background: url('../image/Btn1.png') no-repeat;}
.topNav .top_right li:nth-child(2)  { background: url('../image/Btn2.png') no-repeat;}
.topNav .top_right li:nth-child(3)  { background: url('../image/Btn3.png') no-repeat;}
.topNav .top_right li:nth-child(4)  { background: url('../image/Btn4.png') no-repeat;}
.topNav .top_right li:nth-child(5)  { background: url('../image/Btn5.png') no-repeat;}
.topNav .top_right li:nth-child(6)  { background: url('../image/Btn6.png') no-repeat;}
.topNav .top_right li:nth-child(1) :hover { background-color: #000000; background-image: url('../image/Btn1_active.png');background-repeat: no-repeat;}
.topNav .top_right li:nth-child(2) :hover { background-color: #000000; background-image: url('../image/Btn2_active.png');background-repeat: no-repeat;}
.topNav .top_right li:nth-child(3) :hover {background-color: #000000;background-image: url('../image/Btn3_active.png');background-repeat: no-repeat;}
.topNav .top_right li:nth-child(4) :hover {background-color: #000000; background-image: url('../image/Btn4_active.png'); background-repeat: no-repeat;}
.topNav .top_right li:nth-child(5) :hover { background-color: #000000;background-image: url('../image/Btn5_active.png');background-repeat: no-repeat;}
.topNav .top_right li:nth-child(6) :hover { background-color: #000000;background-image: url('../image/Btn6_active.png');background-repeat: no-repeat;}

/* 轮播图 */
.main_banner {
    position: relative;
    width: 1920px;
    height: 625px;
    margin-top: 90px;
    overflow: hidden;
}
.main_banner .main_banner_window  {
   width: 300%;
   height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    display: flex;
    transition: none;
}

.main_banner .banner_dot {
    position: absolute;
    top: 580px;
    left: 50%;
    transform: translateX(-50%)
}

/* 轮播图点 */
.mainbanner_list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainbanner_list li {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    cursor: pointer;
    background: url('../image/Img_Picture.png') no-repeat center center;
}

.mainbanner_list  .radius-active {
    background: url('../image/Img_Picture_active.png') no-repeat center center;
}
.main_banner_arrows a {
    width: 144px;
    height: 102px;
}

.main_banner_arrows .left {
    position: absolute;
    top: 40%;
    left: 100px;
    transform: translatey(-50%);
    background: url('../image/Btn_Left.png') no-repeat;
}

.main_banner_arrows .right {
    position: absolute;
    top: 40%;
    right: 100px;
    float: right;
    transform: translatey(-50%);
    background: url('../image/Btn_Right.png') no-repeat;
}

.main_banner_arrows .left:hover {
    background: url('../image/Btn_Left_active.png') no-repeat;
}

.main_banner_arrows .right:hover {
    background: url('../image/Btn_Right_active.png') no-repeat;
}

/* 新区推荐 */
.new_content .title {
    margin: 6px 0px;
    display: flex;
    justify-content: center;
}

.new_content .item {
    width: 1295px;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    align-content: space-between
}

.new_content .item .itemInfo {
    width: 250px;
    height: 310px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    box-sizing: border-box;
    padding-left: 12px;
    background: url('../image/Img_New_frame.png') no-repeat;
}

.new_content .item .itemInfo .item_img {
    margin-top: 16px;
    width: 227px;
    height: 188px;
    overflow: hidden;
}

.new_content .item .itemInfo .item_img img {
    transition: all 0.5s ease-in;
}

.new_content .item .itemInfo .cqzz {
    font-size: 16px;
    color: #bd8a3b;
}

.new_content .item .itemInfo .name {
    font-size: 23px;
    color: #772A06;
}

.new_content .item .itemInfo .tag {
    margin-top: 10px;
    display: flex;

}

.new_content .item .itemInfo .tag span {
    display: inline-block;
    font-size: 14px;
    padding: 6px 13px;
    text-align: center;
    line-height: 100%;
    color: #FFE0A2;
    background: url('../image/Img_New titillate01.png') no-repeat;
    background-size: 100% 100%;
}

.new_content .item .itemInfo .tag span:nth-child(2) {
    margin: 0 7px
}

.new_content .item a:hover img {
    transform: scale(1.1);
}

.new_content .item a:hover .name {
    color: #bd4007;
}

/* 官方媒体 */
.official {
    padding-bottom: 30px;
}
.official .title {
    margin: 13px 0px;
    display: flex;
    justify-content: center;
}

.official .scanning {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.official .scanning .scanning_item {
    box-sizing: border-box;
    width: 163px;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
    background: url('../image/scanning_bg.png') no-repeat;
}

.official .scanning .scanning_item img {
    width: 130px;
    height: 130px;
}

.official .scanning .scanning_item .codeTtile {
    font-size: 18px;
    color: #201505;
    margin-top: 15px;
}

.official .scanning .scanning_item .cqgf {
    font-size: 12px;
    color: #201505;
    margin-top: -2px;
}

/* 在线客服 */
.onlineService {
    box-sizing: border-box;
    position: fixed;
    top: 200px;
    width: 80px;
    height: 80px;
    padding-left: 10px;
    left: calc(100% - 100px);
    z-index: 20;
    font-size: 14px;
    background-color: #e2c49c;

}
.onlineService span {
    color: rgb(10, 10, 10);
}
.onlineService a {
    display: block;
    width: 60px;
    height: 60px;
    background: url('../image/qq01.png') no-repeat;
    background-position: center center;
}
.onlineService:hover a {
    background: url('../image/qq02.png') no-repeat center center;
}
.onlineService:hover span {
    color: #bb4617;
}
/**top**/
#top{padding:1px 0 0 1px; position:fixed;right:16px; top:90px; _position:absolute; _top:expression(documentElement.scrollTop + 90 + "px");z-index:9999}
#top .relative{display:block}
#top div{background:url(../image/top_bg.jpg) #1e1e1e no-repeat; width:53px; padding-top:9px; margin-left:16px}
#top a span,#top .top-btn{background:url(../image/btn_main.jpg) no-repeat;display:block; width:53px}
#top div .top-zb,#top div .top-qq{color:#fff;cursor:pointer;display:block;height:70px}
#top div a:hover{color:#ffe157}
#top .top-link-img img{ border-top:1px solid #333}
#top .top-zb span{background-position:-111px 0;height:57px}
#top .top-zb:hover span{background-position:-164px 0}
#top .top-qq{margin-top:25px}
#top .top-qq span{background-position:0 -51px;height:41px}
#top .top-qq:hover span{background-position:-53px -51px}
#top .top-btn{background-position: 0 -94px;height:25px;  margin-left:16px}
#top div,#top .top-btn{_margin-left:5px}
#top .top-im{height:92px}


/* 页脚 */
.pageFooter {
    width: 100%;
    height: 144px;
    box-sizing: border-box;
    background-image: url('../image/footer_bg.png');
    background-size: cover;
    display: flex;
    justify-content: center;
}

.pageFooter ul {
    width: 1920px;
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.pageFooter ul li p {
    font-size: 12px;
    color: #e7e7e7;
}

.pageFooter ul li:nth-child(1) {
    margin-left: 260px;
}

.pageFooter ul li:nth-child(2) {
    margin-left: 260px;
}

.pageFooter ul li:nth-child(3) {
    margin-left: 210px;
}

.pageFooter ul li:nth-child(4) {
    margin-left: 69px;
}

.pageFooter ul .record img:nth-child(2) {
    margin: 0 16px;
}