﻿#dh-lanmu-frame{position:relative;}
.submenu{display:none;position:absolute;z-index:10;border-radius:0px 0px 4px 4px;top:79px;width:133px;/*height:90px;*/background-color:rgba(69,67,63,0.8);}
.case_area{background-color: #a22d28; border-radius: 10px; color: white; cursor:pointer; text-align: center; line-height: 20px; width:80px;padding: 2px 10px;}
#dh-lanmu-frame:hover .submenu{display:block;}
#dh-lanmu-frame:hover #dh-lanmu{background-color: #a22d28;}
.subf{width:60px;height:20px;display:block;line-height:20px;margin:12px auto;}
.subf a{text-align: center;font-size:12px;color:white;}
.subf a:hover{background-color:#A12D27;border-radius:3px;}
.subv{width:60px;height:20px;display:block;line-height:20px;margin:10px auto;}
.subv a{text-align: center;font-size:12px;color:white;}
.subv a:hover{background-color:#A12D27;border-radius:3px;}
.line{width:30px;height:1px;background-color:#908E8C;margin:10px auto;}
.nav-iterm{width:100%;height:45px;background-color:#EEEEEE;}
.iterms{display:flex;flex-wrap:nowrap;line-height:50px;height:50px;width:1200px;margin:0 auto;}
.iterms-home{margin-left:23px;height:100%;width:30px;line-height:45px;font-size:15px;}
.iterms-home a{color:black;}
.iterms-d{margin-left:23px;width:30px;height:100%;line-height:43px;}
.iterms-tab{min-width:30px;height:100%;line-height:45px;font-size:15px;font-weight:bold;color:#A22C28;}
.case-list{width:1200px;margin:0 auto;min-height:320px;}
.case-list{margin-top:10px;}
.excellent-floor{width:100%;min-height:80px;}
.excellent-floor-sub{width:100%;min-height:60px;border:solid 1px #D7D7D7;}
.excellent-floor-sub ul{float:left;}
.excellent-floor-sub ul li{float:left;margin:5px;margin-left:30px;margin-top:20px;text-align:center;width:75px;height:20px;line-height:20px;border-radius:12px;}
.excellent-floor-sub ul li a{color:black;font-size:15px;}
.floor-type{width:100%;}
.excellent-floor-left{width:15%;height:80px;float:left;border-bottom:solid 1px #D7D7D7;}
.excellent-floor-left-style{width:15%;height:80px;float:left;}
.excellent-floor-left div{width:50px;height:80px;float:left;line-height:105px;}
.excellent-floor-left-style div{width:50px;height:80px;float:left;line-height:105px;}
.excellent-floor-left span{line-height:80px;font-size:16px;font-weight:bold;margin-left:30px;line-height:80px;}
.excellent-floor-left-style span{line-height:80px;font-size:16px;font-weight:bold;margin-left:30px;line-height:80px;}
.excellent-floor-style-right{width:85%;float:right;height:80px;background-color:white;border-bottom:solid 1px #D7D7D7;}
.excellent-floor-right{width:85%;float:right;height:80px;background-color:white;border-bottom:solid 1px #D7D7D7;}
.excellent-floor-style{width:85%;float:right;height:80px;background-color:white;}
.excellent-floor-style-right div{min-width:70px;height:19px;line-height:19px;text-align:center;border-radius:10px;font-size:15px;}
.excellent-floor-right div{min-width:70px;height:19px;line-height:19px;text-align:center;border-radius:10px;font-size:15px;}
.floor_default_all{background-color:#A22C28;}
.excellent-floor-style div{min-width:70px;height:19px;line-height:19px;text-align:center;border-radius:10px;font-size:15px;}
.excellent-floor-right div a{color:black;}
.excellent-floor-style-right div a{color:black;}
.excellent-floor-right div:first-child a{color:white;}
.excellent-floor-style div a{color:black;}
.select_d{display:none;margin-top:12px;}
.default_s{display:block;margin-top:12px;}
.search-nav-bar{width:1200px;height:60px;margin:-20px auto;border-radius:10px;background-image:url("../img/caizhi.png");}
.search-sort{width:224px;height:25px;margin-right:25px;}
/*.search-box{width:400px;height:36px;margin-left:15px;background-color:lightgray;}*/
.search-box {
    width: 400px;
    height: 36px;
    line-height: 60;
    margin-left: 15px;
    background-color: lightgray;
    position: absolute;
    left: 0;
    top: 12px;
}
/*.search-btn{width:100px;height:36px;background-color:#A22C28;float:right;}*/
.search-btn {
    width: 100px;
    height: 36px;
    background-color: #A22C28;
    float: right;
    background: #A22C28 url(/themes/2018/img/yxhd-search-icon.png) 35px 7px no-repeat;
}
.search-btn:hover{background-color:#F12451;transition-duration: 1s;-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari 和 Chrome */-o-transition-duration: 1s; /* Opera */}
.new-sort{width:96px;height:23px;background-color:white;border-radius:10px;}
.human-sort{width:96px;height:23px;background-color:white;border-radius:10px;}
.case-series{width:1200px;min-height:712px;margin:40px auto;}
.flex-wrap{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;}
.case-iterms{width:392px;height:400px;margin-top:18px;border:solid 1px #EEEEEE;}
.case-iterms:hover{margin-top:14px;box-shadow:4px 3px 3px #D3D3D3;cursor:pointer;transition-duration: 0.5s;-moz-transition-duration: 0.5s; /* Firefox 4 */
	-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */-o-transition-duration: 0.s; /* Opera */}
.side_nav_bar{position:fixed;top:300px;background-color:rgba(46,46,46,0.5);border-radius:65px;border:solid 1px white;box-shadow:0px 0px 2px 2px #DED4D5; -webkit-box-shadow:0px 0px 2px 2px #DED4D5;cursor:pointer;right:160px;z-index:100;height:450px;width:90px;}
.gradient_color{width:100%;height:1px;background: -webkit-linear-gradient(left, gray,white); /* Safari 5.1 - 6.0 */
	    background: -o-linear-gradient(right, gray,white); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, gray,white); /* Firefox 3.6 - 15 */background: linear-gradient(to right,gray,white,gray); /* 标准的语法（必须放在最后） */}
.footer_gradient{width:100%;height:1px;margin-top:10px;background: -webkit-linear-gradient(left, #1A1A1A,white); /* Safari 5.1 - 6.0 */
	    background: -o-linear-gradient(right, #1A1A1A,white); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #1A1A1A,white); /* Firefox 3.6 - 15 */background: linear-gradient(to right,#1A1A1A,white,#1A1A1A); /* 标准的语法（必须放在最后） */}
.pagiate_btn_box{width:1200px;height:85px;margin:70px auto;}
.flex-justify{display:flex;flex-direction:row;justify-content:center;}
.pagiate_btn ul{margin-left:-18px;}
.pagiate_btn ul li{width:40px;height:40px;border-radius:40px;line-height:40px;text-align:center;border:solid 1px #666666;margin-top:10px;margin-left:18px;}
.pagiate_btn ul li a{font-size:18px;}
.page_current_active{background-color:#A22C28;}
.page_current_active a{color:white;}
.cprt_tab{width:100%;height:96px;background-color:#F7F7F7;}
.cprt_relate{width:100%;min-height:540px;background-image:url("../img/2018-08-12_215119.png");}
.flex-columns{align-content:center;display:flex;flex-direction:column;}
.flex-columns ul li{font-size:12px;color:white;margin-top:12px;}
.flex-top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:1200px;min-height:300px;margin-top:50px;}
.cprt_tel{display:flex;flex-direction: row;height:38px;justify-content: center;align-items:center;}
.m_app_concern{display:flex;width:205px;flex-direction:row;justify-content: space-between;}
.m_app_concern:hover{cursor:pointer;}
.app_code_p{position:relative;}
.app_code_box{position:absolute;left:-55px;top:50px;display:none;}
.app_code_p:hover .app_code_box{display:block;}




/*案例-三级*/
.alxq-touxiang { width: 96px; height: 96px; border-radius: 50%; transition: all 0.6s;}
.alxq-touxiang:hover {transform: scale(1.03)}
.alxq-img:hover {transform: scale(1.1)} 
.alxq-img { transition: all 1s;}
.alxq-tx-kuang {width: 96px; height: 96px; border-radius: 50%; overflow: hidden;}
.alxq-yysjs {width: 170px; height: 38px; background-color: #a22d28;text-align: center; line-height: 38px;font-size: 14px; color: white}
.alxq-sjsxq {width: 106px; height: 30px; text-align: center; line-height: 30px;font-size: 14px; color: #a22d28; border: 1px solid #a22d28; transition: all 0.2s;}
.alxq-sjsxq:hover {background-color: #a22d28; color: white;}
.alxq-sslp {width: 170px; height: 108px;; background-position: center; transition: all 0.6s; cursor: pointer}
.alxq-sslp:hover {transform: scale(1.1)}
.alxq-sslp-buttom:hover {background-color: #a22d28}
.alxq-sslp-buttom p { transition: all 0.2s;}
.alxq-sslp-buttom:hover p {color: white}
.alxq-sslp-buttom div {width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #a22c28; transition: all 0.2s;}
.alxq-sslp-buttom:hover div {border-color: transparent transparent transparent white;}

.qita-left {width: 170px; height: 36px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border: 1px solid #a22d28; font-size: 14px; text-align: center; line-height: 36px; transition: all 0.2s;cursor: pointer}
.qita-right {width: 170px; height: 36px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border: 1px solid #a22d28; font-size: 14px; text-align: center; line-height: 36px; transition: all 0.2s;cursor: pointer}
.alxq-qita-tu {width: 388px; height: 218px; transition: all 0.6s;}
.alxq-qita-tu:hover {transform: scale(1.1);}
.alxq-qita-tu:hover .alxq-tu-black {background-color: rgba(0,0,0,0.5);}
.alxq-tu-black {width: 388px; height: 218px; transition: all 0.6s;}
.alxq-tu-xiankuang {width: 300px; height: 150px; border: 1px solid white; display: none;}
.alxq-qita-tu:hover div .alxq-tu-xiankuang {display: block;}
.alxq-bottom-more {width: 200px; height: 42px; background-color: #f4f4f4; margin: 0 auto 50px; text-align: center; line-height: 42px; color: #666; transition: all 0.6s;}
.alxq-bottom-more:hover {background-color: #a22d28; color: white;}

.qita-left:hover,.qita_active,.qita-right:hover {background-color: #a22d28; color: white}
/*案例三级*/

/*设计师-三级*/
.three-designer-ph {width: 256px; height: 310px; background-position: center; background-repeat: no-repeat; }
.three-designer-yuyue {width: 254px; height: 308px; background-color: #f8f8f8; border: 1px solid #c8c8c8;}
.three-designer-zw {width: 96px; height: 20px; background-color: #a22d28; color: white; line-height: 20px;text-align: center}
.three-designer-name {font-size: 30px; margin-right: 20px}
.jiacu-bold {font-weight: bold; margin-top: 20px; font-size: 14px;}
.three-designer-fenge {width: 100%;height: 1px; background-color: #999;}
.bantu-search {width: 184px; height: 30px; line-height: 30px; color: #999; outline:none; font-size: 14px; border: 1px solid #999; background-color: rgba(0,0,0,0);border-left: none; }
.bantu-search-icon {width: 214px; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #a22d28; background-color: #a22d28; color: white;text-align: center; margin-bottom: 10px}
.bantu-search-icon-1 {width: 214px; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #a22d28; color: #333;text-align: center; margin-bottom: 20px}
.sjsyy-icon { width: 30px; height: 30px; border: 1px solid #999; border-right: none;  background-position: center; background-repeat: no-repeat}
.yycg {font-size: 14px; margin-bottom: 4px; color: #666;}
.sjs-ph-bottom1 {font-size: 30px; font-weight: bold;}
.sjs-ph-bottom2 {font-size: 16px;}
.sjsxq-qita-tu {width: 388px; height: 218px; transition: all 0.6s;}
.sjsxq-qita-tu:hover {transform: scale(1.1);}
.sjsxq-qita-tu:hover .sjsxq-tu-black {background-color: rgba(0,0,0,0.5);}
.sjsxq-tu-black {width: 388px; height: 218px; transition: all 0.6s;}
.sjsxq-tu-xiankuang {width: 300px; height: 150px; border: 1px solid white; display: none;}
.sjsxq-qita-tu:hover div .sjsxq-tu-xiankuang {display: block;}
.sjsxq-bottom-more {width: 760px; height: 42px; background-color: #f4f4f4; margin: 50px auto 0; text-align: center; line-height: 42px; color: #666; transition: all 0.6s;}
.sjsxq-bottom-more:hover {background-color: #a22d28; color: white;}
/*设计师-三级*/

/*楼盘详情*/
.lpxq-img:hover {transform: scale(1.1)} 
.lpxq-img { transition: all 1s;}
.qita-left {width: 170px; height: 36px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border: 1px solid #a22d28; font-size: 14px; text-align: center; line-height: 36px; transition: all 0.2s;cursor: pointer}
.qita-right {width: 170px; height: 36px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border: 1px solid #a22d28; font-size: 14px; text-align: center; line-height: 36px; transition: all 0.2s;cursor: pointer}

.lpxq-al-bottom {height: 118px; width: 100%; border: 1px solid #eee;}
/*楼盘详情*/


