@charset "UTF-8";
/*卡片共用*/
.cardBasic { display: inline-block; width: 100%; position: relative; overflow: hidden; border-radius: 5px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); background: #ffffff; }
.cardBasic .cardImg { line-height: 0; }
.cardBasic .cardInfo { -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; }
.cardBasic h3 { vertical-align: top; margin: 0 0 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cardBasic h3 sup { font: 14px/28px Microsoft JhengHei, sans-serif; vertical-align: top; margin: 0 0 0 15px; display: inline-block; }
.cardBasic h4 { margin: 0 0 5px 0; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.cardBasic h4:last-child { margin: 0; }
.cardBasic p { font: 16px/30px Microsoft JhengHei, sans-serif; }
.cardBasic i { font: 14px/20px Microsoft JhengHei, sans-serif; margin: 0 0 5px 0; display: inline-block; width: 100%; color: #8E8E93; }
.cardBasic span { font: 14px/28px Microsoft JhengHei, sans-serif; padding: 0px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 194px; background: #B9B9B9; border-radius: 5px; color: #ffffff; display: inline-block; }
.cardBasic .disc { margin: 8px 0 0 0; }
.cardBasic .disc li { margin: 0 0 8px 0; }
/*卡片共用-小網*/
@media screen and (max-width: 640px) { 
  .cardStyle { width: 100%; }
  .cardStyle .cardInfo { padding: 15px; } }
.kvBlock { width: 100%; height: 800px; background: transparent url(../img/index/kv.jpg) no-repeat bottom center/cover; position: relative; }
.kvBlock h1 { color: transparent; position: absolute; z-index: -1; }
.kvBlock p { font: 36px/50px Microsoft JhengHei, sans-serif; position: absolute; left: 100px; top: 200px; width: 505px; }
.kvBlock p span { font: bold 16px/20px Microsoft JhengHei, sans-serif; margin: 20px 0 0 0; display: block; }
video.kvBlock { background-image: none; height:auto; padding-top:100px;}
.newsBlock { width: 100%; background: transparent url(../img/index/breakingNews_bg.jpg) no-repeat bottom center/cover; position: relative; padding: 100px 100px 50px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsBlock p { font: 36px/50px Microsoft JhengHei, sans-serif; position: absolute; left: 100px; top: 100px; }
.newsBlock .newsCont { padding: 0 0 0 150px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; }
.newsBlock .newsCont ul li { display: inline-block; margin: 0 30px 50px 0; width: 287px; }
.newsBlock .newsCont ul li .cardInfo { padding: 20px 15px; height: 85px; }
.newsBlock .newsCont ul li .cardImg { height: 148px; }
.newsBlock .date { display: block; font: bold 12px/24px Microsoft JhengHei, sans-serif; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; background: #B9B9B9; border-radius: 5px; text-align: center; width: 96px; margin: 10px 0 0 0; }
.logisticsBlock { width: 100%; height: 800px; background: transparent url(../img/index/automation.jpg) no-repeat bottom left/cover; position: relative; }
.logisticsBlock .logisticsCont { position: absolute; top: 230px; right: 7%; width: 260px; }
.logisticsBlock .logisticsCont p { font: 36px/50px Microsoft JhengHei, sans-serif; display: inline-block; margin: 0 0 15px 0; }
.logisticsBlock .logisticsCont ul { margin: 0 0 10px 0; }
.logisticsBlock .logisticsCont ul li { font: bold 14px/20px Microsoft JhengHei, sans-serif; margin: 0 0 10px 0; }
.logisticsBlock .logisticsCont .moreBtn { display: inline-block; padding: 0px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #E30881; background: transparent; border: 2px solid rgba(227, 8, 129, 0.3); border-radius: 5px; font: bold 16px/36px Microsoft JhengHei, sans-serif; text-align: center; letter-spacing: 2px; cursor: pointer; }
.logisticsBlock .logisticsCont .moreBtn:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
.cooperateBlock { width: 100%; height: 750px; background: transparent url(../img/index/group.jpg) no-repeat bottom center/cover; position: relative; }
.cooperateBlock p { font: 36px/50px Microsoft JhengHei, sans-serif; position: absolute; top: 150px; left: 100px; }
@media screen and (max-width: 1024px) { 
  .kvBlock { background-position-x: right; background-image: url(../img/index/kv_mob.jpg); }
  .kvBlock p { font: 24px/36px Microsoft JhengHei, sans-serif; top: 70px; left: 0; right: 0; width: 85%; margin: 0 auto; }
  .kvBlock p span { font: 14px/20px Microsoft JhengHei, sans-serif; margin: 15px 0 0 0; }
  video.kvBlock { background-image: none;  height:auto; padding-top:0px;}
  .newsBlock { padding: 70px 40px 20px 40px; }
  .newsBlock p { font: 24px/30px Microsoft JhengHei, sans-serif; position: initial; display: block; text-align: center; margin: 0 0 30px 0; }
  .newsBlock .newsCont { padding: 0; text-align: center; }
  .newsBlock .newsCont ul li .cardImg { height: auto; }
  .newsBlock .newsCont ul li .cardImg img { width: 100%; height: auto; }
  .logisticsBlock { height: 480px; background: transparent url(../img/index/automation_mob.jpg) no-repeat bottom right/cover; }
  .logisticsBlock .logisticsCont { top: 15%; left: 15%; width: 200px; }
  .logisticsBlock .logisticsCont p { font: 24px/36px Microsoft JhengHei, sans-serif; margin: 0 0 30px 0; }
  .logisticsBlock .logisticsCont ul { margin: 0 0 20px 0; }
  .cooperateBlock { background: transparent url(../img/index/group_mob.jpg) no-repeat bottom center/cover; }
  .cooperateBlock p { font: 24px/40px Microsoft JhengHei, sans-serif; position: absolute; top: 150px; left: 100px; } }
@media screen and (min-width: 641px) and (max-width: 1024px) { 
  .newsBlock .newsCont ul li { width: calc((100% - 40px)/2); margin: 0 40px 40px 0; }
  .newsBlock .newsCont ul li:nth-child(2n) { margin: 0 0 40px 0; }
  .cooperateBlock { height: 550px; }
  .cooperateBlock p { top: 15%; left: 15%; } }
@media screen and (max-width: 640px) { 
  .kvBlock { height: 550px; }
  video.kvBlock { background-image: none;  height:auto;}
  .newsBlock .newsCont ul li { width: 100%; margin: 0 0 30px 0; }
  .logisticsBlock { background-position: bottom center; }
  .logisticsBlock .logisticsCont { left: 40px; }
  .cooperateBlock { height: 380px; }
  .cooperateBlock p { top: 15%; left: 40px; } }