@charset "utf-8";

*{padding:0;margin:0;font-family:"微软雅黑"}
ol,ul{list-style:none}
a{text-decoration:none}
img{border:0}
p{color:#686868}
.w1440{width:1440px;margin:0 auto;overflow:hidden}
.divhidden{display:none}
.customer{overflow:hidden;padding-top:40px;margin-bottom:79px}
.customer_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.customer_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.customer_t p{font-size:18px}
.customer_top{text-align:center;margin-top:10px;padding-bottom:40px;}
.customer_top a.two_sel{color:#fff;background-color:#088658}
.customer_top a{display:inline-block;font-size:24px;color:#000;line-height:46px;margin-left:10px;margin-right:10px;width:150px;border-radius:20px}
.customer_list{margin-top:60px}
.customer_list ul li{float:left;width:calc(17% - 1px);border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf; margin-left:20px; margin-right:10px; margin-bottom:20px;border-bottom:1px solid #dfdfdf;overflow:hidden;position:relative}
.customer_list ul li img{display:block;width:100%}
.customer_list ul li .imgs{cursor:pointer;overflow:hidden;border-color:#fff}
.customer_list ul li .imgs:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 0 #eee;transition:.2s}
.customer_list ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6}
.customer_list ul li:hover .imgs img{opacity:1;filter:grayscale(0);filter:none;transform:scale(.9) translateY(-8px)}
.customer_list{position:relative}
.customer_list .item{display:none;overflow:hidden}
.customer_list .customer-buttons{position:absolute;top:20px;width:40%;left:0;height:0;text-align:right}
.customer_list .customer-buttons div{color:#FFF;display:inline-block;zoom:1;width:50px;height:50px;text-indent:60px;overflow:hidden;transition:all .3s ease-out 0s;cursor:pointer}
/* .customer_list .customer-buttons div.owl-prev{background:url(../images/left.png) no-repeat;margin-right:-1px} */
/* .customer_list .customer-buttons div.owl-prev:hover{opacity:.6;background:url(../images/left_on.png) no-repeat} */
/* .customer_list .customer-buttons div.owl-prev.disabled{background:url(../images/left_on.png) no-repeat} */
/* .customer_list .customer-buttons div.owl-next{background:url(../images/right.png) no-repeat;margin-right:20px} */
/* .customer_list .customer-buttons div.owl-next:hover{opacity:.6;background:url(../images/right_on.png) no-repeat} */
/* .customer_list .customer-buttons div.owl-next.disabled{background:url(../images/right_on.png) no-repeat} */
.solution_ul2{overflow:hidden;padding-top:60px}
.solution_ul2 ul li{float:left;width:49%;height:220px;overflow:hidden;position:relative;background-color:#f9f9f9;z-index:0;border:1px solid #dfdfdf;margin-bottom:2%}
/* .solution_ul2 ul li:nth-child(2n+0){float:right} */
/* .solution_ul2 ul li:nth-child(3){margin-bottom:0} */
/* .solution_ul2 ul li:nth-child(4){margin-bottom:0} */
.solution_ul2 ul li .shade{width:220px;height:220px;background:url(../images/solution_pic.png) center center no-repeat;position:absolute;top:0;left:-220px;transition:all .3s linear}
.solution_ul2 ul li .bg{width:calc(100% - 220px);width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px);height:220px;background:#088658;background-size:100% 100%;position:absolute;bottom:0;left:100%;z-index:1;transition:all .3s linear}
.solution_ul2 ul li:hover .bg{left:220px}
.solution_ul2 ul li:hover p{color:#fff}
.solution_ul2 ul li:hover p strong{color:#fff}
.solution_ul2 ul li img{width:220px;height:220px;transition:all .4s linear;float:left;border-right:1px solid #dfdfdf}
.solution_ul2 ul li p{color:#666;line-height:24px;height:140px;overflow:hidden;padding:20px 6%;padding-bottom:0;position:relative;z-index:2;font-size:14px}
.solution_ul2 ul li p strong{color:#000;font-size:20px;line-height:48px;font-weight:400}
.anim-1{transform:translateY(100px) translateX(0);transition:transform .8s,opacity .8s}
.anim-2{transform:translateY(100px) translateX(0);transition:transform 1s,opacity 1s}
.anim-show{transform:translateY(0) translateX(0);opacity:1}