/* 内页栏目图 */
.banner{background: url(../image/bg-top.png) center;background-size: cover;width: 100%;height:250px;}

/* 内页分类 */
.catetory{max-width: 1200px;margin:auto;padding-top: 50px;padding-bottom: 20px;display: flex;flex-wrap: wrap;}
.catetory a{font-size: 16px;margin-right: 50px;margin-bottom: 30px;position: relative;font-weight: 500;}
.catetory a.atv,.catetory a:hover{-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right,#14bfcd,#2b57b8);
    color: #14bfcd;}
.catetory a.atv::before{content:'';width:100%;height:1px;background:#14bfcd;position:absolute;bottom:-6px}
.catetory a::before{content:'';width:0%;height:1px;background:#14bfcd;position:absolute;bottom:-6px;transition:all .6s}
.catetory a:hover::before{content:'';width:100%;height:1px;background:#14bfcd;position:absolute;bottom:-6px}

/* 文章列表 */
.article{max-width: 1200px;margin:auto;border-top: 1px solid #eee;}
.article a{padding: 20px 0;border-bottom: 1px dashed #dddddd;display: flex;    overflow: hidden;}
.article a:hover div:nth-child(2) span
{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right,#14bfcd,#2b57b8);
    color: #14bfcd;
}
.article a:hover div:nth-child(3) img{
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform-origin: center center;
}
.article a div:nth-child(1){width: 80px;display: flex;align-items: start;flex-flow: column;}
.article a div:nth-child(2){flex: 1;margin-left: 60px;display: flex;flex-flow: column;}
.article a div:nth-child(3){width: 200px;height: 120px;overflow: hidden;margin-left: 60px;text-align: right;}
.article a div:nth-child(3) img{object-fit: cover;width: 100%;height: 100%;transition: all .6s;}
.article a div:nth-child(1) i{width: 100%;font-size: 16px;}
.article a div:nth-child(1) span{width: 100%;font-size: 25px;display: block;}
.article a div:nth-child(2) span{font-size: 22px;font-weight: 500;color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.article a div:nth-child(2) p{font-size: 14px;margin-top: 15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.article a div:nth-child(2) img{margin-top: 20px;}

/* 图片列表 */
.goods{max-width: 1200px;margin:auto;display: flex;justify-content: space-between;flex-flow: wrap;}
.goods a{width: 24%;height: 260px;border: 1px solid #eeeeee;position: relative;text-align: center;margin-bottom: 15px;display: inline-block;}
.goods a div{width: 90%;height: 200px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin: 10px auto;}
.goods a div img{transition: all .6s;max-width: 100%;max-height: 100%;}
.goods a:hover img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform-origin: center center;
}
.goods a span{font-size: 14px;color: #999;position: absolute;bottom: 15px;left: 0;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.goods a:nth-child(4n+0){margin-right: 0;}

/* 发展历程 */
.history{border-top: 1px solid #eee;max-width: 1200px;margin: auto;}
.history .container{margin-right:auto;margin-left:auto;padding-right: 15px;padding-left: 15px;}
@media (min-width:768px){.history .container{width:750px;}}
@media (min-width:992px){.history .container{width:970px;}}
@media (min-width:1200px){.history .container{width:1200px;}}
@media (min-width:1440px){.history .container{width:1200px;}}
.history .slick-nav {box-sizing: border-box; height: 150px; line-height: 150px; position: relative; }
.history .slick-nav:after { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #ddd; content: ''; }
.history .slick-nav .item { text-align: center; font-size: 22px; font-weight: 500; position: relative; }
.history .slick-nav .item:after { position: absolute; bottom: 0; left: 50%; width: 1px; height: 10px; background: #ddd; content: ''; }
.history .slick-nav .slick-current .item { font-size: 54px; font-weight: bold; color: #14bfcd; }
.history .slick-nav .slick-current .item:after { height: 20px; background: #14bfcd; }
.history .slick-nav .slick-arrow { font-size: 20px; text-align: center; position: absolute; z-index: 8; top: 50%; margin-top: -20px; display: block; width: 60px; height: 60px; line-height: 100%; color: #777; border: 1px solid #ddd; border-radius: 50%; cursor: pointer; outline: none; background: none; transition: all .4s ease; }
.history .slick-nav .slick-arrow:before { font-family: 'iconfont' !important; font-style: normal; }
.history .slick-nav .slick-arrow:hover { background-color: #14bfcd; color: #fff; border-color: #14bfcd; }
.history .slick-nav .slick-prev { left: 0; }
.history .slick-nav .slick-prev:before { content: '\e625'; }
.history .slick-nav .slick-next { right: 0; }
.history .slick-nav .slick-next:before { content: '\e626'; }
.history .slick-history-for { width: 100%; }
.history .slick-history-for .item { position: relative; }
.history .slick-history-for .item:after { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #ddd; content: ''; }
.history .slick-history-for .item ul li {padding-top: 30px;list-style: none;}
.history .slick-history-for .item ul li:last-child{padding-bottom: 30px;}
.history .slick-history-for .item ul li .li-box { overflow: hidden; padding: 0 100px; position: relative; font-size: 15px; }
.history .slick-history-for .item ul li .li-box .li-date { float: left; text-align: right; padding: 0 50px 0 0; font-size: 18px; color: #14bfcd;font-weight: 500; width: 50%; box-sizing: border-box; }
.history .slick-history-for .item ul li .li-box .li-cont { float: right; text-align: left; padding: 0 0 0 50px; line-height: 1.6; font-weight: 500;width: 50%; box-sizing: border-box;font-size: 16px;}
.history .slick-history-for .item ul li:hover .li-box .li-cont{color: #14bfcd;}
.history .slick-history-for .item ul li .li-box .li-cont p,
.history .slick-history-for .item ul li .li-box .li-cont div
{font-size: 16px;line-height: 1.6;}
.history .slick-history-for .item ul li .li-box:before { position: absolute; left: 50%; margin-left: -5px; top: 9px; width: 10px; height: 10px; box-sizing: border-box; border: 3px solid #14bfcd; border-radius: 50%; content: ''; z-index: 9; }
.history .slick-history-for .item ul li:nth-child(2n) { background: #fff; }
.history .slick-history-for .item ul li:nth-child(2n) .li-box .li-date { float: right; text-align: left; padding: 0 0 0 50px; }
.history .slick-history-for .item ul li:nth-child(2n) .li-box .li-cont { float: left; text-align: right; padding: 0 50px 0 0; }
@media (max-width: 1199px) { .history .slick-nav { padding: 0 80px; }
  .history .slick-nav:after { left: 80px; right: 80px; }
  .history .slick-nav .item { font-size: 20px; }
  .history .slick-nav .slick-current .item { font-size: 45px; }
  .history .slick-nav .slick-arrow { width: 50px; height: 50px; }
  .history .slick-history-for .item ul li .li-box { padding: 0 80px; font-size: 14px; } }
@media (max-width: 767px) { .history .slick-nav { height: 100px; line-height: 100px; padding: 0 50px; }
  .history .slick-nav:after { left: 50px; right: 50px; }
  .history .slick-nav .item { font-size: 14px; }
  .history .slick-nav .slick-current .item { font-size: 28px; }
  .history .slick-nav .slick-arrow { font-size: 16px; }
  .history .slick-history-for .item ul li { padding: 30px 0; }
  .history .slick-history-for .item ul li .li-box { padding: 0; font-size: 12px; }
  .history .slick-history-for .item ul li .li-box .li-date { font-size: 16px; padding: 0 20px 0 0; }
  .history .slick-history-for .item ul li .li-box .li-cont { padding: 0 0 0 20px; }
  .history .slick-history-for .item ul li:nth-child(2n) .li-box .li-date { padding: 0 0 0 20px; }
  .history .slick-history-for .item ul li:nth-child(2n) .li-box .li-cont { padding: 0 20px 0 0; } }

/* 人力资源列表 */
.hr{max-width: 1200px;margin:auto;margin-bottom: 120px;border-top: 1px solid #eee;}
.hr a{padding: 30px 0;display: block;border-bottom: 1px dashed #ddd;}
.hr a>span{font-size: 20px;display: inherit;}
.hr a>div{display: flex;justify-content: space-between;margin-top: 25px;}
.hr a>div>div{display: flex;}
.hr a>div span{font-size: 14px;color: #999;}
.hr a>div>div>span{margin-right: 60px;}
.hr a:hover>span
{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right,#14bfcd,#2b57b8);
    color: #14bfcd;
}

/* 列表分页 */
.page{clear: both;text-align: center;max-width: 1200px;margin: auto;margin-top: 50px;}
.apge ul{display: flex;flex-flow: wrap;justify-content: center;}
.page li{display: inline-block;margin-right: 10px;}
.page li a{font-size: 14px;}
.page li.active a{margin-right: 5px;}
.page a[href]{
    display: inherit;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    padding: 0 15px;
    color: #666;
    border-radius: 5px;
    display: flex;
}
.page a[href]:hover {
    border: 1px solid #fff;
    color: #ffffff;
    background: #14bfcd;
    background-image: linear-gradient(to right,#14bfcd,#2b57b8);
}
.page a:hover {
    color: #666666;
}

.footer{margin-top: 120px;}

/* ========== 自适应样式 ========== */
@media screen and (min-width: 751px) {
    .goods a:last-child:nth-child(4n - 1) {margin-right: calc(24% + 4% / 3);}
    .goods a:last-child:nth-child(4n - 2) {margin-right: calc(48% + 8% / 3);}
}
@media screen and (max-width: 1200px) {
    .catetory{margin: 0 30px 0 30px;padding-bottom: 30px;}
    .catetory a{margin-right: 20px;margin-bottom: 20px;}

    .article{margin:0 30px 0 30px}
    .article a div:nth-child(2){margin-left:15px;}
    .article a div:nth-child(3){margin-left:30px;}

    .goods{padding: 0 30px;}
    .goods a{height: 220px;margin-bottom: 15px;}
    .goods a div{height: 170px;}
    .goods a div img{max-height: 150px;}
    
    .hr{padding:0 30px}
    .hr a>div>div>span{margin-right: 30px;}
}
@media screen and (max-width: 750px) {
    .catetory{margin: 0 10px 0 10px;padding-top: 30px;padding-bottom: 10px;}

    .article{margin:0 10px 0 10px}
    .article a{padding: 15px 0;}
    .article a div:nth-child(1){width: 50px;}
    .article a div:nth-child(1) span{font-size: 16px;color: #999;}
    .article a div:nth-child(2) span{font-size: 16px;}
    .article a div:nth-child(3){width: 100px;height: 70px;margin-left: 15px;}
    .article a div:nth-child(2) img{display: none;}
    .article a div:nth-child(1) i{text-align: left;}
    .article a div:nth-child(1) span{text-align: left;}
    .article a div:nth-child(2) p{-webkit-line-clamp: 2;}
   
    .goods{padding: 0 10px;margin-top: 0;}
    .goods a{height: 160px;width: 48%;margin-bottom: 15px;}
    .goods a div{height: 120px;}
    .goods a div img{max-height: 85px;}

    .page{margin-top: 30px;padding: 0 10px;}
    .page a[href]{height: 30px;line-height: 30px;padding: 0 10px;}
    .footer{margin-top: 30px;}
    
    .hr{padding:0 10px}
    .hr a{padding: 20px 0;}
    .hr a>div{flex-direction: column;margin-top: 10px;}
    .hr a>div>div{flex-direction: column;}
    .hr a>div span{margin-top: 10px;}

}

/* 针对IE10及以下浏览器 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .catetory a.atv, .catetory a:hover{background-image:none}
    .article a:hover div:nth-child(2) span{background-image:none}
    .hr a:hover>span{background-image:none}
  }