/* 核心技术 */
.hxjs{}
.hxjs ul{width:100%; padding:50px 0; display: flex; justify-content: space-between;}
.hxjs ul li{width:24%; height:220px; text-align: center; color:#fff; background: #f1f1f1; }
.hxjs ul li i{width:50px; height:50px; margin: 31px auto 0; display: block;}
.hxjs ul li i IMG{width:100%; height:100%; display: block;}
.hxjs ul li h1{color:#333; font-size:18px; line-height: 180%; font-weight: 800; }
.hxjs ul li p{color:#666; font-size:9px; line-height: 180%; padding:0 15px;}
.hxjs ul li hr{width:60px; margin:10px auto; border:0; border-bottom: 1px #eee solid;}

/* 解决方案 */
.jjfa{width:100%; background: #f1f3f5;}
.jjfa ul{width:100%; padding:50px 0; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.jjfa ul li{width:32%; height:250px; color:#333;  cursor: pointer; background: #f1f1f1; position: relative; overflow:hidden; margin: 20px 0;}
.jjfa ul li a{color:#333;}
.jjfa ul li img{position: absolute; top:0; left: 0; width: 100%; height:100%;}
.jjfa ul li h3{width:90%; font-size: 16px; font-weight: bold;  position: absolute; top:0px; left: 0px; z-index: 999; padding: 15px 5%;}
.jjfa ul li p{
    line-height: 180%;
    color:#fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    background-color: rgba(20, 158, 93, 0.6);
    padding:60px 30px 30px;
}
.jjfa ul li:hover {cursor: pointer; transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;}
.jjfa ul li:hover h3{color: #fff;  background: rgba(250, 250, 250,0);}
.jjfa ul li:hover p{transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0); }



/* 公司动态 */
.gsdt{}
.gsdt ul{width:100%; padding:50px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gsdt ul li{width:32%; height:160px; border-bottom: 1px #333 solid; margin:20px 0;}
.gsdt ul li a{font-size:16px; line-height: 25px; color:#333;  clear: both;}
.gsdt ul li p{font-size:12px; line-height: 22px; color:#999; margin-top:8px; clear: both;}
.gsdt ul li span{font-size:9px; line-height: 18px; color:#666; margin-top:8px;  padding-top:10px; clear: both;}


@media only screen and (max-width: 1024px) and (min-width: 0px) {
    .hxjs ul{padding:0.5rem 0; flex-wrap: wrap;}
    .hxjs ul li {width:49%; height:200px; margin:0.2rem 0;}
    .jjfa ul{padding:0.5rem 0; flex-wrap: wrap;}
    .jjfa ul li{width: 100%; margin:0.2rem 0}
    .gsdt ul{padding:0;}
    .gsdt ul li{width:100%; height: auto; padding: 0.5rem 0; margin:0; border-bottom: 1px #ccc solid;}
    .gsdt ul li p{display: none;}
    .gsdt ul li span{display: none;}
}