/****************************************************************
 *																*		
 * 						      素材火							*
 *                        www.sucaihuo.com							*
 *       		  努力创建完善、持续更新源码以及模板			*
 * 																*
****************************************************************/
@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}



/*产品*/
.Box .Box_con {position: relative; width: 1200px; margin: 0px auto;}
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;height:410px; margin-left:30px;overflow: hidden; position: relative;z-index: 2; width: 380px;}
.Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden; border:none;}



.pro_lei{width:320px; background: #fff; position: absolute; bottom:0px; left:50%; margin-left: -160px; z-index: 2; text-align: center; padding: 22px;}

.lan_icon{width:200px; height: 200px;display: flex; align-items: center; margin: -54px auto 0; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.lan_icon img{align-items: center; margin: 0px auto;  }
.pro_lei h4{font-size: 22px; color: #4d4d4d; margin-top:30px; line-height: 35px; font-weight: bold;}
.pro_lei p{width:100%; height:58px; line-height: 30px; font-size: 16px; color: #777777; margin-bottom:25px;}
.pro_lei span{font-size:32px; color: #a1a1a1; }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover .con_pic img{transform: scale(1.1);}
.Box .Box_con .btn {display: block;width:40px;height:40px;cursor: pointer;  text-align: center; position: absolute;top: 50%; margin-top: -20px;}
.Box .Box_con .btnl {background: url(../images/p_left.png) no-repeat; left:-55px; }
.Box .Box_con .btnr {background: url(../images/p_right.png) no-repeat;  right:-55px; }
.Box .Box_con .btnl:hover{background: url(../images/p_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/p_hright.png) no-repeat;}
.Box .Box_con .conbox ul li:hover span{color:#e50112}
.Box .Box_con .conbox ul li:hover .lan_icon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}