@import url("header.css");
@import url("banner.css");
@import url("demo.css");
@import url("partner.css");
@import url("conn.css");
@import url("footer.css");
.tagsData{width: 100%;height: 1.13rem;border-bottom: 0.01rem solid #ccc;background-color: #ffffff;font-size: 0.14rem;color: #777777;}
.tagsData .tags{margin: 0 auto;width: 10rem;height: 100%;display: flex;}
.tagsData .tags .tag{width: 25%;height: 100%;text-align: center;}
.tagsData .tags .tag img{margin: 0.25rem auto 0.15rem;display: block;}
.content h2,.content h3{display: block;color: #000000;font-size: 0.33rem;font-weight: 900;text-align: center;height: auto;width: 100%;text-align: center;padding: 0;margin: 0;padding-top: 0.5rem;}
.content h3{font-size: 0.15rem;padding-top: 0.2rem;font-weight: 300;}
.products{width: 100%;height: 5.85rem;background-color: #fff;display: block;position: relative;}
.products .point{
    width: 0.48rem;height: 0.48rem;position: absolute;left: calc(50% - 5.72rem);top: 2.9rem;display: block;z-index: 10;background-image: url(/static/img/images-zh/index/pleft.png);
    background-position: center;background-size: cover;cursor: pointer;
}
.products .point.pright{left: calc(50% + 5.24rem);background-image: url(/static/img/images-zh/index/pright.png);}
.products .goods{width: 10rem;height: 3.8rem;margin: 0 auto;margin-top: 0.2rem;overflow: hidden;position: relative;}
.products .goods .goodslist{width: 10rem;height: 3.8rem;margin: 0 auto;display: flex;margin-left: 0;}
.products .goods .goodslist .goodsItem{padding-top: 0.04rem;padding-left: 0.03rem;width: 2.35rem;height: 3.46rem;position: relative;margin-right: 0.05rem;margin-left: 0.07rem;}
.products .goods .goodslist .goodsItem .goodsItemContent{
    background-color: #fff;width: 2.35rem;height: 3.46rem;display: block;position: relative;box-shadow: 0px 0.05rem 0.1rem 0px rgba(73,95,136,0.2);overflow: hidden;
}
.products .goods .goodslist .goodsItem .goodsItemContent img{transition: all .4s;vertical-align: middle;width: 100%}
.products .goods .goodslist .goodsItem .goodsItemContent .word {background: #fff;color: #000;text-align: center;height: 1.48rem;padding: 0 0.125rem;display: inline-block;}
.products .goods .goodslist .goodsItem .goodsItemContent .word .name {
    margin-top: 0.05rem;height: 0.15rem;line-height: 0.15rem;font-size: 0.2rem;padding: 0.14rem 0 0.08rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
    width: 2.1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;
}
.products .goods .goodslist .goodsItem .goodsItemContent .word .caseDiscription {font-size: 0.13rem;color: #777777;padding: 0 0.15rem;}
.products .goods .goodslist .goodsItem .goodsItemContent .cover {width: 100%;height: 100%;position: absolute;top: 100%;transition: all 0.3s;padding: 0.4rem 0.08rem;box-sizing: border-box;background: rgba(255,255,255,0.98);box-shadow: 0px 0px 0.08rem 0px rgba(73,95,136,0.2);}
.products .goods .goodslist .goodsItem .goodsItemContent .cover .word {background: rgba(255,255,255,0);box-shadow: none;}
.products .goods .goodslist .goodsItem .goodsItemContent .cover .jump {position: absolute;width: 1.15rem;height: 0.32rem;background-color: #1572c1;color: #fff;font-size: 0.13rem;text-align: center;line-height: 0.32rem;left: 50%;margin-left: -0.58rem;bottom: 0.46rem;cursor: pointer;border: 1px solid #1572c1;border-radius: 0.045rem;text-decoration: none;}
.products .goods .goodslist .goodsItem .goodsItemContent:hover .cover{top: 0;}
.products .goods .goodslist .goodsItem .tag_new {width: 0.6rem;height: 0.6rem;background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;left: 0rem;top: 0rem;z-index: 10;}
.well{width: 100%; height: 6.16rem; background-image: url(/static/img/images-zh/index/goodjob.png);background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.well h2,.well h3{color: #ffffff;}
.well h3{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break:break-all;word-wrap: break-word;}
.well .joblist{width: 10rem;height: 3.33rem;display: flex;margin: 0.68rem auto;}
.well .job {width: 2.38rem;height: 2.78rem;background-color: #fff;	border-radius: 0.08rem;	margin: 0 auto;	padding-top: 0.55rem;}
.well .job .img {width: 1rem;height: 1rem; margin: 0rem auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.well .job h3 {font-weight: bold;margin: 0.2rem 0;font-size: 0.2rem;text-align: center;color: #000000;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;}
.well .job p {text-align: center;font-size: 0.13rem;color: #777777;padding: 0 0.33rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break:break-all;word-wrap: break-word;}

.news{width: 100%; height: 6.16rem; background-image: url(/static/img/images-zh/index/news.png);background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.news h2,.news h3{color: #ffffff;}
.news .newlist{
    width: 10rem;height: 3.33rem;display: block;margin: 0.48rem auto 0;
}
.news .new {
    width: 4.7rem;height: 0.5rem;display: flex;font-weight: 0.13rem;float: left;line-height: 0.5rem;border-bottom: 1px dotted #ffffff;cursor: pointer;margin-bottom: 0.05rem;
    text-decoration: none;
}
.news .new .name,.news .new .time{font-size: 0.13rem;color: #ffffff;}
.news .new .name{width: calc(100% - 1rem);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;overflow: hidden;}
.news .new .time{width: 1rem;text-align: right;}
.news .new:nth-child(2n){margin-left: 0.59rem;}
.news .newbtn{
text-decoration: none;
margin: 0.25rem auto;position:relative;display: block;width: 1.26rem; height: 0.27rem;border: 0.01rem solid #ffffff;font-size: 0.13rem;text-align: center;line-height: 0.27rem;color: #ffffff;cursor: pointer;
}
.news .gline{width: 10rem;height: 0.01rem;border-bottom: 0.01rem solid #ccc;margin: 0 auto;}

@media screen and (max-width: 1200px) {
    .content h3{width: calc(100% - 0.4rem);padding: 0 0.2rem;}
    .tagsData{
        height: 1.35rem;
    }
    .tagsData .tags{width: 100%;}
    .tagsData .tag img{
        height: 45%;
    }
    .products{width: 95%;}
    .products .goods {width: 95%;}
    .products .point {display: none;}
    .products .point.pright {display: none;}
    .well .joblist{width: 100%;}
    .well .job {
        width: calc(32% - 0.1rem);
    }
    .well .job:nth-child(4){
        display: none;
    }
    .well .job p{
        display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break:break-all;word-wrap: break-word;overflow: hidden;
    }
    .news{
        height: 10rem;
    }
    .news .newlist{
        width: 100%;
        height: 7rem;
    }
    .news .new{
        float: none;
        width: 100%;
    }
    .news .new .name{
        width: calc(100% - 2.5rem);
        margin-left: 0.25rem;
    }
    .news .new .time{
        width: 2rem;
        margin-right: 0.25rem;
    }
    .news .new:nth-child(2n){margin-left: 0;}
}