﻿@font-face {font-family: 'qt';
            src: url('./fonts/webfont/qt/dincond-medium-webfont.eot'); /* IE9*/
            src: url('./fonts/webfont/qt/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('./fonts/webfont/qt/dincond-medium-webfont.woff') format('woff'), /* chromeã€firefox */
            url('./fonts/webfont/qt/dincond-medium-webfont.ttf') format('truetype'), /* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
            url('./fonts/webfont/qt/dincond-medium-webfont.svg#webfont') format('svg'); /* iOS 4.1- */
        }
.qt{font-family:"qt" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale}
.header{width: 100%;min-width:1200px;height: 80px;background: #FFF;transition: all 0.1s linear 0s}
.fixtop{ position:fixed;left:0;top:0;z-index:999999;-webkit-box-shadow: 0 8px 6px 0 rgb(0 0 0 / 8%);box-shadow: 0 8px 6px 0 rgb(0 0 0 / 8%)}
.nav{width: 1200px;height: 80px;margin: 0px auto;padding:0 20px;display:flex}
.nav-left{width:360px;float:left}
.nav-left-top{ height:46px; line-height:60px; font-size:.4rem; color:#966d32; }
.nav-left-top h1{ font-weight:600; }
.nav-left-bottom{font-size:.28rem; color:#ccc;padding-top:2px;height:20px;line-height:20px;width:360px;overflow:hidden}
.nav-center{ flex:1; padding-right:20px;}
.nav-center ul{list-style: none; float:right;}
.nav-center ul li{width: auto;padding-left: 16px;padding-right: 16px;height: 80px;line-height:80px;float: left;position: relative;transition: all 0.1s linear 0s;display: list-item;text-align: -webkit-match-parent}
.nav-center ul li a{width: auto;text-align: center;line-height: 77px;color: #666;font-weight: 600;display: inline-block;transition: all 0.1s linear 0s}
.nav-center ul li a:hover{color:#966d32;}
.nav-right{float:right; width:240px; border-left:1px solid #eee; position:relative; padding-left:10px;}
.nav-right .wximg-wrapper{ position:absolute; top:85px; left:0; z-index:9999;}
.nav-right .wximg-wrapper img{ width:120px; height:0;transition: all .3s ease-out;}
.nav-right .nav-wx{ height:80px; line-height:80px; width:60px; float:left;}
.nav-right .nav-wx div{font-size:.6rem; text-align:center; color:#666; cursor:pointer;}
.nav-right .nav-wx div:hover{color:#ff6a00;}
.nav-right .nav-hotline{ height:80px;line-height:80px; width:40px; float:left;}
.nav-right .nav-hotline div{font-size:.6rem; text-align:center; color:#666;}
.nav-right .nav-tel{ width:90px; height:80px; float:left; width:120px;}
.nav-right .nav-tel .nav-tel-top{height:42px; line-height:62px; font-size:.28rem; color:#966d32; font-weight:600;}

.img-banner-wrapper{width: 100%; min-width:1200px; position:relative;}
.img-banner-wrapper .img-banner{width: 100%;overflow:hidden;height:400px;background: url(../images/topimg.jpg) center no-repeat}
.img-banner-wrapper .wrap-div{ position:absolute; width:100%; height:400px; top:0; left:0; background:rgba(0,0,0,0.24);}
.img-banner-wrapper .wrap-div .img-banner-title{ color:#fff; position:absolute; bottom:120px; left:50%; margin-left:-540px; height:44px; line-height:44px; padding:0 10px; border-bottom:1px solid #fff; font-size:.4rem; font-weight:600;}
.img-banner-wrapper .wrap-div .img-banner-title span{ font-weight:400; font-size:.32rem; margin-left:10px;}
.img-banner-wrapper .wrap-div .img-banner-desc{ color:#fff; position:absolute; bottom:18px; height:82px; left:50%; margin-left:-540px; line-height:20px; width:700px; overflow:hidden; text-indent:2em; font-size:.24rem;}

.overview{ width:100%; min-width:1200px;background:#f4f4f4; display:flex;}
.overview .overview-wrap{width:1200px; margin:0 auto;}
.overview .overview-wrap .img-swip-wrap{ width:520px; float:left; padding:20px;}
.overview .overview-wrap .img-swip-wrap .swiper-container{ width:520px; height:100%;}
.overview .overview-wrap .img-swip-wrap .swiper-container .swiper-wrapper img{width:520px; height:360px;}
.overview .overview-wrap .img-swip-wrap .swiper-container .swiper-wrapper h3{width:520px; height:30px; line-height:30px; text-align:center; color:#666; z-index:99999; font-size:.24rem; font-weight:400;}
.overview .overview-wrap .overview-right{ flex:1;position: relative;}
.overview .overview-wrap .overview-right .overview-right-title{position: absolute;left:570px;top:30px;z-index:10000;width: auto;overflow: hidden;height: 45px;-moz-box-shadow: 2px 3px 9px #bfbfbf;-webkit-box-shadow: 2px 3px 9px #bfbfbf;box-shadow: 2px 3px 9px #bfbfbf;display: block}
.overview .overview-wrap .overview-right .overview-right-title em{width: 10px;overflow: hidden;height: 45px;display: block;float: left;background: #c4985b}
.overview .overview-wrap .overview-right .overview-right-title i{width: auto;overflow: hidden;height: 45px;display: block;float: left;padding-left: 20px;padding-right: 6px;line-height: 45px;font-size: 20px;color: #c4985b;background: #f3f3f3;font-weight:600}
.overview .overview-wrap .overview-right .overview-right-title span{ display:inline-block; height:45px; line-height:56px; margin-right:20px; color:#959595;}
.overview .overview-wrap .overview-right .overview-right-desc{width: 640px;height:300px;overflow: hidden;text-align: left;line-height: 30px;font-size: 14px;color: #666;font-weight: 100;position: absolute;left: 570px;top:92px;z-index: 1000}
.base-info-wrap{width:100%;padding-bottom:20px}
.base-info-title{ width:100%;height:40px;line-height:40px;color:#c4985b;font-size:18px;text-align:center}
.xmxx, .more-xmxx{width: 100%;float: left;padding-top: 20px}
.more-xmxx{display:none}
.xmxx li {width: 33%;float: left;font-size:12px;color: rgba(0,0,0,.6);height: 36px;line-height: 36px;border-bottom: 1px dashed rgba(196,152,91,.44)}
.xmxx li .xmxx-title {display: inline-block;width: 80px;color: rgba(0,0,0,.88)}
.more-xmxx li {width: 100%;float: left;font-size:12px;color: rgba(0,0,0,.6);line-height: 30px;display: flex}
.more-xmxx li .more-xmxx-title {width: 80px;float: left;color: rgba(0,0,0,.88)}
.more-xmxx-content {flex: 1;float: left}
.more-btn-wrap {width: 100%;float: left;text-align: center;height: 60px;box-sizing: border-box;padding-top: 20px}
.more-btn-wrap .more-btn {width: 128px;height: 28px;line-height: 28px;text-align: center;background: #c4985b;color: #fff;border: 1px solid #c4985b;cursor: pointer;display: inline-block}
.more-btn-wrap .more-btn:hover{background:rgba(196,152,91,.88)}

.leasing{width:1200px; margin:0 auto; height:120px; overflow: hidden; position:relative; }
.leasing .more-link{position: absolute;right:18px;top:48px;z-index:10000;width: 160px; height:28px;line-height:28px; color:#555; border:1px solid #c4985b; text-align:center; border-radius:8px;transition: all 0.2s linear 0s;}
.leasing .more-link:hover{ background:#c4985b; color:#fff;}
.leasing .more-link span{ margin-left:5px;}
.leasing .leasing-title{position: absolute; left:0;top: 34px; z-index: 10000;width: auto;width: auto;overflow: hidden;height: 45px;-moz-box-shadow: 2px 3px 9px #bfbfbf;-webkit-box-shadow: 2px 3px 9px #bfbfbf;box-shadow: 2px 3px 9px #bfbfbf;display: block;background: #f3f3f3}
.leasing .leasing-title em{width: 10px;overflow: hidden;height: 45px;display: block;float: left;background: #c4985b}
.leasing .leasing-title i{width: auto;overflow: hidden;height: 45px;display: block;float: left;padding-left: 20px;padding-right: 6px;line-height: 45px;font-size: 20px;color: #c4985b;font-weight:600}
.leasing .leasing-title span{ display:inline-block; height:45px; line-height:56px; margin-right:20px; color:#959595;}
.resource-items{width:1200px; margin:0 auto; line-height:300px;}
.resource-items ul li{ width:384px; padding-right:16px;overflow: hidden; float:left;}
.resource-items ul li a{width:384px;overflow: hidden; height:300px;display: block; position: relative;}
.resource-items ul li a span{width:384px;overflow: hidden; height: 216px;display: block;position:relative}
.resource-items ul li a img{width:384px;overflow: hidden;height: 216px;display: block;transition:.2s linear 0s}
.resource-items ul li a:hover img{transition:.3s ease-in 0s;transform:scale(1.2,1.2);}
.resource-items ul li a h3{width:384px; height:40px; line-height:40px; position:absolute; left:0; top:176px; padding-left:10px; z-index: 9999; color:#fff; font-size:.24rem; background:rgba(0,0,0,0.3)}
.resource-items ul li a .resource-items-desc{ width:384px; float:left; height:50px; line-height:50px; display:inline-block; font-size:.3rem; color:#555; overflow:hidden; text-align:center; }
.resource-items ul li a .resource-items-desc .picon{ display:inline; font-size:.36rem; color:#c4985b;}
.around{width:100%; min-width:1200px; height:360px; overflow: hidden; background:#f4f4f4;}
.around .around-wrap{ width:1200px; margin:0 auto;}
.around .around-wrap .around-title{width: 280px;margin-top:30px;overflow: hidden;height: 45px;-moz-box-shadow: 2px 3px 9px #bfbfbf;-webkit-box-shadow: 2px 3px 9px #bfbfbf;box-shadow: 2px 3px 9px #bfbfbf;display: block;background: #f3f3f3}
.around .around-wrap .around-title em{width: 10px;overflow: hidden;height: 45px;display: block;float: left;background: #c4985b}
.around .around-wrap .around-title i{overflow: hidden;height: 45px;display: block;float: left;padding-left: 20px;padding-right: 6px;line-height: 45px;font-size: 20px;color: #c4985b;font-weight:600}
.around .around-wrap .around-title span{display:inline-block; height:45px; line-height:52px; margin-right:20px; color:#959595;}
.around .around-wrap .around-items-wrap{ width:100%; margin-top:30px;}
.around .around-wrap .around-items{ width:280px; padding-right:20px; float:left;}
.around .around-wrap .around-items .around-items-title{ width:100%; height:50px; line-height:50px; font-size:.36rem;}
.around .around-wrap .around-items .around-items-title .icon-wrap{ display:inherit; width:60px; height:50px; float:left;}
.around .around-wrap .around-items .around-items-title .icon-wrap img{ width:50px; }
.around .around-items .items-wrap{ width:100%; float:left; line-height:30px;}
.around .around-wrap .around-items .items-wrap .around-items{ height:30px; width:100%; line-height:30px; padding-left:5px; overflow:hidden; font-size:.24rem; color:#666;}
.around .around-wrap .around-items .items-wrap .around-items .around-icon-wrap{width:20px; height:30px; line-height:30px; display:inline; float:left;}
.news{width:1200px;margin:0 auto;padding:20px 0;overflow: hidden}
.news .news-title{width: 186px;margin-top:30px;overflow: hidden;height: 45px;-moz-box-shadow: 2px 3px 9px #bfbfbf;-webkit-box-shadow: 2px 3px 9px #bfbfbf;box-shadow: 2px 3px 9px #bfbfbf;display: block;background: #f3f3f3}
.news .news-title em{width: 10px;overflow: hidden;height: 45px;display: block;float: left;background: #c4985b}
.news .news-title i{overflow: hidden;height: 45px;display: block;float: left;padding-left: 20px;padding-right: 6px;line-height: 45px;font-size: 20px;color: #c4985b;font-weight:600}
.news .news-title span{display:inline-block; height:45px; line-height:52px; margin-right:20px; color:#959595;}
.news .news-items-wrap{ width:100%; margin-top:30px;}
.news .news-items-wrap .news-items{ width:580px; box-sizing:border-box; -moz-box-sizing:border-box; margin-right:20px; height:100px; float:left; margin-bottom:20px; border:1px solid #b18547;}
.news .news-items-wrap .news-items .news-items-left{position:relative;width:160px;height:100px; float:left; overflow:hidden;}
.news .news-items-wrap .news-items .news-items-left .video{position: absolute;width: 16px;height: 16px;left: 15px;bottom:15px;z-index: 9;background: url(./icons/16x16.png)}
.news .news-items-wrap .news-items .news-items-left img{ height:90px; width:150px; margin-top:4px; margin-left:4px;}
.news .news-items-wrap .news-items .news-items-middle{ width:338px; height:100px; float:left;}
.news .news-items-wrap .news-items .news-items-middle .news-items-title{ width:316px; overflow:hidden; height:32px; line-height:32px; font-size:.30rem; color:#555; padding:0 10px;display:block; }
.news .news-items-wrap .news-items .news-items-middle .news-items-title:hover{color:#c4985b;}
.news .news-items-wrap .news-items .news-items-middle .news-items-desc{ line-height:20px; height:60px;width:316px; padding:0 10px;  color:#aaa; font-size:.24rem; overflow:hidden;}
.news .news-items-wrap .news-items .news-items-right{ width:80px; height:98px; float:left; background:#c4985b;}
.news .news-items-wrap .news-items .news-items-right .dtd{display:block;width:100%;text-align:center;font-size:40px;color:#fff;font-weight: 100;padding-top: 15px;}
.news .news-items-wrap .news-items .news-items-right .dtym{display:block;width:100%;text-align:center;font-size:24px;color:#fff;font-weight: 100;padding-top: 3px;line-height: 35px;}
.faq-title{width:100%;height:50px;line-height:36px;float:left; font-size:18px;font-weight:600;color:#c4985b}
.faq-title .iconfont{font-size:20px;margin-right:3px}
.faq-items{width:100%}
.faq-items li{ width:600px;float:left;box-sizing:border-box;padding-right:20px; margin-bottom:20px;}
.faq-items li a{ display:block; padding:0 20px; border-top:3px solid #c4985b;border-left:1px solid rgba(63,63,63,.16);border-right:1px solid rgba(63,63,63,.16);border-bottom:1px solid rgba(63,63,63,.16)}
.faq-items li a:hover .faq-item-ques{color:#c4985b}
.faq-item-ques{display:block;width:100%;height:46px;line-height:46px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;font-size:16px;color:#555}
.faq-item-ans{display:block;width:100%;height:40px; margin-bottom:10px;box-sizing:border-box;line-height:20px; font-size:12px;color:#aaa;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical}
.flinks-wrap{width:100%; height:60px;overflow: hidden; background:#f4f4f4;}
.flinks-wrap .flinks{ width:1200px; margin:0 auto; padding:20px; height:20px; line-height:20px;}
.flinks-wrap .flinks span{ margin: 0 3px;}
.flinks-wrap .flinks a{ margin: 0 5px; color:#555;}
.flinks-wrap .flinks a:hover{color:#ff6a00;}
.footer-wrap{width:100%; min-width:1200px; height:100px;overflow: hidden; background:#966e33;}
.footer-wrap .footer{width:1200px; margin:0 auto; padding:20px; line-height:30px; text-align:center; color:#fff;}
.footer-wrap .footer .footer-line{ width:100%;}
.footer-wrap .footer .footer-line span{ margin:0 20px;}
.right-bar-wrap{ position:fixed; right:30px; bottom:180px; width: 160px; height:234px; z-index:99999; display:none;transition: all 0.2s linear 0s;}
.right-bar-wrap .right-bar-top{ width:100%; height:24px; line-height:24px;}
.right-bar-wrap .right-bar-top .close-icon-wrap{ width:24px; line-height:24px; border-radius:12px; background:#ccc; float:right; text-align:center; cursor:pointer;}
.right-bar-wrap .right-bar-top .close-icon-wrap span{ color:#fff;}
.right-bar-wrap .right-bar-img-wrap{ width:100%; margin-top:10px; height:200px; background:rgba(0,0,0,0.38); border-radius:10px;}
.right-bar-wrap .right-bar-img-wrap img{ width:140px; height:140px; margin-top:10px; margin-left:10px;}
.right-bar-wrap .right-bar-img-wrap  .right-bar-desc{ width:100%; height:20px; line-height:20px; font-size:.24rem; color:#fff; text-align:center; margin-top:5px;}
.right-bar-wrap .right-bar-img-wrap  .right-bar-desc span{ font-size: .22rem; margin:0 3px;}

.page-up{background-color:#c4985b;color:#fff;position: fixed;right: 20px;bottom:110px;width: 40px;height: 40px;line-height: 44px;text-align: center;border-radius: 20px;cursor: pointer;transition: .3s;box-shadow: 0 3px 6px rgb(0 0 0 / 50%);opacity:.88;z-index:999999;display:none}
.page-up .iconfont{font-size:36px;}
.resource-items ul li a span .video{position: absolute;width: 32px;height: 32px;left: 176px;top:92px;z-index: 9;background: url(./icons/32x32.png)}