/* CSS Document */
@media all{

.DSolutiontop{ width:100%; position:relative; overflow:hidden;}
.DSolutiontop video{ width:100%;}
.pingtop{ width:100%; min-height:100%; background:url(../images/DSolution_ptop.jpg) center center / cover; position:absolute; top:0; left:0; cursor:pointer;}
.mban{ background:rgba(0,0,0,0.5); color:#fff; position:absolute; bottom:0; padding:10px; width:100%;}
.mban h3{ font-size:14px; margin-top:15px;}
.spbf{ width:50px; height:50px; border-radius:50%; background-color:rgba(0,0,0,0.6); top:50%; left:50%; margin-left:-25px; margin-top:-50px; position:absolute; border:2px solid #CCC;}
.spbf div{width: 0; height: 0; border-top: 12px solid transparent; border-left: 24px solid rgba(100%,100%,100%,0.8); border-bottom: 12px solid transparent; display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px;}
.txt_c{ text-align:center;}
.ul4{ overflow:hidden; padding:15px 0;}
.ul4 li{ width:50%; position:relative; height:120px; float:left; cursor:pointer;}
.ul4 li p{ position:absolute; bottom:0; right:0; font-size:18px; color:#fff; width:100%; text-align:center;}
.mfsjfa{ background-color:#e5e5e5; min-height:60px; line-height:30px; padding:10px 15px; overflow:hidden; text-align:center;}
.mfsjfa h4{ font-weight:bold;}
.mfsjfa > span{ display:inline-block;}
.mfsjfa input{ line-height:20px; margin-top:6px; display:block; width:260px;}
.mfsjfa button{ line-height:20px; margin-top:6px; border-radius:4px; background-color:#f00; color:#fff; border:none; padding:4px 10px; display:block; width:260px;}
.pingc{ padding:15px 0; position:relative;}
.pingc h3{ color:#f00; padding-left:15px; font-weight:bold; font-size:30px;}
.pingc p{ padding-left:15px;}
.pingc a{ color:#fff; padding:5px 20px; font-size:16px; border-radius:4px; border:1px solid #f00; background-color:#f00;}
.pingc a:hover{ font-weight:700; background-color:#c00;}
.pingcimg{ position:relative;}
.pingcimg img{ display:none;}
.pcimg01{ background-color:#0CF; width:100%; height:500px;}
.pcimg02{ background-color:#F90; width:100%; height:500px;}
.pcimg03{ background-color:#CF0; width:100%; height:500px;}
.pcimg04{ background-color:#F9F; width:100%; height:500px;}

.backtop{ text-align:right; color:#f00; line-height:30px;}
.backtop span{ cursor:pointer;}
.solutionnav{ overflow:hidden;}
.SNleft,.SNright{ float:left; width:50%; border:5px solid #fff; text-align:center; background-color:#e5e5e5; line-height:50px; cursor:pointer;}
.SNleft{ border-left:0px; color:#333;}
.SNright{ border-right:0px; color:#333;}
.solutionnav .onthis{ background-color:#666; color:#fff;}
.solutionnav a,.solutionnav a:hover,.solutionnav a:focus{ color:#fff;}
.solutionAN{ position:absolute; bottom:180px; right:5px;}
.solutionAN li{ float:left; padding:5px 5px; font-size:12px; background-color:#494949; margin-left:5px; color:#fff; border:1px solid #494949; cursor:pointer; height:30px; width:64px; text-align:center;}
.solutionAN li:hover{ font-size:13px;}
.solutionAN .onimg{ background-color:#f00; border-color:#f00; font-weight:700; font-size:13px;}
.pinpai{ text-align:center; line-height:50px; background-color:rgb(236,236,236); margin-bottom:15px; margin-top:15px; padding:5px 15px 30px;}
.pinpai img{ margin:10px 5px; }
.pinpai h3{ margin-bottom:20px;}
.pingbottom{ margin-bottom:15px;}
.pbpgrz_logo{ height:100px; background: url(../images/LEED-Platinum-Polished-Plaque-Berkun-Air-DS.png) no-repeat center center / 100px;}
.pblxhg div{ width:260px; margin:30px auto;}
.pblxhg div p:nth-child(1){ font-size:16px; color:#c00; font-weight:bold; text-align:center; margin-bottom:20px;}
.pblxhg div input{ width:215px;}
.pblxhg div p{ text-align:center; margin-bottom:20px;}
.pblxhg button{ width:230px; border:none; border-radius:4px; background-color:#c00; padding:8px 10px; color:#fff;}
.pcbottom{ min-height:50px; background:#e5e5e5; font-size:12px; padding-top:10px;}
.pcbottom p{ margin-bottom:0; text-align:center;}

.pcshming{ position:static; height:180px; border-top:2px solid #f00;}
.pcshming .pcsmtest{ display:none;}
.pcshming h4{ padding-left:15px; color:#fff; font-size:24px;}

.pingcimg .shtyleSX{ display:none;}
.pingcimg .spbf{ top:28%;}
.pingcimg .imgblock{ display:block;}

.pcyule{ background-color:; background:url(../images/DSolution_YY.png) #CD1861 no-repeat center top / 110px;}
.pcdengguang{ background:url(../images/DSolution_DG.png)
#FBC90D no-repeat center top / 110px;}
.pcshushi{ background:url(../images/wenduji.png) #F08200 no-repeat center 25px / 60px;}
.pcafjk{ background-color:#006835; background:url(../images/DSolution_AF.png) #006835 no-repeat center top / 110px;}



.pcbutton{ position:absolute; bottom:15px; left:10px; z-index:2;}
/********************* 别墅豪宅 **********************/




.bstop{ width:100%; min-height:100%; background:url(../images/DSolution_bstop.jpg) right center / cover; position:absolute; top:0; left:0; cursor:pointer;}
.bstop h3{ text-align:center;}
.bsc{ overflow:hidden; margin-top:15px;}
.bscleft{ float:left;}
.bscright{ float:right;}

.bsc > div{ width:100%;}
.wth6 button{ padding:5px 15px; border:none; border-radius:4px; background-color:#e00; color:#fff; margin-right:15px;}
.wth4{ min-height:200px;}
.bsjjzz{ width:100%; height:260px; background-color:#339;}
.mflq{ margin-top:15px; text-align:center;}
.mflq a{ color:#c00; border:1px solid #c00; border-radius:4px; padding:5px 15px;}
.bslxwm{ overflow:hidden;}
.bspone,.bslx{ width:100%; padding-top:25px; padding-bottom:15px; text-align:center;}
.bsc .wth6,.bsc .wth7{ padding:30px 15px;}
.bsczz{ padding:15px 0;}
.bscyy{ height:300px; background:url(../images/DSolution_bsyy.jpg) no-repeat center center / cover;}
.bscdq{ height:300px; background:url(../images/DSolution_bsdq.jpg) no-repeat center center / cover;}
.bsczn{ height:300px; background:url(../images/DSolution_bszn.jpg) no-repeat center center / cover;}
.bscjk{ height:300px; background:url(../images/DSolution_bsjk.jpg) no-repeat center center / cover;}
.bscdg{ height:300px; background:url(../images/DSolution_bsdg.jpg) no-repeat center center / cover;}
.bgf5{ background-color:#f5f5f5;}
.bge5{ background-color:#e5e5e5;}
.bswhytitles,.bswhyimg{ width:100%; text-align:center;}
.bswhytitles img,.bswhyimg img{ width:290px; margin-bottom:10px;}
.bswhy p{ text-indent:2em;}

.div_Cozrfk{ margin-bottom:10px;}
.row_oK6Ffm{ margin-bottom:0!important;}
.row_oK6Ffm > div{ float:left; width:33.33%;}
.container_Yhrlcv{ padding:0!important;}

.bszz{ overflow:hidden; padding-top:30px;}
.bszzbox{ float:left; width:100%; height:360px; position:relative; border:5px solid #fff; transition:0.5s ease-out;}
.bszztxt{ position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.5); width:100%; height:80px; padding:0 10px; }
.bszzbox:hover .bszztxt{ background-color:rgba(255,255,255,0.8); }
.bszztxt h4{ font-size:14px; font-weight:700; margin-bottom:0;text-align:center;}
.bszztxt p{ font-size:12px;}
.bsleed{ background: url(../images/LEED-Platinum-Polished-Plaque-Berkun-Air-DS.png) #E9ECE5 no-repeat center center / 200px;}
.bsmg{ background:url(../images/DSolution_bsmg.jpg) no-repeat center center / cover;}
.bscep{ background:url(../images/DSolution_bscep.jpg) no-repeat left top /  cover;}
.bselan{ background:url(../images/DSolution_bselan.jpg) no-repeat right top /  cover;}
.bsk{ background:url(../images/DSolution_bsk.jpg) no-repeat right top /  cover;}
.bssuper{ background:url(../images/DSolution_bssuper.jpg) no-repeat left top /  cover;}



}
@media (min-width:768px){
	
.mban{ padding:15px; }
.mban h3{ font-size:34px; margin-top:20px;}
.spbf{ width:80px; height:80px; margin-left:-40px; margin-top:-40px;}
.spbf div{ border-top: 16px solid transparent; border-left: 32px solid rgba(100%,100%,100%,0.8); border-bottom: 16px solid transparent; margin-left: -12px; margin-top: -15px;}
.mfsjfa input{display:inline-block; width:160px;}
.mfsjfa button{display:inline-block; width:120px;}
.mfsjfa h4{ float:left;}
.mfsjfa > span{ float:right;}
	
.ul4 li{ margin:15px 0; width:345px; height:180px;}
.ul4 li:nth-child(2n){ margin-left:30px;}
.pingbottom{ overflow:hidden; margin-bottom:50px;}
.pbpgrz{ padding-bottom:50px; overflow:hidden; margin-bottom:50px; border-bottom:1px solid #ccc;}
.pbpgrz_logo{ width:35%; float:left; height:220px; background-size:auto 90%;}
.pbpgrzC{ width:65%; float:left;}
.pbshzhg{ float:left; width:65%; padding-right:15px; border-right:1px solid #c00;}
.pbshzhg .textblock_J5Xp0N{ border-bottom:none;}
.pblxhg{ float:left; width:35%; padding-left:15px;}
.pblxhg div{ width:100%; margin-top:60px;}
.pblxhg div p:nth-child(1){ font-size:18px; }
.pblxhg div input{ width:190px;}
.pcbottom{ padding-top:20px;}

.pcbutton{ left:15px;}


.solutionAN li{ padding:5px 10px; font-size:14px; height:34px; width:90px; line-height:24px;}
.solutionAN li:hover{ font-size:16px;}
.solutionAN .onimg{ font-size:16px;}


.solutionAN{ bottom:150px;}
.pcshming{ position:absolute; height:150px;}

.pinpai img{ margin:10px 5px;}

.pcyule,.pcdengguang,.pcafjk{ background-size:180px;}
.pcshushi{ background-size:90px auto; background-position:center 50px;}

/********************* 别墅豪宅 **********************/
.bsc{ margin-top:0px;}
.bsc .wth7{ width:70%; padding:60px 30px;}
.bsc .wth3{ width:30%;}
.bsc .wth6{ width:50%; padding:120px 30px;}
.bsc .wth4{ width:50%;}
.bsc .bslxwm{ width:60%; padding:0;}
.bsbottom .wth4{ width:40%;}
.bspone,.bslx{ width:50%; float:left;}
.bspone{ padding-top:40px;}
.bscyy,.bscdq,.bsczn,.bscjk,.bscdg{ height:500px;}
.bswhy{ padding-bottom:30px; padding-top:30px;}
.bswhytitles img{ width:500px;}
.bswhyimg img{ width:32%; margin-bottom:10px; margin-top:10px;}
.bswhyimg img + img{ margin-left:2%;}

.row_oK6Ffm > div{ width:25%;}

.bszzbox{ width:25%; background-size:auto 360px;}
.bsleed{ background-size:160px;}
.bszzbox2{ width:50%;}
.bszzbox:hover{ background-size: auto 380px;}
.bsleed:hover{ background-size:180px;}

.bszztxt{ height:43px; overflow:hidden; transition:0.5s ease-out;}
.bszzbox:hover .bszztxt{ height:80px;}
.bszztxt h4{ font-size:14px; height:31px;}


.bficon{ width:60px; height:60px; background-size:60px; top:30%; margin-left:-30px;}



}
@media (min-width:992px){
.ul4 li{ width:212px;}
.ul4 li:nth-child(3){ margin-left:30px;}
.pinpai img{ margin:10px;}

/********************* 别墅豪宅 **********************/
.row_oK6Ffm > div{ width:16.66%;}
.pingcimg .spbf{ top:40%;}
.bszzbox{ height:360px;}
.bficon{ width:80px; height:80px; background-size:80px; top:40%; margin-left:-40px;}

}
@media (min-width:1200px){
.ul4 li{ width:262px;}
.pinpai img{ margin:10px 15px;}

/********************* 别墅豪宅 **********************/
.bszztxt{ height:29px;}
.bszzbox:hover .bszztxt{ height:50px;}

.bszztxt h4{ height:16px;}
.bsleed{ background-size:180px;}
.bsleed:hover{ background-size:200px;}

}