@charset "utf-8";
/* moxi_product */
.moxi_product{padding: 20px 0 30px;background: #f9f9f9;}
.moxi_product_con li{float: left;position: relative;margin-bottom: 10px;}
.moxi_product_con li .cat{position: relative;}
.moxi_product_con li+li{margin-left: 10px;}
.moxi_product_con li:nth-of-type(4){margin-left: 0;}
.moxi_product_con li .pic{position: relative;}

.moxi_product_con li .catname{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size:24px;width: 100%;background: rgba(0, 0, 0, 0.7);text-align: center;opacity: 0;height: 100%;}
.moxi_product_con li .catname span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 90%;}
.moxi_product_con li .cat:hover .catname{opacity: 1;}
/* moxi_product_list */
.moxi_product_list{background: #f9f9f9;}
.moxi_product_list {margin: 0 auto;padding: 40px 0 30px;}
.moxi_product_list .hd {margin-bottom: 30px;width: 100%;}
.moxi_product_list .hd ul{display: flex;flex-wrap:wrap;justify-content: center;width: 100%;}
.moxi_product_list .hd ul li{width: 23%;margin: 0 1% 15px;}
.moxi_product_list .hd ul li a{border: 1px solid #efefef;display: block;background: #fff;line-height: 3;text-align: center;font-size: 15px;}
.moxi_product_list .hd ul li a:hover{background: #fe2842;color: #fff;}
.moxi_product_list .hd ul li.on a{background: #fe2842;color: #fff;}
.moxi_product_list .bd {width: 100%;}
.moxi_product_list .bd ul {padding: 0;width: 100%;}
.moxi_product_list .bd ul li {position: relative;;margin-bottom: 20px;width:24%;float: left;overflow: hidden;border: 1px solid #efefef;padding: 10px;box-sizing: border-box; margin-right: 1.3333333333333333333%;background: #fff;}
.moxi_product_list .bd ul li:nth-child(4n+0){margin-right: 0;}
.moxi_product_list .bd ul .pic {text-align: center;width: 100%;height: 210px;overflow: hidden; float: left;}
.moxi_product_list .bd ul .pic img {width: 100%;height: 209px;display: block;box-sizing: border-box;}
.moxi_product_list .bd ul .list{width: 100%; text-align: center;border-top: 1px solid #efefef;}
.moxi_product_list .bd ul .list a {font-weight: normal;font-size: 16px;line-height: 2.5;margin-bottom: 10px;}

/* moxi_about */
.moxi_about{padding: 0 0;background: #f9f9f9;}
.moxi_about_con{width: 100%;background: url(../images/about_b.jpg) no-repeat center center;height: 540px;box-sizing: border-box;padding: 20px 0 50px;background-attachment: fixed;}
.moxi_about_con .content{background: #fff;padding: 20px;box-sizing: border-box;}
.moxi_about_con .left{width: 620px;height: 370px;background: #fff;box-sizing: border-box;}
.moxi_about_con .left video{width: 100%;}
.moxi_about_con .right{width: 540px;height: 370px;background: #fff;box-sizing: border-box;padding: 30px;}
.moxi_about_con .right .tit{font-size: 24px;margin-bottom: 10px;color: #fe2842;}
.moxi_about_con .right p{font-size: 15px;line-height: 2;color: 666;}


/* .moxi_why */
.moxi_why{background: #f9f9f9;padding: 0 0 30px;margin-top: 30px;}
.moxi_why ul li{width: 400px;float: left;cursor: pointer;}
.moxi_why ul li img{transition: 0.3s all;}
.moxi_why ul li .pic{width: 100%;height: 320px;overflow: hidden;}
.moxi_why ul li .item{width: 100%;height: 320px;text-align: center;position: relative;}
.moxi_why ul li .item img{transition: 0.3s all;transform: rotateY(0deg);}
.moxi_why ul li .item b{display: block;font-size: 19px;line-height: 2;font-weight: normal;}
.moxi_why ul li .item p{font-size: 15px;line-height: 2;}
.moxi_why ul li .item .cen{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 70%;}
.moxi_why ul li:hover .pic img{transform: scale(1.1);}
.moxi_why ul li:hover .item img{transform: rotateY(180deg);}


/* moxi_exhibition */
.moxi_exhibition{padding: 20px 0 30px;background: #f9f9f9;}
.moxi_exhibition_con li{float: left;margin-left: 10px;}
.moxi_exhibition_con li:first-child{margin-left: 0;}
.moxi_exhibition_con li .pic{margin-bottom: 10px;position: relative;}
.moxi_exhibition_con li .pic::before{content: '';width: 100%;height: 100%;border: 0 solid rgba(255, 255, 255, 0.5);box-sizing: border-box;display: inline-block;position: absolute;left: 0;top: 0;transition: 0.3s all;}
.moxi_exhibition_con li .pic:hover::before{border-width: 10px;}
/* moxi_honor */
.moxi_honor_con .bd{ padding:0;   }
.moxi_honor_con .bd ul{ overflow:hidden; zoom:1; }
.moxi_honor_con .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.moxi_honor_con .bd ul li .pic{ text-align:center; }
.moxi_honor_con .bd ul li .pic img{ width:280px;  display:block;  }
.moxi_honor_con .bd ul li .pic a:hover img{ border-color:#999;  }
.moxi_honor_con .bd ul li .title{ line-height:2;font-size: 15px;margin-top: 15px;}
.moxi_plant_con .bd{ padding:0;   }
.moxi_plant_con .bd ul{ overflow:hidden; zoom:1; }
.moxi_plant_con .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.moxi_plant_con .bd ul li .pic{ text-align:center; }
.moxi_plant_con .bd ul li .pic img{ width:280px;  display:block;height: 187px;  }
.moxi_plant_con .bd ul li .pic a:hover img{ border-color:#999;  }
.moxi_plant_con .bd ul li .title{ line-height:2;font-size: 15px;margin-top: 15px;}