body{background-color: #f4f4f4;}
/*xb:
   type:模块
   purpose:默认隐藏 手机端媒体查询样式 头部底部
   describe:   
*/
.xbm_PublicMenuZ{display:none;}
.xbm_main{width: 100%;height: auto;overflow: hidden;}
.xbm_main .xb_1200 {width:1200px;height: 100%;margin: 0 auto;}
/*xb: modularName:当前位置*/
.xbm_1{width: 100%;height:auto ;float: left;}
.xbm_1 .xb_newPosition{width: 100%;height: auto;margin-top: 17px;margin-bottom: 15px;float: left;  }
.xbm_1 .xb_newPosition .xb_a1{font-size: 14px;color: #333333;float: left;margin-right: 12px;}
.xbm_1 .xb_newPosition .xb_a2{font-size: 12px;color: #333333;float: left;margin-left: 0px;margin-top: 1px;}
.xbm_1 .xb_newPosition .xb_a_blue{color: #1087f4;   }
/*xb: modularName:左边内容 */
.xbm_1 .xb_leftBox{width: 830px;height:auto;float: left;margin-right: 20px;background-color: white;margin-bottom: 24px;padding-bottom: 20px;}
.xbm_1 .xb_leftBox .xb_imgBox{width: 200px;overflow: hidden;height: auto;padding: 5px;border: 1px solid #e0e0e0;margin: 20px;float: left;}
.xbm_1 .xb_leftBox .xb_imgBox img{width: 100%;height: auto;float: left;-webkit-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;-moz-transition: all 0.8s;}
/* .xbm_1 .xb_leftBox .xb_imgBox img:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);} */
.xbm_1 .xb_leftBox .xb_box1{width: 555px;height: auto;float: left;margin-top: 20px;position: relative;}
.xbm_1 .xb_leftBox .xb_box1 .xb_a1{font-size: 28px;width: 100%;height: auto;float: left;color: black;}
.xbm_1 .xb_leftBox .xb_box1 .xb_a2{font-size: 12px;width: 100%;height: auto;float: left;margin-bottom: 15px;}
/*xb: modularName设计师 */
.xbm_1 .xb_leftBox .xb_box1 .xb_btn1{border: none; border-radius: 18px; width: 110px; height: 32px; background: #e67817; display: block; text-align: center; line-height: 32px; color: #fff; font-size: 14px;position: absolute;right: 10px;top: 30px;}
.xbm_1 .xb_leftBox .xb_box1 .xb_a3{font-size: 13px;width: 535px;height: auto;float: left;padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;color: black;line-height: 24px;overflow: hidden;padding-left: 20px;margin-bottom: 10px;}
.xbm_1 .xb_leftBox .xb_box1 .xb_a3 span{color:gray;width: 105%;height: auto;font-size: 13px;float: left;margin-bottom: 5px;margin-left: -20px;}
.xbm_1 .xb_leftBox .xb_box1 .xb_a4{font-size: 13px;width: 100%;height: auto;float: left;margin-bottom: 8px;float: left;line-height: 24px}
.xbm_1 .xb_leftBox .xb_box1 .xb_a4 span{color:gray;margin-right: 5px;}
/*xb: modularName:占位 */
.xbm_1 .xb_leftBox .xb_nullbox{width: 100%;height: 20px;float: left;background-color: #f4f4f4;}
/*xb: modularName:代表作品 */
.xbm_1 .xb_leftBox .xb_box2{width: 810px;height: auto;float: left;padding: 20px;padding-right: 0px;}
.xbm_1 .xb_leftBox .xb_box2 .xb_a1{color: #000; font-size: 18px; font-weight: bold;width: 790px;height: auto;float: left;}
.xbm_1 .xb_leftBox .xb_box2 .xb_line{width: 790px;height: 1px;background-color:#eee;float: left;margin-top: 20px;}
.xbm_1 .xb_leftBox .xb_box2 .xb_line span{background: #e67817;float: left;width: 9%;height: 2px;}
.xbm_1 .xb_leftBox .xb_box2 .xb_cardBox{border-bottom: 1px solid #f4f4f4;width: 250px;height: 218px;overflow: hidden;float: left;margin-top: 20px;margin-right: 20px;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;}
.xbm_1 .xb_leftBox .xb_box2 .xb_cardBox:hover{box-shadow: 0 0 19px gray;}
.xbm_1 .xb_leftBox .xb_box2 .xb_cardBox img{width: 100%;height: 178px;float: left;overflow: hidden;}
.xbm_1 .xb_leftBox .xb_box2 .xb_cardBox a{width: 95%;height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    display: block;padding-left: 10px;font-size: 13px}




/*xb: modularName:右边内容 */
.xbm_1 .xb_rightBox{width: 350px;height: auto;float: left;overflow: hidden;}
/*xb: modularName:热门推荐 */
.xbm_1 .xb_rightBox .xb_box1{width: 100%;height: 550px;background-color: #ffffff;margin-bottom: 16px;float: left;overflow: hidden;}
.xbm_1 .xb_rightBox .xb_box1 .xb_title{font-size: 18px;color: #333333;float: left;padding-left: 15px;padding-top: 18px;width: 100%;height: auto;font-weight: bold;}
.xbm_1 .xb_rightBox .xb_box1 .xb_cardBox{width: 314px;height: 80px;margin-left: 15px;margin-top: 14px;float: left;overflow: hidden;border-bottom: 1px solid #eeeeee;padding-bottom: 17px;position: relative;}
.xbm_1 .xb_rightBox .xb_box1 .xb_cardBox img{width: 112px;height: 80px;float: left;}
.xbm_1 .xb_rightBox .xb_box1 .xb_cardBox .xb_a1{width: 179px;height: auto;float: left;margin-left: 21px;margin-top: 0px;font-size: 16px;color: #333333;}
.xbm_1 .xb_rightBox .xb_box1 .xb_cardBox .xb_btn{width: 66px;	height: 23px;border: solid 1px #e67817;text-align: center;line-height: 23px;font-size: 12px;color: #e67817;float: left;position: absolute;left: 136px;top: 55px;}
.xbm_1 .xb_rightBox .xb_box1 .xb_moreBtn{width: 128px;height: 32px;background-color: #e67817;text-align: center;line-height: 32px;font-size: 16px;color: #ffffff;float: left;margin-left: 103px;margin-top: 13px;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s; }
.xbm_1 .xb_rightBox .xb_box1 .xb_moreBtn:hover{border: 1px solid #e67817;color: #e67817;background-color: white;}