@charset "utf-8";
/* CSS Document */
.sarticle{background:#ffffff;}
.sarticle .banner{width:1348px; height:576px; overflow:hidden; background-size:cover;}
.sarticle .sraboutus{background:url(../images/showroombg01.png) no-repeat left top; padding:70px; overflow:hidden;}

.sarticle .sraboutus .imgContent{float:left; width:380px;}

.sarticle .sraboutus .txtTitle{font-size:30px; color:#1a1a1a; font-weight:700; margin-bottom:20px;}
.sarticle .sraboutus .txtTitle span{font-size:12px; color:#6f6f71; font-weight:normal; display:block; line-height:260%; border-bottom:#dadada 1px solid; width:200px; padding-bottom:8px;}
.sarticle .sraboutus .txtContent{font-size:12px; color:#807f7f; letter-spacing:1px; float:right; width:810px;}
.sarticle .sraboutus .txtContent p{line-height:180%;}



.sarticle .brandDeigners{background:#f1f2f7 url(../images/showroombg02.png) no-repeat left top; padding:70px 0 0 0px;}
.sarticle .brandDeigners .imgContent{padding:0 70px;}
.sarticle .brandDeigners .imgContent .txtTitle{font-size:30px; color:#1a1a1a; font-weight:700; margin-bottom:20px;}
.sarticle .brandDeigners .imgContent .txtTitle span{font-size:12px; color:#6f6f71; font-weight:normal; display:block; line-height:260%; border-bottom:#dadada 1px solid; width:200px; padding-bottom:8px;}
.sarticle .brandDeigners .imgContent .brandType{overflow:hidden; margin:20px 0;}
.sarticle .brandDeigners .imgContent .brandType ul li{ float:left; margin-right:120px;}
.sarticle .brandDeigners .imgContent .brandType ul li a{font-size:12px; display:block; color:#9f9fa0;border-top:#f1f2f7 1px solid; border-bottom:#f1f2f7 1px solid; padding:10px 0; letter-spacing:1px; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.sarticle .brandDeigners .imgContent .brandType ul li a:hover, .sarticle .brandDeigners .imgContent .brandType ul li a.active{border-top:#b6b6b7 1px solid; border-bottom:#b6b6b7 1px solid;}
.sarticle .brandDeigners .imgContent .brandOrder{font-size:26px; color:#ff8400; font-weight:600; clear:both;}

.sarticle .brandDeigners .designerFace{margin:40px 0 0; padding:0 0 0 70px;} 
.sarticle .brandDeigners .designerFace .bdomestic{ overflow:hidden; clear:both;}
.sarticle .brandDeigners .designerFace li{float:left; width:173px; background:#f1f2f7; overflow:hidden; height:80px;}
.sarticle .brandDeigners .designerFace li div{font-size:12px; color:#6a6a6a; display:inline-block; vertical-align:bottom; margin-right:2px;}
.sarticle .brandDeigners .designerFace li div span{font-size:9px; color:#6a6a6a; display:block;}

.sarticle .brandDeigners .designerFace .bdhmt{overflow:hidden; clear:both;}
.sarticle .brandDeigners .designerFace .bdforeign{overflow:hidden; clear:both;}

.sarticle .brandDeigners .designerFace .bdclose{text-align:center; background:#f1f2f7; height:38px; clear:both; overflow:hidden;}

.brandDeignersClose1,.brandDeignersClose2,.brandDeignersClose3{display:none;}
.brandDeignersExtend1,.brandDeignersExtend2,.brandDeignersExtend3{text-align:center; background:#ffffff; height:38px;}




.DesignerFaceBox{overflow:hidden; height:160px;}
.DomesticeBox,.MacaoBox,.ForeignBox{display:none;}
.DomesticeBox{display:block;}
.DomesticDesignerFace,.MacaoDesignerFace,.ForeignDesignerFace{display:none;overflow:hidden;}
.DomesticDesignerFace{display:block;}
brandDeignersSpace{background:#f1f2f7; height:38px; display:none; }


.sarticle .latestPost{background:#ffffff url(../images/showroombg03.png) no-repeat left top;  overflow:hidden; position:relative; height:535px;}
.sarticle .latestPost .left{position:absolute; left:70px; top:70px; z-index:9999; width:450px; overflow:hidden;}

.sarticle .latestPost .left .latestTitle{ font-size:30px; font-weight:700; width:240px; position:relative; height:100px;}
.sarticle .latestPost .left .latestTitle span{ display:block;font-size:12px; font-weight:normal; line-height:400%; border-bottom:#dadada 1px solid;}
.sarticle .latestPost .left .latestTitle .titleBg{ background:#ffffff url(../images/showroombg05.png) no-repeat right bottom; width:100px; height:38px; position:absolute; left:240px; top:60px;}
.sarticle .latestPost .left .latestPostLink{ height:358px; overflow:hidden;}
/*
.sarticle .latestPost .left .latestPostLink .Triangle{width:0; height:0; border-bottom:1500px solid #ffffff; border-left:180px solid transparent; z-index:999; position:absolute; right:0; bottom:0;}
*/
/*
.sarticle .latestPost .left .latestPostLink li{height:40px;overflow:hidden; margin:18px 0;}
.sarticle .latestPost .left .latestPostLink li a{ color:#434343; font-size:10px; line-height:180%; overflow:hidden; height:45px; }
.sarticle .latestPost .left .latestPostLink li a span{display:block; color:#669ac6;}
*/
.sarticle .latestPost .left .latestPostLink ul{overflow:hidden;}
.sarticle .latestPost .left .latestPostLink li{margin:18px 0; overflow:hidden;}
.sarticle .latestPost .left .latestPostLink li a{ color:#434343; font-size:10px; line-height:180%;}
.sarticle .latestPost .left .latestPostLink li a span{display:block; color:#669ac6;}

.sarticle .latestPost .left .latestPostLink li:hover a{color:#669ac6; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear;}
.sarticle .latestPost .left .latestPostLink li:hover a span{color:#434343; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear;}


.sarticle .latestPost .left .latestPostLink .linkMore{background:#FFFFFF; position:absolute; bottom:5px; left:0; width:100%; padding:10px 0 5px; overflow:hidden;}
.sarticle .latestPost .left .latestPostLink .linkMore a{font-size:12px;color:#669ac6; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear}
.sarticle .latestPost .left .latestPostLink .linkMore a:hover{color:#434343; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear;}



.sarticle .latestPost .right{position:absolute; right:0px; top:70px; background:url(../images/showroombanner02.jpg) no-repeat left top; width:840px; height:468px; z-index:999999}
.sarticle .latestPost .right div{width:0; height:0; border-top:468px solid #ffffff; border-right:150px solid transparent;}