﻿body{background:#fff;font-size:14px}
#ptopbar{width:100%;margin:0 auto;height:32px;position:relative;z-index:101;background:#2a2b2e;  margin-top: 70px;}
#ptopbar ul{position:relative;height:32px;width:320px;margin:0 auto}
#ptopbar ul li{float:left;padding:0 25px;position:relative;line-height:31px;height:32px}
#ptopbar ul li a{color:#afafaf}
#ptopbar ul li a:hover,#ptopbar ul li.curr a{color:#fff}
#ptopbar a:hover{text-decoration:none;}
#ptopmenu{display:none;width:100%;background:rgba(255,255,255,.9);color:#000;padding:20px 0;position:absolute;top:32px;left:0}
#ptopmenu a{color:#000}
#ptopmenu a:hover{color:#999}
#ptopmenu .menubox{clear:both;margin:0 auto;width:600px;display:none;}
#ptopmenu .menubox dl{float:left;width:90px;padding:0 30px;}
#ptopmenu .menubox dl dt{font-size:16px;font-weight:bold;height:32px;line-height:32px}
#ptopmenu .menubox dl dd{padding:5px 0;clear:both;}
#ptopmenu .menubox dl dd:after{display:block;content:"";clear:both;}
#ptopmenu .menubox dl dd.more{border-top:1px solid #aaa;width:60px}
#ptopmenu .menubox dl dd a{float:left;clear:both;}
#ptopmenu #menu_home{width:750px}
#ptopmenu #menu_import{width:1150px;height:130px}
#ptopmenu #menu_private{width:720px;height:130px}
#menu_import a{float:left;width:200px;margin:0 15px;font-family:arial}
#menu_import a img{width:200px;height:100px}
#menu_private a{float:left;width:200px;margin:0 20px;}
#menu_private a img{margin-top:5px;width:200px;height:100px}

.banner{text-align:center;clear:both;}
.banner img{width:100%}
/*视频*/
.banner .video{height:auto}
.video{height:450px;position:relative;}
.video a.play{background:rgba(0,0,0,.9) url(../images/vplay.png) center center no-repeat;width:100%;height:100%;position:absolute;}
.video a.play:hover{background-color:rgba(0,0,0,.8)}

.location{height:48px;overflow:hidden;clear:both;padding-top:20px}
.location,.location a,.proclass,.proclass a{color:#1d1f1f;font-size:18px;line-height:42px;}
.h2t{padding:20px 0;font-size:24px;color:#1d1f1f;line-height:30px}
.h1t{padding:20px 0;font-size:36px;color:#1d1f1f;line-height:48px;text-align:center;}
.h3tbd,.h3t{padding:20px 0;font-size:16px}
.h3tbd{border-bottom:1px solid #888;padding-bottom:10px}
/*单图渐隐轮播*/
#oplay{width:100%;margin:0 auto; position:relative;min-width:1000px;text-align:center;}
#oplay ul,#oplay ul li,#oplay ul li img{width:100%;position:relative;}
#oplay ul li{position:absolute;left:0;top:0;display:none;text-align:center;z-index:2}
#oplay ul li.curr{z-index:1}
/*代购*/
.pindexplay{height:100%;}
.pindexplay ul{background:#000}
.pindexplay ul,.pindexplay ul li,.homeplay ul li img,.homeplay a.more{width:1460px;height:600px;position:relative;overflow:hidden;}
.pindexbox{background:#131313;padding-top:80px;color:#c9bc9c}
.pindexbox .title{font-size:30px;padding-bottom:50px}
.pindexbox .title h2{font-size:48px;font-weight:normal;height:80px;color:#fff}
.pindexbox .title h3{font-size:60px;font-family:arial;font-weight:normal;height:60px}
.pindexbox dl{border-top:5px solid #c9bc9c;width:560px;font-size:16px;clear:both;margin-bottom:80px}
.pindexbox dl dt{color:#fff;border-bottom:2px solid #c9bc9c;padding:20px 0;font-size:20px}
.pindexbox dl dt strong{font-size:30px;display:block;font-weight:normal;height:40px}
.pindexbox dl dd{border-bottom:5px solid #c9bc9c;padding:10px 0}
.pindexbox dl dd p{padding:10px 0}
.pindeximg div{padding-top:80px}
/*产品列表*/
.proclass{background:#dcdcdc;padding:5px 20px;border:1px solid #dcdcdc}
.proclass a{margin-right:2em}
.prolist{width:1200px;padding-top:20px}
.prolist .info{width:480px;padding:39px;background:#f4f4f4;border:1px solid #d6d6d6;float:left;margin:0 40px 40px 0}
.prolist .info img{width:480px;height:320px}
.prolist .info:hover{background:#ddd}
.prolist .info p{clear:both;padding-top:20px}
.prolist .info p strong,#proview dl dd p strong{margin-right:10px}
.prolist .pagelist{padding:0 40px 30px 0}
/*产品详情*/
.proview .proclass{background:none}
#proview{padding:50px 0 80px}
#proview dl{background:#ddd;height:540px;position:relative;}
#proview dl dt{width:810px;height:540px;float:left;position:relative;z-index:1;text-align:center;cursor:pointer;overflow:hidden;}
#proview dl dt img{height:100%}
#proview dl dt span{width:210px;font-size:14px;background:rgba(0,0,0,.5);color:#fff;position:absolute;bottom:-36px;left:300px;height:36px;line-height:34px}
#proview dl dt:hover span{bottom:0}
#proview dl dd{padding:30px;width:290px;float:right;position:relative;height:480px;position:relative;z-index:5;background:#efefef;}
#proview dl dd p{padding-bottom:20px}
#pro-ac{border:1px solid #888;border-width:1px 0;padding:15px 0;}
#pro-ac h3{font-size:14px;background:url(../images/cs_ico.png) -40px -388px no-repeat;line-height:24px;padding-left:20px;cursor:pointer;clear:both;}
#pro-ac h3:hover{background-position:-37px -388px}
#pro-ac .box{background:#fff;margin:5px 0 5px 20px;clear:both;padding:5px 10px;display:none;}
#proview dl dd#pro-a{z-index:3;position:absolute;top:0;right:0;background:rgba(0,0,0,.8);color:#fff}
#pro-a .close{position:absolute;color:#fff;border:1px solid #999;display:block;top:10px;right:10px;width:24px;text-align:center;cursor:pointer;font-family:arial}
#prothum{clear:both;width:850px}
#prothum li{border:2px solid #fff;cursor:pointer;margin:8px 8px 0 0;float:left;padding:2px;}
#prothum li,#prothum li img{width:86px;height:86px;}
#prothum li.curr{border-color:#333}
/*风格家居*/
.banner .home{height:430px;overflow:hidden;}
.banner .home img{width:1320px;height:430px}
.banner .king{background:#351606}
.banner .queen{background:#000}
.homearea .intro{padding:60px 100px;font-size:18px;line-height:28px;}
.homearea .intro dt{float:left;width:60px}
.homearea .intro dd{float:left;width:700px;padding-right:200px;position:relative;}
.homearea .intro dd strong{display:block;line-height:48px;font-size:36px;font-weight:normal;}
.homearea .intro dd a{background:#000;color:#fff;font-size:16px;width:150px;line-height:40px;display:block;position:absolute;top:50%;right:0;text-align:center}
.homearea .intro dd a:hover{background:#555;text-decoration:none;}
.homeplay{clear:both;width:1160px;height:680px;z-index:1001;text-align:center;}
.homeplay ul{background:#000}
.homeplay ul,.homeplay ul li,.homeplay ul li img,.homeplay a.more{width:1160px;height:600px;position:relative;overflow:hidden;}
.homeplay ul li,.homeplay a.more{position:absolute;left:0;top:0;display:none;text-align:center;z-index:2}
.homeplay ul li.curr{z-index:1}
.homeplay a.more{display:block;background:#000;z-index:5;opacity:0;filter: alpha(opacity=0);}
.homeplay a.more:hover{background:#000;opacity:.8;filter: alpha(opacity=80);}
.homeplay a.more span{border:1px solid #bbb;color:#bbb;padding:10px 30px;display:block;width:120px;font-size:16px;position:absolute;left:50%;margin-left:-90px;bottom:45%;}
.homeplay a.more span:hover{color:#fff;border-color:#fff}
.homeplay .btn{padding:20px 40px;margin:0 auto;position:relative;clear:both;height:30px;text-align:center;display:inline-block;}
.homeplay .btn i{width:12px;height:12px;background:#000;border-radius:6px;display:inline-block;margin:9px 6px 0;cursor:pointer;}
.homeplay .btn i.curr{background:#b5915f}
.homeplay .prenext{background:url(../images/cs_ico.png) 0 -490px no-repeat;height:30px;width:30px;display:block;position:absolute;top:20px;cursor:pointer;}
.homeplay .prenext:hover{opacity:.6;filter: alpha(opacity=60);}
.homeplay .prev{left:0;}
.homeplay .next{right:0;background-position:-30px -490px}

/*私属定制*/
.privatenav{padding:50px;height:70px;text-align:center;}
.privatenav a{display:inline-block;line-height:67px;width:300px;border:1px solid #000;font-size:24px;color:#000;margin:0 15px}
.privatenav a:hover,.privatenav a.curr{background:#eee;text-decoration:none;}
.private{background:#f2f2f2;padding-top:30px}
.private h2{font-size:24px;line-height:60px;text-align:center;}
.private p{font-size:18px;text-align:center;padding:0 200px 20px}
.private .list{width:1200px;padding-top:40px}
.private .info{width:560px;background:#fff;float:left;margin:0 40px 40px 0;height:580px}
.private .info p{padding:30px 40px;text-align:left;font-size:16px;color:#999}
.private .info p strong{font-size:20px;display:block;height:40px;font-weight:normal;color:#000}
/*进口家居*/
.import .intro{padding:60px 100px;font-size:18px;line-height:28px}
.import .photo{clear:both;}
.import .photo img{float:left;}


/*作品列表*/
.worklist{width:1176px}
.worklist dl{float:left;background:#eee;padding:20px 28px 4px;margin:0 16px 16px 0;width:320px;height:354px}
.worklist dl:hover{background:#ddd}
.worklist dl dt,.worklist dl dt img{width:320px;height:220px}
.worklist dl dd{clear:both;padding:10px 0;line-height:20px;color:#000;border:1px solid #888;border-width:1px 0;margin-top:20px;}
.worklist dl dd strong a{color:#000;font-weight:normal;}
.worklist dl dd span{float:right;}
.worklist dl .more{display:block;height:32px;width:20px;background:url(../images/cs_ico.png) 0 -48px;float:right;}
.worklist dl:hover .more{background-position:5px -48px}
/*在线预约*/
.order{background:url(../images/order.jpg) no-repeat;height:860px;top:-12px;padding-top:12px;color:#000}
.order .orderform{border:1px solid #888;border-width:1px 0;padding:15px 0;margin-top:20px}
.order .form{width: 640px;height:550px;background:rgba(255,255,255,.8);margin:0 auto;padding:25px 40px}
.order .form p{padding-bottom:10px}
.order .form p span{float:right;font-size:12px}
.order .form table{width:100%}
.order .form td,.order .form th{border:1px solid #888;padding:12px 15px;vertical-align:top;}
.order .form th{padding-right:50px;text-align:right;}
.order .form td .text,.order .form td textarea{height:24px;border:0;width:360px;background:none;font:14px/24px "微软雅黑";margin-right:6px}
.order .form td textarea{height:48px;width:420px;}
.order .form td .text:hover,.order .form td textarea:hover{background:#fff}
.order .form button{margin-top:20px;float:right;line-height:42px}
.order .bot{padding:24px 300px 0}
.order .bot dl{height:60px}
.order .bot dl dt{float:left;font-weight:bold;}
.order .bot dl dd{float:left;font:bold 24px/48px "微软雅黑";}
.order .bot .button a{float:left;margin-left:15px;line-height:40px}

/*家居详情*/
#homeview #ptopbar{opacity:.4;filter: alpha(opacity=40);}
#workintro{position:fixed;bottom:0;left:0;z-index:10;height:35%;width:100%;}
#introbox{background:rgba(0,0,0,.6);width:100%;position:absolute;bottom:-100%;}
#introbox .wrap{padding:20px 0;color:#fff;font-size:14px}
#introbox .wrap:after{height:20px}
#introbox a.back{position:absolute;height:24px;width:24px;background:#ccc url(../images/cs_ico.png) -30px -52px no-repeat;top:26px;left:0}
#introbox a.back:hover{background-position:-36px -52px;background-color:#fff}
#introbox .de{padding-top:6px;clear:both;margin:0 50px;font-size:16px}
#workview{position: absolute;top:0;left: 0;width:100%;height:100%;overflow:hidden;}
#workview ul,#workview ul li{position:absolute;top:0;left:0;}
#workview ul,#workview ul li,#workview ul li img{display:block;height:100%;width:100%}
#workview ul li{display:none;}
#workview .preNext{display:block;position:absolute;top:50%;margin-top:-30px;text-decoration:none;background:url(../images/cs_ico.png) 0 -200px no-repeat;width:60px;height:60px;opacity:.8;filter:alpha(opacity=80);cursor:pointer;z-index:10}
#workview .prev{left:0}
#workview .next{background-position:0 -260px;right: 0}
#workview .preNext:hover{text-decoration:none;opacity:.6;filter:alpha(opacity=60);}


/*动态效�?/
#ptopbar a,#introbox a{-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
#ptopbar,.btn,.worklist dl .more,.filter .search button,.filter .search input,.order .form button,
.order .form td .text,.order .form td textarea,.order .bot a,.prenext,#introbox,.idea dl dd,.video a.play,.proclass a,.prolist .info,#probig img,#proview dl dt span,.privatenav a,.homearea .intro a,.homeplay a.more,.homeplay a.more span{-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

