/* CSS Document */
/*
  date 2022-11-21
  author xy
*/

*:focus {
  outline: none;
}
html, body {
  height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
  font-style: normal;
  font-weight: normal;
}
ol, ul, li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
body {
  font-family: "Microsoft YaHei", PingFangSC-Regular, sans-serif;
  color: #120c0a;
  font-size: 16px;
  background: #f9f9f9;
  word-break: break-all;
}
input, select, textarea, button {
  vertical-align: middle;
  font-family: "Microsoft YaHei", PingFangSC-Regular, sans-serif;
}
a, a:link {
  text-decoration: none;
  outline: none;
}
.hide{ display: none;}
.wrap{ width:100%; max-width:1920px; min-width:1050px; height:auto; _width:expression(this.scrollWidth > 1920 ? "1920px" : (this.scrollWidth < 1050? "1050px" : "auto")); overflow:hidden; margin:0 auto; position: relative; }
/*头部导航*/
.header{ position: fixed; z-index: 6; top: 0; right: 0; left: 0; width: 100%; overflow: hidden; background: #fff; }
.b-white{ background: #fff; }
.header.index-bg{ background: rgba(0,0,0,.5); }
.header.on{ background: #fff; }
.header.on::after{ display: block; content: ''; width: 100%; height: 1px; left: 0; top: 86px; right: 0; background: #e7e6e6; position: absolute; }
.logo{ position: absolute; left: 60px; top: 19px; }
.logo .white{ display: none; }
.logo img{ width: 158px; }
.user{ position: absolute; right: 70px; top: 32px; font-size: 14px; color: #999; }
.user a{ color: #999; }
.user a:hover{ color: #ff5033; }
.user span{ display: inline-block; width: 1px; height: 14px; background: #cbcbcb; vertical-align: middle; margin: -3px 8px 0; }
.header.index-bg .user,.header.index-bg .user a{ color: rgba(255,255,255,.6); }
.header.index-bg.on .user,.header.index-bg.on .user a{ color: #999; }
.header.index-bg .user span{ background: rgba(255,255,255,.6); }
.header.index-bg.on .user span{ background: #999; }
.user a:first-child{ color: #ff5033!important; }
.nav{ overflow: hidden; margin: 0 auto; width: 740px; text-align: center; }
.nav li{ float: left; width: 128px; }
.nav li:first-child{ width: 96px; }
.nav li a.nav-top{ height: 86px; line-height: 86px; display: block; position: relative; color: #666; }
.sub-list{ padding: 20px 0 20px; display: none; }
.sub-list a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #999; }
.sub-list a:hover{ color: #ff5033; }
.nav li:hover a.nav-top{ font-size: 18px; color: #120c0a; }
.nav li:hover a.nav-top::after{ display: block; content: ''; position: absolute; bottom: 0; width: 70px; height: 2px; background: #ff5033; left: 50%; margin-left: -35px;}
.nav li.active a.nav-top::before{ display: block; content: ''; position: absolute; left: 32px; right: 32px; top: 48px; height: 6px; background: url(../image/nav_line.png) no-repeat; background-size: 100% 100%; z-index: -1; }
.header.on .nav li a.nav-top::before{ display: none; }
.header.index-bg a.nav-top{ color: rgba(255,255,255,.6); }
.header.index-bg.on a.nav-top{ color: #858385; }
.header.index-bg .nav li.active a.nav-top{ color: #fff; }
.header.index-bg.on .nav li.active a.nav-top{ color: #858385; }
.header.index-bg .logo .white{ display: block; }
.header.index-bg .logo .black{ display: none; }
.header.index-bg.on .logo .white{ display: none; }
.header.index-bg.on .logo .black{ display: block; }
.inner-banner{ margin-top: 86px; height: 320px; position: relative; margin-bottom: 90px; }
.inner-banner img{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; }
.main{ width: 1200px; overflow: hidden; margin: 0 auto; padding: 0 60px; }
.footer{ background: url(../image/footer.jpg) center top no-repeat; border-top: 1px solid #e7e6e6; padding-top: 82px; height: 264px; margin-top: 150px; }
.footer .main{ overflow: inherit; height: 180px; }
.footer-logo{ display: block; width: 242px; float: left; margin-top: 35px; }
.footer-logo img{ display: block; width: 240px; }
.footer-main{ width: 820px; float: right; font-size: 14px; color: #120c0a; line-height: 24px; }
.footer-main a{ color: #120c0a;}
.footer-my{ overflow: hidden; color: #a6a5a4; padding: 20px 0; }
.footer-my p{ float: left; }
.footer-my a{ float: right; color: #120c0a; text-decoration: underline; }
.footer-main p span{ display: inline-block; height: 16px; width: 1px; background: #120c0a; margin: 0 8px; vertical-align: middle; }
.footer-img{ float: left; }
.footer-img a{ display: block; float: left; height: 44px; padding: 4px 6px 0; border: 1px solid #e7e7e7; margin-right: 10px; }
.footer-img a img{ height: 38px; }
.footer-contact{ float: right; padding-top: 15px; }
.footer-contact i{ display: inline-block; width: 25px; height: 21px; background: url(../image/icon.png) -12px 0 no-repeat; }
.footer-contact a.wb i{ background-position: -42px 0; width: 24px; }
.footer-contact a{ display: block; float: left; margin-left: 20px; position: relative; }
.footer-contact .code{ position: absolute; left: -60px; top: -134px; z-index: 2; border: 1px solid #e7e7e7; display: none; }
.footer-contact a:hover .code{ display: block; }
.footer-contact img{ width: 124px; height: 124px; }
.footer-contact a.wx:hover i{ background-position: -12px -25px; }
.footer-contact a.wb:hover i{ background-position: -42px -25px; }
.big img{ display:block; width:100%; min-height:100%;-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.big:hover img,.news li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }

/*业务板块 - 桌面游戏*/
.change-nav{ height: 68px; border-bottom: 1px solid #e7e6e6; margin-bottom: 80px; }
.change-nav li{ float: left; margin-right: 70px; }
.change-nav li a{ display: block; padding-top: 8px; height: 59px; position: relative; font-size: 16px; color: #666; }
.change-nav li.active a{ border-bottom: 3px solid #ff5033; font-size: 20px; color: #120c0a; font-weight: bold; }
.change-nav li:hover a{ color: #120c0a; }
.mine{ margin-bottom: 100px; }
.mine.mine-top{ visibility: hidden; }
.mine-name{ color: #120c0a; font-size: 24px; margin-bottom: 15px; }
.mine-title{ color: #120c0a; font-size: 54px; margin-bottom: 30px; }
.mine-title span{ font-weight: bold; }
.mine-info{ font-size: 16px; color: #666; line-height: 30px; }
.title{ font-size: 16px; color: #999; margin-bottom: 70px; }
.title p{ color: #120c0a; font-size: 32px; font-weight: bold; margin-bottom: 5px; }
.work li{ height: 472px; background: #fff; margin-bottom: 100px; }
.work li a{ display: block; }
.work-left{ width: 360px; float: left; overflow: hidden; padding-top: 70px; text-align: center; }
.work-right{ width: 840px; height: 472px; float: left; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.work-right img{ height: 100%; width: 100%; object-fit: cover; }
.work-logo{ height: 80px; margin-bottom: 15px; }
.work-logo img{ display: block; max-height: 80px; margin: 0 auto; }
.work-name{ font-size: 16px; color: #333; padding: 0 10px; }
.work-name p{ font-size: 20px; color: #120c0a; }
.work-info{ padding: 0 45px; line-height: 24px; color: #999; font-size: 14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; margin: 25px 0 30px; }
.work-btn{ color: #ff5033; font-size: 14px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; margin-left: 15px; opacity: 0; }
.work-btn::after,.news-btn::after,.csr-more::after,.intro-more::after{ display: inline-block; width: 7px; height: 11px; background: url(../image/icon.png) 0 0 no-repeat; content: ''; vertical-align: middle; margin: -2px 0 0 8px; }
.work li:hover,.event li:hover,.news li:hover,.intro-list li:hover{ -webkit-box-shadow: 0px 16px 18px -7px rgba(222,222,222,0.6); -moz-box-shadow: 0px 16px 18px -7px rgba(222,222,222,0.6); box-shadow: 0px 16px 18px -7px rgba(222,222,222,0.6); }
.work li:hover .work-btn{ margin-left: 0; opacity: 1; }
.sub-tab{ height: 60px; border-bottom: 1px solid #e7e6e6; text-align: center; margin-bottom: 90px; }
.sub-tab li{ display: inline-block; margin: 0 40px; }
.sub-tab li a{ display: inline-block; height: 59px; font-size: 20px; color: #120c0a; }
.sub-tab li.active a{ border-bottom: 3px solid #ff5033; }
.product{ background: #fff; padding: 0 0 55px; overflow: hidden; }
.product-top{ overflow: hidden; padding-left: 60px; padding-top: 90px; }
.product-logo{ width: 120px; float: left; margin-top: -10px; }
.product-logo img{ display: block; width: 100%!important; height: auto!important; }
.product-name{ width: 240px; float: left; margin-left: 28px; background: url(../image/board.png) no-repeat; margin-top: 10px; padding-top: 22px; height: 57px; font-size: 26px; color: #120c0a; font-weight: bold; }
.product-text{ width: 706px; float: left; }
.product-text p{ font-size: 14px; color: #666; line-height: 24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.product-text::before{ display: block; width: 28px; height: 2px; background: #ff5033; content: ''; margin-bottom: 30px; }
.product-btn{ float: right; font-size: 14px; color: #999; margin-top: 15px; }
.product-btn::after,.event-next span::after,.look-btn::after,.goods-btn::after,.way-more::after{ display: inline-block; width: 7px; height: 11px; background: url(../image/icon.png) 0 -14px no-repeat; content: ''; vertical-align: middle; margin: -2px 0 0 8px; }
.product-list{ width: 1180px; height: 220px; margin: 50px auto; }
.product-list li{ width: 220px; height: 220px; float: left; overflow: hidden; margin: 0 8px; position: relative; display: flex; align-items: center; justify-content: center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.product-list li::after{ display: block; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.2); position: absolute; }
.product-list li img{ height: 220px; width: auto; }
.product-more{ display: block; width: 88px; margin: 0 auto; text-align: center; font-size: 14px; color: #999; }
.product-list li:hover{ transform:scale(1.28); -webkit-transform:scale(1.28); -moz-transform:scale(1.28); z-index: 2; }
.product-list li:hover::after{ display: none; }
.mb100{ margin-bottom: -100px; }
/*业务板块 - 电子竞技*/
.event li{ height: 680px; background: #fff; margin-bottom: 120px; }
.event-img{ position: relative; height: 480px; overflow: hidden; }
.event-img p{ height: 480px; display: flex; align-items: center; justify-content: center; }
.event-img p.hide{ display: none; }
.event-img p img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.event-title{ position: absolute; bottom: -100%; opacity: 0; left: 0; right: 0; z-index: 2; padding: 12px 60px; background: rgba(0,0,0,.5); font-size: 14px; color: #ccc; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.event-title span{ display: block; color: #fff; font-size: 20px; }
.event-dot{ width: 100px; position: absolute; bottom: 30px; left: 50%; margin-left: -50px; z-index: 1; text-align: center; font-size: 0; }
.event-dot i{ display: inline-block; width: 12px; height: 12px; background: rgba(0,0,0,.5); margin: 0 5px; transition: width .3s; }
.event-dot i.on{ width: 30px; background: url(../image/nav_line.png) no-repeat; background-size: 100% 100%; }
.event-tab{ overflow: hidden; position: relative; }
.event-tab::after{ display: block; content: ''; width: 1px; height: 78px; position: absolute; top: 60px; left: 50%; background: #eee; }
.event-list{ overflow: hidden; float: left; width: 50%; }
.event-list a{ display: block; padding: 58px 0 0; height: 142px; }
.event-logo{ width: 78px; height: 78px; border-radius: 50%; overflow: hidden; background: #ebebeb; float: left; margin-left: 40px; }
.event-logo img{ display: block; width: 100%; }
.event-name{ float: left; margin-left: 18px; font-size: 16px; color: #666; padding-top: 6px; width: 310px; }
.event-name p{ color: #120c0a; font-size: 20px; margin-bottom: 12px; }
.event-next{ float: right; margin-right: 40px; font-size: 14px; color: #999; }
.event-next img{ width: 84px; margin-top: -5px; }
.event-next span{ display: block; margin-top: 45px; }
.event li:hover .event-title{ bottom: 0; opacity: 1; }
.event-list:hover .event-next{ color: #ff5033; }
.event-list:hover .event-next span::after{ background-position: 0 0; }
.game{ width: 1220px; margin-left: -10px; }
.game li{ height: 680px; background: #fff; margin-bottom: 120px; float: left; width: 590px; margin: 0 10px 20px; }
.game li .event-list{ width: 100%; }
.game li.has-code .event-list:hover .event-next span{ display: none; }
.game li.has-code .event-list:hover .event-next img{ display: block; }
/*业务板块 - 文化创意*/
.sub-more{ text-align: right; margin: -30px 0 25px; }
.goods-btn{ font-size: 14px; color: #999; }
.goods-info{ width: 900px; height: 506px; overflow: hidden; float: left; }
.goods-info .swiper-slide{ position: relative; width: 900px; height: 506px; overflow: hidden; }
.goods-info .swiper-slide a{ display: block; height: 100%; }
.goods-img{ height: 100%; }
.goods-img img{ width: 100%; height: 100%; object-fit: cover;}
.goods-name{ position: absolute; left: 0; right: 0; bottom: -100%; opacity: 0; padding: 12px 160px 12px 40px; font-size: 20px; color: #fff; background: rgba(0,0,0,.5); -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }
.goods-name p{ font-size: 14px; color: #ccc; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-top: 10px; }
.look-btn{ position: absolute; bottom: 12px; right: 40px; font-size: 14px; color: #ccc; }
.goods-info .swiper-slide a:hover .look-btn{ color: #ff5033; }
.goods-info .swiper-slide a:hover .look-btn::after{ background-position: 0 0; }
.look-btn:hover,.goods-btn:hover,.product-btn:hover,.product-more:hover,.way-more:hover{ color: #ff5033; }
.look-btn:hover::after,.goods-btn:hover::after,.product-btn:hover::after,.way-more:hover::after{ background-position: 0 0; }
.goods-info .swiper-slide.swiper-slide-active .goods-name{ opacity: 1; bottom: 0; }
.goods-nav{ float: left; width: 290px; margin-left: 10px; }
.goods-nav .swiper-wrapper{ transform: none!important; }
.goods-nav .swiper-slide{ height: 162px!important; margin-bottom: 9px; cursor: pointer; overflow: hidden; }
.goods-nav p{ height: 163px; position: relative; }
.goods-nav p img{ width: 100%; height: 163px; object-fit: cover; }
.goods-nav .swiper-slide p::after{ display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); position: absolute; }
.goods-nav .swiper-slide.swiper-slide-thumb-active p::after{ display: none; }

/*新闻页*/
.news{ width: 1215px; overflow: hidden; padding: 10px 10px 0; margin: 0 0 0 -10px; }
.news li{ background: #fff; width: 390px; float: left; margin: 0 15px 60px 0; padding-bottom: 32px; position: relative; }
.news li a{ display: block; height: 100%; }
.news-img{ width: 390px; height: 258px; overflow: hidden; }
.news-img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.news-name{ margin: 20px 25px 10px; font-size: 18px; color: #120c0a; line-height: 26px; height: 52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.news-desc{ font-size: 14px; color: #666; line-height: 22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 0 25px 15px; height: 44px; }
.news-btn{ display: block; float: right; margin-right: 10px; opacity: 0; font-size: 14px; color: #ff5033; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; height: 20px; }
.news li:hover .news-btn{ margin-right: 25px; opacity: 1; }
.news-btn.hide,.news li:hover .news-btn.hide{ visibility: hidden; opacity: 0; }
.pages{ text-align: center; color: #999; }
.pages a{ display: inline-block; vertical-align: middle; padding: 0 3px; margin: 0 8px; color: #999; font-size: 16px; }
.pages a.page-prev,.pages a.page-next{ width: 30px; height: 22px; background: #ff5033; padding: 8px 0 0; font-size: 0; }
.pages a.page-prev::after,.pages a.page-next::after,.swiper-prev::after,.swiper-next::after{ display: inline-block; width: 8px; height: 14px; background: url(../image/icon.png) -72px 0 no-repeat; content: ''; }
.pages a.page-next::after,.swiper-next::after{ background-position: -86px 0; }
.pages a.page-prev.end,.pages a.page-next.end,.swiper-prev.swiper-button-disabled,.swiper-next.swiper-button-disabled{ background: #e6e3e3; cursor: default; }
.pages span{ display: inline-block; vertical-align: middle; width: 48px; height: 2px; background: #ff5033; }
.pages a.active{ color: #ff5033; }
.pages a i{ width: 0; height: 0; display: none; }

/*新闻详情页*/
.headline{ margin: 100px auto 0; width: 1200px; padding: 35px 0 50px; font-size: 14px; color: #666; }
.headline i{ display: inline-block; width: 15px; height: 16px; background: url(../image/icon.png) -100px 0; vertical-align: middle; margin: -2px 5px 0 0; }
.headline a{ color: #666; }
.headline span{ color: #120c0a; }
.detail{ padding: 70px 90px; background: #fff; width: 1020px; margin: 0 auto; }
.press-title{ font-size: 24px; color: #120c0a; text-align: center; margin-bottom: 20px; }
.press-time{ text-align: center; font-size: 14px; color: #666; margin-bottom: 30px; }
.press{ border-top: 1px solid #e7e6e6; padding-top: 50px; color: #120c0a; font-size: 16px; line-height: 30px; }
.press p{ margin-bottom: 25px; text-indent: 2em; }
.press img{ display: block; max-width: 100%; margin: 0 auto; height: auto!important; width: auto!important; }
.press b,.press strong{ font-weight: bold; }
.press i{ font-style: italic; }
.press-video{ width: 690px; height: 450px; margin: 0 auto 25px; }
.press-video video,.press-video iframe{ width: 100%; height: 100%; }

/*关于游卡*/
.about{ overflow: hidden; }
.about-left{ width: 570px; float: left; color: #666; line-height: 30px; }
.about-title{ font-size: 18px; color: #120c0a; }
.about-left p{ padding: 13px 0; }
.about-right{ width: 600px; float: right; }
.about-right img{ display: block; width: 100%; }
.pt90{ padding-top: 100px; }
.pt200{ padding-top: 200px; }
.mission{ text-align: center; overflow: hidden; padding-bottom: 100px; }
.mission-name{ font-size: 0; padding-bottom: 20px; }
.mission-name span{ font-weight: bold; font-size: 46px; margin: 0 2px; display: inline-block; }
.mission-icon1{ display: inline-block; width:6px; height: 6px; border-top: 4px solid #ff5033; border-left: 4px solid #ff5033; vertical-align: top; margin-right: 3px; opacity: 0;  }
.mission-icon2{ display: inline-block; width:6px; height: 6px; border-right: 4px solid #ff5033; border-bottom: 4px solid #ff5033; vertical-align: bottom; margin-left: 3px; opacity: 0; }
@-webkit-keyframes zsleft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(375px, 51px, 0) scale(1);
    transform: translate3d(375px, 51px, 0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, -20px, 0) scale(1.5);
    transform: translate3d(-20px, -20px, 0) scale(1.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(18px, 5px, 0) scale(1.2);
    transform: translate3d(18px, 5px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes zsleft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(375px, 51px, 0) scale(1);
    transform: translate3d(375px, 51px, 0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, -20px, 0) scale(1.5);
    transform: translate3d(-20px, -20px, 0) scale(1.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(18px, 5px, 0) scale(1.2);
    transform: translate3d(18px, 5px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.zsleft {
  -webkit-animation-name: zsleft;
  animation-name: zsleft;
  animation-fill-mode: forwards;
}
@-webkit-keyframes zsright {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-375px, -51px, 0) scale(1);
    transform: translate3d(-375px, -51px, 0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.5);
    transform: translate3d(20px, 20px, 0) scale(1.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-8px, -2px, 0) scale(1.2);
    transform: translate3d(-8px, -2px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes zsright {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-375px, -51px, 0) scale(1);
    transform: translate3d(-375px, -51px, 0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 20px, 0) scale(1.5);
    transform: translate3d(20px, 20px, 0) scale(1.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-8px, -2px, 0) scale(1.2);
    transform: translate3d(-8px, -2px, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.zsright {
  -webkit-animation-name: zsright;
  animation-name: zsright;
  animation-fill-mode: forwards;
}
.mission-eng{ color: #ff5033; font-size: 24px; margin-top: -5px; }
.mission-logo{ margin-top: 32px; }
.about-bg{ background: url(../image/about_bg.jpg) center 370px no-repeat; overflow: hidden; }
.brand{ overflow: hidden; width: 1215px; margin: 0 0 265px; }
.brand li{ background: url(../image/brand.jpg) 0 0 no-repeat; float: left; width: 390px; height: 408px; padding: 172px 0 0; position: relative; margin-right: 15px; }
.brand-name{ font-size: 24px; color: #666; padding: 0 40px; }
.brand-desc{ font-size: 18px; color: #333; line-height: 30px; opacity: 0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; position: absolute; padding: 0 40px; left: 0; right: 0; top: 252px; }
.brand li:hover .brand-name{ display: none; }
.brand li:hover .brand-desc{ opacity: 1; top: 172px; }
/*.brand li::after{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.2); content: ''; display: none; }
.brand li:hover::after{ display: block; }*/
.brand li.br2{ background-position: -393px 0; }
.brand li.br3{ background-position: -785px 0; }
.hvr-sweep-to-top {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.2);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);}
.history{ overflow: hidden; position: relative; margin-bottom: 10px; }
.history-nav{ overflow: hidden; width: 1120px; height: 88px; position: relative; margin: 0 auto 80px; }
.history-nav::after{ display: block; content: ''; width: 1120px; height: 1px; background: #ff5033; position: absolute; left: 0; top: 63px; }
.history-nav .swiper-slide{ width: 224px; text-align: center; cursor: pointer; }
.history-nav .swiper-slide p{ padding-top: 10px; height: 42px; font-size: 18px; color: #333; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.history-nav .swiper-slide i{ display: block; width: 10px; height: 10px; border-radius: 50%; background: #ff5033; margin: 6px auto 0; }
.history-nav .swiper-slide.swiper-slide-thumb-active p{ color: #ff5033; font-size: 32px; height: 52px; padding-top: 0; font-weight: bold; }
.history-nav .swiper-slide:hover p{ color: #ff5033; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.history-nav .swiper-slide.swiper-slide-thumb-active i{ background: #fff; border: 6px solid #ff5033; margin-top: 0; }
.history-info{ overflow: hidden; }
.history-info .swiper-slide{ color: #120c0a; font-size: 16px; }
.history-info .swiper-slide p{ margin-bottom: 20px; }
.swiper-prev,.swiper-next{ display: block; position: absolute; left: 0; top: 48px; width: 30px; height: 22px; padding-top: 8px; background: #ff5033; cursor: pointer; text-align: center; font-size: 0; }
.swiper-next{ left: auto; right: 0; }
.culture{ overflow: hidden; height: 400px; margin-bottom: 50px; background: #f9f9f9; }
.culture-left{ float: left; width: 840px; display: block; }
.culture-right{ width: 360px; float: left; padding-top: 90px; height: 310px; text-align: center; }
.honors{ overflow: hidden; position: relative; height: 590px; }
.honors::after{ display: block; content: ''; width: 2px; height: 525px; background: url(../image/cul_line.png) no-repeat; top: 0; right: 88px; position: absolute; z-index: 2; }
.honors-info{ width: 1112px; float: left; overflow: hidden; margin-left: -45px; }
.honors-nav{ width: 92px; overflow: hidden; height: 468px; position: absolute; top: -10px; right: 0; }
.honors-nav .swiper-slide{ height: 78px; line-height: 78px; padding-left: 22px; position: relative; cursor: pointer; }
.honors-nav .swiper-slide p{ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.honors-nav .swiper-slide:hover p{ -webkit-transform: translateX(5px); transform: translateX(5px); color: #ff5033; }
.honors-nav .swiper-slide.swiper-slide-thumb-active{ font-size: 26px; color: #ff5033; font-weight: bold; }
.honors-nav .swiper-slide.swiper-slide-thumb-active::before{ display: block; content: ''; width: 6px; height: 24px; background: #ff5033; position: absolute; left: 0; top: 50%; margin-top: -12px; }
.honors-list{ overflow: hidden; width: 1112px; height: 504px; flex-shrink: 0; }
.honors-list li{ width: 466px; height: 66px; background: url(../image/mai.png) no-repeat; text-align: center; float: left; margin: 0 45px 60px 45px; }
.honors-name{ font-size: 20px; color: #120c0a; padding: 5px 0; }
.honors-desc{ font-size: 16px; color: #666; margin: 0 40px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.honors-info .swiper-slide{ background: #fff; height: 590px; overflow: hidden; }
.honors-change{ display: flex; -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: -webkit-transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; }
.csr{ overflow: hidden; margin-bottom: -70px; }
.csr li{ height: 238px; padding-top: 90px; background: #f9f9f9; position: relative; margin: 40px 0 110px 40px; }
.csr li a{ display: block; height: 100%; }
.csr-img{ position: absolute; left: -40px; top: -40px; width: 584px; height: 328px; overflow: hidden; }
.csr-img img,.way-img img,.way-nav .swiper-slide p img,.intro-img img{ width: 100%; height: 100%; object-fit: cover; }
.csr-img::after{ position: absolute; left: 0; bottom: 0; right: 0; height: 75px; content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity: .6; }
.csr-info{ width: 540px; margin-left: 580px; }
.csr-name{ font-size: 20px; color: #120c0a; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.csr-desc{ font-size: 14px; color: #999; line-height: 24px; height: 48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 25px 0 75px; }
.csr-more{ display: inline-block; float: right; font-size: 14px; color: #ff5033; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; margin-right: -15px; opacity: 0; }
.csr li:hover .csr-more{ opacity: 1; margin-right: 0; }
.csr li:nth-child(even){ margin-left: 0; margin-right: 40px; }
.csr li:nth-child(even) .csr-img{ left: auto; right: -40px; }
.csr li:nth-child(even) .csr-info{ margin-left: 40px; }

/*首页*/
.banner{ height: 940px; overflow: hidden; text-align: center; color: #fff; position: relative; }
.banner .swiper-slide{ position: relative; overflow: hidden; background-size: auto 100%; }
.banner-top{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(10,6,8,.5); visibility: hidden; }
.banner-bg{ height: 940px; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.05); transform: scale(1.05); }
.banner-bg.show{ -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out; animation: banshow 1s .1s linear 1; -webkit-animation: banshow 1s .1s linear 1; -moz-animation: banshow 1s .1s linear 1; animation-fill-mode: forwards; }
@keyframes banshow {
  from { -webkit-filter: blur(20px); filter: blur(20px); }
  to { -webkit-filter: blur(0); filter: blur(0); }
}
@-moz-keyframes banshow {
  from { -webkit-filter: blur(20px); filter: blur(20px); }
  to { -webkit-filter: blur(0); filter: blur(0); }
}
@-webkit-keyframes banshow {
  from { -webkit-filter: blur(20px); filter: blur(20px); }
  to { -webkit-filter: blur(0); filter: blur(0); }
}
.ban-eng{ padding-top: 320px; margin-bottom: 40px; }
.ban-info{ padding-bottom: 50px; font-weight: bold; font-size: 0; }
.ban-info span{ font-size: 108px; display: inline-block; margin: 0 2px;}
.banner .swiper-prev,.banner .swiper-next{ z-index: 3; bottom: 80px; top: 390px; left: 50%; margin-left: -678px; width: 74px; height: 74px; background: none; border: 2px solid rgba(255,255,255,.3); padding: 0; opacity: 1; visibility: hidden; }
.banner .swiper-next{ margin-left: 600px; }
.banner .swiper-prev.swiper-button-disabled,.banner .swiper-next.swiper-button-disabled{ opacity: .5; cursor: default; display: none; }
.banner .swiper-prev:hover,.banner .swiper-next:hover{ background: rgba(255,255,255,.5); border: 2px solid rgba(255,255,255,.05); opacity: 1; }
.banner .swiper-prev.swiper-button-disabled:hover,.banner .swiper-next.swiper-button-disabled:hover{ background: none; border: 2px solid rgba(255,255,255,.3); opacity: .5; }
.banner .swiper-prev::after{ width: 29px; height: 21px; background: url(../image/arrow.png) -49px 0 no-repeat; position: absolute; top: 26px; right: 23px; transition: width .3s; }
.banner .swiper-prev:hover::after{ background-position: 0 -24px; width: 78px; right: -23px; }
.banner .swiper-next::after{ width: 29px; height: 21px; background: url(../image/arrow.png) right -50px no-repeat; position: absolute; top: 26px; left: 23px; transition: width .4s; }
.banner .swiper-next:hover::after{ background-position: right -74px; width: 78px; left: -23px; }
.banner .swiper-prev.swiper-button-disabled:hover::after{ background-position: -49px 0; width: 29px; right: 23px; }
.banner .swiper-next.swiper-button-disabled:hover::after{ background-position: right -50px; width: 29px; left: 23px; }
.banner .banner-page{ width: 400px; text-align: center; bottom: 60px; position: absolute; z-index: 3; left: 50%; margin-left: -200px; font-size: 14px; color: #999; }
.banner .banner-page .swiper-pagination-bullet{ width: 12px; height: 12px; background: rgba(255,255,255,.9); border-radius: 0; margin: 0 5px; opacity: 1; transition: all .2s; font-size: 0; }
.banner .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 32px; background: url(../image/nav_line.png) no-repeat; background-size: 100% 100%; }
.banner .swiper-slide a{ display: block; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; }
.way{ width: 1200px; height: 770px; background: url(../image/index_news.jpg) no-repeat; margin-left: -57px; padding: 50px 0 0 57px; position: relative; margin-bottom: 95px; }
.way .title{ margin-bottom: 40px; }
.way-more{ position: absolute; top: 95px; right: 30px; color: #666; font-size: 14px; }
.way-info{ width: 946px; height: 662px; float: left; overflow: hidden; }
.way-info a{ display: block; height: 100%; }
.way-img{ width: 920px; height: 518px; overflow: hidden; border-left: 26px solid #ff5033; margin-bottom: 32px; }
.way-title{ overflow: hidden; padding-left: 15px; }
.way-name{ width: 85%; float: left; font-size: 24px; color: #120c0a; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.way-time{ width: 15%; float: right; text-align: right; font-size: 16px; color: #999; line-height: 32px; }
.way-desc{ font-size: 16px; color: #666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-top: 20px; padding-left: 15px; }
.way-nav{ width: 200px; height: 540px; float: left; margin-left: 22px; overflow: hidden; }
.way-nav .swiper-slide{ width: 200px; height: 135px!important; overflow: hidden; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.way-nav .swiper-slide p{ width: 200px; height: 112px; margin-bottom: 23px; overflow: hidden; cursor: pointer; position: relative; }
.way-nav .swiper-slide p::after{ display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); position: absolute; }
.way-nav .swiper-slide p:hover::after,.way-nav .swiper-slide.swiper-slide-thumb-active p::after{ display: none; }
.way-nav .swiper-wrapper{ transform: none!important; }
.way-nav .swiper-slide.swiper-slide-thumb-active{ width: 0!important; height: 0!important; }
.way-main{ overflow: hidden; position: relative; }
.way-main .swiper-prev,.way-main .swiper-next{ top: 595px; right: 34px; }
.way-main .swiper-prev{ left: auto; right: 202px; }
.way-page{ position: absolute; top: 598px; right: 64px; width: 138px; text-align: center; left: auto; font-size: 14px; color: #999; }
.way-page span{ display: inline-block; vertical-align: middle; margin-top: -3px; }
.way-page span::before{ display: inline-block; content: '0'; }
.way-page span.swiper-pagination-current{ color: #120c0a; font-size: 20px; }
.task{ overflow: hidden; position: relative; }
.task .way-more{ top: 35px; right: 0; }
.task-list{ overflow: hidden; width: 1201px; margin-left: -1px; }
.task-list li{ width: 279px; float: left; margin-left: 1px; height: 400px; background: url(../image/task_bg.png) -361px 0 no-repeat; position: relative; -webkit-transition:width .5s; -moz-transition:width .5s; -ms-transition:width .5s; -o-transition:width .5s; transition:width .5s; }
.task-list li.active{ width: 360px; background-position: 0 0; }
.task-list li a{ display: block; height: 100%; }
.task-line{ width: 22px; height: 2px; background: #120c0a; margin: 42px 0 10px 30px; }
.task-name{ padding-left: 26px; font-size: 14px; color: #999; }
.task-name p{ font-size: 26px; color: #120c0a; margin-bottom: 2px; }
.task-bg{ margin: 15px auto 0; display: none; }
.task-img{ position: absolute; z-index: 1; top: 130px; left: 50%; margin-left: -127px; transition: all .3; }
.task-more{ position: absolute; top: 60px; right: 27px; color: #fff; font-size: 14px; display: none; }
.task-more::after{ display: inline-block; width: 7px; height: 11px; background: url(../image/icon.png) 0 -28px no-repeat; content: ''; vertical-align: middle; margin: -2px 0 0 6px; }
.task-list li.active .task-line{ background: #fff; }
.task-list li.active .task-name{ color: #feb5ac; }
.task-list li.active .task-name p{ color: #fff; }
.task-list li.active .task-more{ display: block; }
.task-list li.active .task-bg{ display: block; }
.task-list li.active .task-img{ top: 110px; }

/*联系我们*/
.contact{ margin-bottom: 60px; font-size: 14px; color: #666; line-height: 26px; }
.contact p{ font-size: 20px; color: #120c0a; margin-bottom: 15px; font-weight: bold; }
.contact a{ color: #003cff; text-decoration: underline; display: inline-block; margin: 0 2px; }
.intros{ font-size: 16px; color: #666; line-height: 30px; }
.intros h3{ font-size: 20px; color: #120c0a; margin-bottom: 30px; }
.intros p{ margin-bottom: 30px; }
.intros strong,.contact strong{ font-weight: bold; color: #120c0a; }
.intros a{ color: #003cff; }
.intro-list{ overflow: hidden; width: 1215px; margin: 10px 0 -40px -8px; }
.intro-list li{ width: 390px; height: 480px; background: #fff; float: left; margin: 0 7px 40px 8px; }
.intro-list li a{ display: block; height: 100%; }
.intro-img{ height: 258px; overflow: hidden; }
.intro-name{ margin: 25px 25px 10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color: #120c0a; font-size: 18px; }
.intro-desc{ font-size: 16px; color: #666; line-height: 24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; height: 96px; margin: 0 25px 10px; }
.intro-more{ float: right; color: #ff5033; font-size: 14px; opacity: 0; margin-right: 0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.intro-list li:hover .intro-more{ opacity: 1; margin-right: 25px; }
.help{ font-size: 16px; color: #120c0a; line-height: 30px; text-indent: 2em; margin-bottom: 60px; }
.contact .tips{ margin-top: 24px; }

/*业务板块列表页*/
.list-name{ color: #120c0a; font-size: 18px; line-height: 24px; height: 48px; margin: 20px 25px 10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.list-tag{ position: absolute; left: 0; top: -10px; z-index: 2; font-size: 0; width: 170px; height: 40px; background: url(../image/icon.png) 0 -93px no-repeat; }
.list-tag.tag2{ background-position: 0 -181px; }
.list-tag.tag3{ background-position: 0 -268px; }
.list-tag.tag4{ background-position: 0 -354px; }
.list-tag.tag5{ background-position: 0 -438px; }
.list-tag.tag6{ background-position: 0 -523px; }
.list-tag.tag7{ background-position: 0 -607px; }
.news li:hover .list-tag.tag1{ background-position: 0 -49px; }
.news li:hover .list-tag.tag2{ background-position: 0 -137px; }
.news li:hover .list-tag.tag3{ background-position: 0 -224px; }
.news li:hover .list-tag.tag4{ background-position: 0 -311px; }
.news li:hover .list-tag.tag5{ background-position: 0 -396px; }
.news li:hover .list-tag.tag6{ background-position: 0 -481px; }
.news li:hover .list-tag.tag7{ background-position: 0 -565px; }

/*信用承诺*/
.credit{ font-size: 14px; color: #666; line-height: 24px; }
.credit h3{ color: #120c0a; font-size: 20px; margin-bottom: 50px; font-weight: bold; }
.credit p{ margin-bottom: 30px; }