body{ background-color:white!important;}

/* 产品列表*/

.con_right .title {width: 100%;height: 50px; background-color: #999; margin-bottom: 20px;}

.con_right .title h2 { position: relative; color: #fff;font-size: 16px;width: 150px;height: 50px;line-height: 50px;text-align: center; background-color: rgb(90, 169, 235);}

.con_right .title h2::after {content: ""; width: 0;height: 0; position: absolute; left: 150px; top: 17px;border-top: solid 8px transparent; border-left: solid 8px rgb(90, 169, 235);

     /* 小三角形 */ border-bottom: solid 8px transparent;}

/* .con_right .ProductContent {width: 100%; height: 750px; display: grid; grid-template-columns: repeat(3, 32%); grid-template-rows: repeat(3, 32%);grid-row-gap: 20px;

     grid-column-gap: 18.5px;} */

 .con_right .ProductContent {width: 100%; height: 790px;padding-top: 30px;}

.con_right .ProductContent .contentPic{width: 100%;height: 200px; border: 1px solid #ccc;  padding: 20px;box-sizing: border-box;}

.con_right .ProductContent .contentPic img{width: 100%;}

.con_right .ProductContent .mark{ margin-top: 10px;text-align: center; transition: .2s;}

/* .con_right  .ProductContent .contentBox {position: relative; } */

/* .con_right  .ProductContent .contentBox {position: relative;  display: inline-block;width: 30%;margin:0 5% 30px 0;} */

.con_right  .ProductContent .contentBox {position: relative;  display: inline-block;width: 28%;margin:0 5% 30px 0;}

.con_right  .ProductContent .contentBox:nth-of-type(3n) {margin:0 0 30px 0;}

.con_right  .ProductContent .contentBox .hide{position: absolute;left: 0;top: 0;background-color:#333; width: 100%;height: 200px;transform: scale(0);
    opacity: 0;transform-origin:center center; transition: .2s;z-index: 0;text-align: center;}
.con_right  .ProductContent .contentBox .hide img{ width: 44px; height: 44px;vertical-align: top;margin-top: 60px; }

.con_right  .ProductContent .contentBox:hover .hide{opacity: .8;transform: scale(1);}

.con_right  .ProductContent .contentBox:hover .mark{transform: translateY(-100px);color: #fff;font-weight: 700;z-index: 1;position: relative;}



/* 客户案例 */

/* .con_right .casesContent { width: 100%;height: 800px;display: grid;grid-template-columns: repeat(3, 32%);grid-template-rows: repeat(3, 32%);grid-row-gap: 20px;grid-column-gap: 18.5px;

    margin-top:-20px ;} */

.con_right .casesContent { width: 100%;height: 800px; margin-top:-20px ;}    

.con_right .casesContent .content{ width: 100%;height: 200px;  /* padding: 20px; */ box-sizing: border-box;}

.con_right .casesContent .mark{margin-top: 10px; text-align: center;transition: .2s;}

.con_right  .casesContent .contentBox {position: relative; display: inline-block;width: 28%;margin:0 5% 30px 0;}



/* .con_right  .casesContent .contentBox {position: relative;} */

.con_right  .casesContent .contentBox .hide{position: absolute;left: 0;top: 20px;background-color:#333;width: 100%;height: 200px;transform: scale(0);
    opacity: 0;transform-origin:center center; transition: .2s;z-index: 0;text-align: center;}

.con_right  .casesContent .contentBox:hover .hide{opacity: .8;transform: scale(1);}

.con_right  .casesContent .contentBox .hide img{ width: 44px; height: 44px;vertical-align: top;margin-top: 60px; }

.con_right  .casesContent .contentBox:hover .mark{transform: translateY(-100px);color: #fff;font-weight: 700;z-index: 1;position: relative;}



/* 分页按钮*/

.page_div {margin: 40px 10px 20px 0; color: #666}

    /* 页数按钮样式 */

.page_div a { display: inline-block;min-width: 30px; height: 28px;cursor: pointer; color: #666;font-size: 13px;line-height: 28px;background-color: #f9f9f9;

    border: 1px solid #dce0e0;text-align: center;margin: 0 4px; -webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: rgb(224, 226, 229);}

#firstPage,#lastPage,#nextPage,#prePage {width: 50px;}

#nextPage,#prePage {width: 30px}

.page_div .current {background-color: rgb(90, 169, 235);color: #FFF}

   /* 页面数量 */

.totalPages {margin: 0 10px}

.totalPages span,.totalSize span {color: #0073A9;margin: 0 5px}

   /*button禁用*/

.page_div button:disabled {opacity: .5;cursor: no-drop}