/*
* @time Sun Nov 29 2020 15:15:01 GMT+0800 (中国标准时间)
*/
@charset 'utf-8';
body{background: #f4f4f4;}
.buspage{width: 1200px; margin: auto; height: auto; margin-top: 20px;}
.buspage .shop-sign{width: 1200px; height: 192px; overflow: hidden;}
.buspage .shop-sign a{display: block; width: 100%; height: 192px; background: url('/businesspro/images/shop_sign.png') no-repeat center top;}
/* 公用模块style */
.buspage .mod{margin-bottom: 46px; width: 100%; height: 100%; overflow: hidden;}
.buspage .mod-box{height: 605px; overflow: hidden;}
/* 公用icon */
.buspage .m-icon{position: relative; z-index: 2; display: inline-block; width: 170px; background: url('/businesspro/images/icon.png') no-repeat; background-size: 170px 410px;}
.buspage .m-icon-a{margin: 6px 0 0 15px; height: 50px; background-position: 0 0;}
.buspage .m-icon-b{margin: 11px 0 0 18px; height: 50px; background-position: 0 -50px;}
.buspage .m-icon-c{margin: 7px 0 0 18px; height: 50px; background-position: 0 -94px;}
.buspage .m-icon-d{margin: 7px 0 0 18px; height: 50px; background-position: 0 -145px;}
.buspage .m-icon-e{margin: 7px 0 0 18px; height: 50px; background-position: 0 -193px;}
.buspage .m-icon-f{margin: 7px 0 0 18px; height: 50px; background-position: 0 -248px;}
.buspage .mod-B{margin-top: -85px;}
/* 左侧模块 */
.buspage .mod-left{position: relative; float: left; width: 231px; height: 605px;-moz-box-shadow:0px 0px 4px -1px #D1D1D1;
    -webkit-box-shadow:0px 0px 4px -1px #D1D1D1;-ms-box-shadow:0px 0px 4px -1px #D1D1D1;
    box-shadow:0px 0px 4px -1px #D1D1D1;}
/* 左侧背景图 */
.buspage .mod-A .mod-left{background: url('/businesspro/images/mod_left_A.png') no-repeat;}
.buspage .mod-B .mod-left{background: url('/businesspro/images/mod_left_B.png') no-repeat;}
.buspage .mod-C .mod-left{background: url('/businesspro/images/mod_left_C.png') no-repeat;}
.buspage .mod-D .mod-left{background: url('/businesspro/images/mod_left_D.png') no-repeat;}
.buspage .mod-E .mod-left{background: url('/businesspro/images/mod_left_E.png') no-repeat;}
.buspage .mod-F .mod-left{background: url('/businesspro/images/mod_left_F.png') no-repeat;}
/* 左侧标题模块 */
.buspage .mod-left .m-text-box{position: relative; width: 200px; height: 60px;}
.buspage .mod-A .mod-left .m-text-box{margin: 256px 0 0 1px; background: #083b90;}
.buspage .mod-B .mod-left .m-text-box{margin: 148px 0 0 1px; background: #4e1919;}
.buspage .mod-C .mod-left .m-text-box{margin: 266px 0 0 1px; background: #841430;}
.buspage .mod-D .mod-left .m-text-box{margin: 319px 0 0 1px; background: #42635a;}
.buspage .mod-E .mod-left .m-text-box{margin: 148px 0 0 1px; background: #9d3344;}
.buspage .mod-F .mod-left .m-text-box{margin: 150px 0 0 1px; background: #8c0e79;}
/* 左侧 标题背景色 */
.buspage .mod-left .m-img-bg{position: absolute; display: inline-block; width: 68px; height: 60px;}
.buspage .mod-A .mod-left .m-img-bg{background: #0062e0;}
.buspage .mod-B .mod-left .m-img-bg{background: #9c6b73;}
.buspage .mod-C .mod-left .m-img-bg{background: #8c0e79;}
.buspage .mod-D .mod-left .m-img-bg{background: #b19b38;}
.buspage .mod-E .mod-left .m-img-bg{background: #e991eb;}
.buspage .mod-F .mod-left .m-img-bg{background: #ff710f;}
/* 左侧 查看详情链接模块 */
.buspage .mod-left .look{display: block; margin: 5px 0 0 78px;}
.buspage .mod-A .mod-left .look{color: #3fedff;}
.buspage .mod-B .mod-left .look,
.buspage .mod-C .mod-left .look,
.buspage .mod-D .mod-left .look,
.buspage .mod-E .mod-left .look,
.buspage .mod-F .mod-left .look{color: #9c6b73;}
/* 左侧模块&底部右箭头按钮 */
.buspage .mod-left .m-icon-more{position: absolute; right: 20px; bottom: 20px; width: 34px; height: 34px; line-height: 34px; font-size: 0; background-position: 0 -302px;}
/* 右侧模块 */
.buspage .mod-right{height: 100%; overflow-y: auto;}
.xpage-container{height: 605px;}
.mCSB_container{margin: 0 !important;}
/* 列表模块 */
.buspage .mod-right .mod-li{position: relative; float: left; margin-left: 12px; margin-bottom: 12px; width: 230px; height: 297px; background: #fff;-moz-box-shadow:0px 0px 4px -1px #D1D1D1;
    -webkit-box-shadow:0px 0px 4px -1px #D1D1D1;-ms-box-shadow:0px 0px 4px -1px #D1D1D1;
    box-shadow:0px 0px 4px -1px #D1D1D1;}
.buspage .mod-right .m-warp{margin: 12px 5px 7px;}
.buspage .mod-right .m-img-box,
.buspage .mod-right .m-img-box img{width: 149px; height: 191px; margin: 0 auto; overflow: hidden;}
.buspage .mod-right .m-img-box img{-moz-transition: all 1s;transition: all 1s;object-fit: cover;}
.buspage .mod-right .m-img-box:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* 图片模块 */
.buspage .mod-A .mod-right .m-img-box,
.buspage .mod-A .mod-right .m-img-box img{width: 220px; height: 175px;}
.buspage .mod-B .mod-right .m-img-box,
.buspage .mod-B .mod-right .m-img-box img{width: 149px; height: 191px;}
.buspage .mod-C .mod-right .m-img-box,
.buspage .mod-C .mod-right .m-img-box img{width: 123px; height: 178px;}
.buspage .mod-D .mod-right .m-img-box,
.buspage .mod-D .mod-right .m-img-box img{width: 185px; height: 185px;}
.buspage .mod-E .mod-right .m-img-box,
.buspage .mod-E .mod-right .m-img-box img{width: 182px; height: 192px;}
.buspage .mod-F .mod-right .m-img-box,
.buspage .mod-F .mod-right .m-img-box img{width: 210px; height: 194px;}
/* 文字标题模块 */
.buspage .mod-right .m-text-box{text-align: center;}
.buspage .mod-right .m-text-box h3{margin: 15px 15px; font-size: 14px; color: #333333; font-weight: normal; overflow: hidden;}
.buspage .mod-A .mod-right .m-text-box h3{margin: 17px 15px;height: 45px;line-height: 22px;}
.buspage .mod-B .mod-right .m-text-box h3,
.buspage .mod-C .mod-right .m-text-box h3,
.buspage .mod-D .mod-right .m-text-box h3{margin: 13px 15px; height: 40px; line-height: 20px;}
/* 模块查看更多按钮 */
.buspage .mod-right .m-more-box{position: absolute; left: 50%; bottom: 8px; margin-left: -40px;}
.buspage .mod-right .m-more-box a{width: 82px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; background-position: 0 -383px;}
/* 底部查看更多产品 */
.buspage .mod-more{margin: 20px auto; width: 869px; height: 40px; line-height: 40px; text-align: center; color: #0062e0; border: 1px solid #dde1ea; border-left: none; border-right: none; background: url('/businesspro/images/line_bg.png') no-repeat;}
.buspage .mod-more .m-icon-txt{display: block; width: 167px; height: 30px; margin: 10px auto 0; font-size: 0; color: #0062e0; background-position: 0 -350px;}