body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

pre {
    white-space: inherit
}

ul,
menu,
dir,
li {
    list-style: none
}

body {
    position: relative;
    margin: 0 auto;
    font: 12px/1.5 Helvetica, Arial, sans-serif
}

a {
    text-decoration: none
}

a,
img,
div,
span,
nav,
li {
    -webkit-tap-highlight-color: transparent
}

legend {
    color: #000
}

fieldset,
img {
    border: none
}

button,
input,
select,
textarea {
    font-size: 100%
}

input,
button,
select,
textarea {
    outline: none;
    border: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.main-header {
    padding: 0px 160px 0 360px;
    height: 90px;
    line-height: 90px;
    font-size: 16px;
    text-align: right;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-width: 1000px;
    z-index: 1000;
    /* background-color: rgba(000, 000, 000, 0.1); */
}

.main-header .logo-link {
    position: absolute;
    left: 110px;
    top: 27px
}

.main-header .logo {
    display: block;
    width: 183px;
    height: 37px
}

.main-header .logo-r {
    display: none;
    width: 100px;
    height: 100px;
    /* background: url(../images/logos.png); */
    background-position: 0 -100px;
    margin-top: -20px
}

.main-header .nav-box {
    overflow: hidden;
    position: relative;
    height: 90px
}

.main-header .nav {
    display: inline-block;
    margin: 0 24px;
    color: #fff;
    position: relative;
    opacity: .7
}

.main-header .nav:hover {
    opacity: 1
}

.main-header .nav-bar {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0);
    opacity: 1;
    transition: all .5s ease-in-out;
    width: 720px
}

.main-header .menu-icon {
    position: absolute;
    height: 28px;
    top: 30px;
    right: 110px;
    width: 30px;
    cursor: pointer
}

.main-header .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    transform-origin: 50% 50%;
    transition: all .3s ease-in-out
}

.main-header .line-1 {
    background-color: #fff;
    transform: translateY(12px) rotate(45deg)
}

.main-header .line-2 {
    background-color: rgba(255, 255, 255, 0.6);
    top: 12px;
    transform: rotate(-45deg)
}

.main-header .line-3 {
    background-color: rgba(255, 255, 255, 0.3);
    top: 24px;
    opacity: 0
}

@font-face {
    font-family: 'Tencent Games EN';
    src: url("../fonts/TencentGamesEN-BlackOblique.eot");
    src: url("../fonts/tencentgamesen-blackoblique.eot") format("embedded-opentype"), url("../fonts/tencentgamesen-blackoblique.woff2") format("woff2"), url("../fonts/TencentGamesEN-BlackOblique.woff") format("woff"), url("../fonts/724626fb1e1041fd976023bbf836e2c7.svg") format("svg");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Tencent Games EN';
    src: url("../fonts/tencentgamesen-black.eot");
    src: url("../fonts/tencentgamesen-black.eot") format("embedded-opentype"), url("../fonts/tencentgamesen-black.woff2") format("woff2"), url("../fonts/TencentGamesEN-Black.woff") format("woff"), url("../fonts/76689752be8442b18df1b2951b77178c.svg") format("svg");
    font-weight: 900;
    font-style: normal
}

#qb_collection_img_mask {
    display: none !important
}

.footer-bg {
    position: relative;
    /* background: url(../images/footer-bg.png) no-repeat; */
    background-position: center top;
    z-index: 88
}

.footer-main {
    width: 100%;
    min-width: 1280px;
    position: relative;
    z-index: 2;
    height: 310px
}

.footer-box {
    width: 1100px;
    margin: 0 auto;
    padding-top: 56px;
    position: relative
}

.footer-box a:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.left-tlist {
    width: 100%;
    height: 182px
}

.left-tlist li {
    width: 164px;
    height: auto;
    float: left
}

.left-tlist li a {
    display: inline-block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.35);
    line-height: 22px;
    margin-bottom: 12px;
    position: relative
}

.left-tlist li a:hover {
    color: #fff
}

.left-tlist li a:hover i {
    opacity: 1
}

.left-tlist li .li-tit a {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 22px;
    cursor: default
}

.right-tcgame {
    width: 197px;
    height: 27px;
    position: absolute;
    top: 107px;
    right: 0
}

.left-tlist li a i {
    display: inline-block;
    width: 22px;
    height: 22px;
    /* background: url(../images/spr.png) no-repeat; */
    vertical-align: top;
    margin-right: 6px;
    opacity: .35
}

.left-tlist li a i.i-wx {
    background-position: -4px -66px
}

.left-tlist li a i.i-xlwb {
    background-position: -4px -100px
}

.tc-gzh {
    display: inline-block;
    width: 130px;
    height: 130px;
    position: absolute;
    top: -142px;
    left: -35px;
    display: none
}

.left-tlist li a:hover .tc-gzh {
    display: block
}

.tc-gzh img {
    display: inline-block;
    width: 130px;
    height: 130px
}

.copy-left {
    display: inline-block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    line-height: 22px
}

.copy-left a {
    display: inline-block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    line-height: 22px
}

.copy-left i {
    display: inline-block;
    font-style: normal;
    margin: 0 6px;
    opacity: 0.4
}

.copy-left .copy-text {
    display: inline-block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.35);
    line-height: 22px
}

.copy-tips {
    display: inline-block;
    color: rgba(255, 255, 255, 0.35);
    font-size: 12px;
    line-height: 22px;
    float: right
}

.copy-tips a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.35);
    font-size: 12px;
    line-height: 22px
}

.top-nav-box {
    width: 100%;
    min-width: 1100px;
    height: 90px;
    padding-top: 10px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /* background: url(../images/top-nav-box.png) no-repeat 50% 0; */
    transition: all 0.5s
}

.top-nav-box.on {
    height: 80px;
    padding-top: 0
}

.top-nav {
    height: 80px;
    margin: 0 auto;
    position: relative
}

.top-tcgame {
    width: 161px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 110px;
    display: block;
    /* background: url(../images/logo.png) no-repeat; */
    background-size: 100%
}

.nav-link-list {
    width: 650px;
    text-align: right;
    float: right;
    padding: 29px 110px 0 0
}

.nav-link-list a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-left: 55px;
    line-height: 22px;
    opacity: 0.6
}

.nav-link-list a.on {
    opacity: 1
}

.nav-link-list a.no {
    display: none
}

.nav-link-list a:hover {
    opacity: 1
}

.news-list-box { 
    width: 160%;
    height: 600px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin-top: 400px;
}

.news-list-box:hover{
    /* cursor: url('../images/mouse_type.cur'); */
}

.news-right-zhezhao { 
    position: fixed;
    width: 200px;
    height: 100%;
    background:linear-gradient(to right, rgba(32,94,204,0), rgba(32,94,204,1));
    right: 0;
    top: 0;
    z-index: 999;
}

.culture-right-zhezhao {
    position: fixed;
    width: 200px;
    height: 100%;
    background:linear-gradient(to right, rgba(227,135,45,0), rgba(227,135,45,1));
    right: 0;
    top: 0;
    z-index: 999
}

.product-right-zhezhao {
    position: fixed;
    width: 200px;
    height: 100%;
    background:linear-gradient(to right, rgba(25,208,180,0), rgba(25,208,180,1));
    right: 0;
    top: 0;
    z-index: 999
}
.product-but { font-size: 21px; color: #fff; line-height: 64px; cursor: pointer; }
.product-but img { margin-left: 10px; }
.index_product { animation:vagueanimation 5s infinite; position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; }

@keyframes vagueanimation
{
    0%,
    100% {
        opacity: .5;
        transform:scale(1.03)
    }
    50% {
        opacity: 1;
        transform:scale(1)
    }
}

.xian { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); margin: 15px 0 20px 0; }
.news-list-marginleft { margin-left: 30px; }
.news-time { color: #fff; font-size: 25px; margin-bottom: 15px; margin-left: 16px;}
.news-time img { margin-right: 9px; }
.news-img-box { margin-left: 16px; width: 440px; height: 270px; border-radius: 4px;  }
.news-img-box img { width: 100%; height: 100%; border-radius: 10px; }
.news-list-right-box { margin-left: 24px; text-align: justify; }
.news-title-box { font-size: 31px; color:#fff; width: 382px; height: 95px; line-height: 47px; word-wrap:break-word; word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-des-box { font-size: 15px; width: 382px; height: 100px; line-height: 32px; word-wrap:break-word; word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news-but { width: 152px; height: 60px; border: 1px solid #fff; text-align: center; line-height: 60px; font-size: 34px; color: #fff; border-radius: 40px; cursor: pointer; margin-top: 35px;}
.news-list-con-box { display: flex; }

/* 隐藏滚动条 */
::-webkit-scrollbar {
    display: none; /* Chrome Safari */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
  }

.culture-list-box {
    width: 160%;
    height: 600px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin-top: 400px;
}
.culture-list { display: flex; }
.culture-list-left-title { font-size: 72px; color: #fff; width: 375px; position: relative; top: -20px; font-weight: bold; }
.culture-list-left-des { font-size: 17px; color: #fff; width: 350px; height: 150px; font-weight: 100; } 
.culture-list-left-num { font-size: 90px; color: #fff; font-weight: bold; margin-top: 23px; }
.culture-list-left-but { width: 164px; height: 60px; border: 1px solid #fff; border-radius: 60px; text-align: center; line-height: 60px; font-size: 31px; cursor: pointer;}
.culture-list-right-img { width: 812px; height: 482px; border-radius: 8px; overflow: hidden; }
.culture-list-right-box { margin-left: 10px; }
.culture-list-right-img img { width: 100%; height: 100%; }
.culture-list-margin { margin-left: 80px; }

.product-list-box {
    width: 160%;
    height: 485px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    margin-top: 25px;
}
.product-qb-box { font-size: 32px; color: #fff; margin-top: 330px; font-weight: bold; }
.product-list { width: 262px; height: 343px; border-radius: 8px; overflow: hidden; cursor: pointer; }
.product-list img { width: 100%; height: 100%; }
.product-list-info-box { width: 100%; height: 100%; background-color: rgba(000, 000, 000, 0.5); position: relative; top: 0px; border-radius: 8px; text-align: center; }
.product-list-info-box img{ width: 80px; height: 80px; margin-top: 50px;}
.product-list-title { font-size: 18px; color: #fff; margin-top: 4px; }
.product-list-des { font-size: 14px; color: #fff; margin: 20px 25px 0 25px; text-align: left; word-wrap:break-word; word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.product-list-but { width: 110px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 17px; color: #fff; margin: 30px auto 0 auto; border-radius: 40px; cursor: pointer;}
.product-list:hover > .product-list-info-box{ animation: mybottom 1s 1; top: -347px; }
@keyframes mybottom
{
from {top: 0px;}
to {top: -347px;}
}
.product-list-margin { margin-left: 30px; }
.product-list-gengduo { margin-left: 30px; border: 1px solid #fff; text-align: center; line-height: 385px; font-size: 22px; cursor: pointer; }
.product-list-gengduo img{ width: 77px; height: 77px;  }

.About-des { font-size: 16px; color: #fff; width: 663px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }
.About-box { width: 100%; height: 600px; margin-top: 400px;}
.About-but {display: inline-block; width: 144px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; font-size: 24px; border-radius: 50px; cursor: pointer; margin-top: 27px; }


.foot-box2 { padding: 40px 0; background-color: #2b2b2b; position: absolute; bottom: 0; width: 100%; animation: 4s slideUp ease-in-out;}
.foot-content-box { margin: 0 110px; display: flex; justify-content: space-between; align-items: center;}
.foot-tab-box { width: 835px; display: flex; justify-content: space-between; align-items: center; font-size: 20px; color: #fff; }
.foot-tab-box a { color: #fff; text-decoration: none; }
.foot-content-left-box p { color: #858585; font-size: 16px; margin-top: 10px;}

/*.news-list-xian-box { width: 3px; height: 3px; background-color: rgba(255, 255, 255, 1); display: inline-block; position: relative; top: -13px; }*/
/*.news-list-xian { width: 1px; height: 600px; background-color: rgba(255, 255, 255, 0.3); }*/



.journalism-banner-box { width: 100%; position: relative; top: -1px;}
.journalism-banner-box .journalism-banner-img{ width: 100%; }
.journalism_title-img-box{ margin: 0 auto; width: 1400px; position: absolute; top: 190px; left: 0; right: 0; animation: myright 1s 1;}
.journalism_title-img { width: 643px; height: 130px; }

@keyframes myright
{
from {left:-1000px;}
to {left:0px;}
}
.journalism-tab-box { display: flex; justify-content: space-between; align-items: center; width: 1400px; position: absolute; top: 0; left: 0px; right: 0px; margin: auto; padding: 24px 0 0 0; }
.journalism-tab{ display: flex; justify-content: flex-end; align-items: center; width: 720px; font-size: 16px; }
.journalism-tab a { display:inline-block; text-decoration: none;  color: #fff; padding-bottom: 10px; width: 16.6%; text-align: center;  }
/* .on-tab-box { border-bottom: 4px solid #fff !important; } */

.wrapper-texiao { position: absolute; width: 100%; height: 100%; top: 0; }
.lan_1 { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0px; -webkit-animation: scale_fly1 8s infinite ease-in-out; }
.lan_2 { position: absolute; right: 110px; -webkit-animation: scale_fly2 5s infinite ease-in-out; }
.lv_1 { position: absolute; left: 0; bottom: 0; -webkit-animation: scale_fly1 8s infinite ease-in-out; }
.lv_2 { position: absolute; right: 110px; bottom: 0; -webkit-animation:  scale_fly2 5s infinite ease-in-out;}
.hong_1 {  position: absolute; right: 110px; bottom: 0; -webkit-animation: scale_fly1 8s infinite ease-in-out; }
.hong_2 {  position: absolute; right: 110px; bottom: 0; -webkit-animation:  scale_fly2 5s infinite ease-in-out; }

.left_bg { position: absolute; left: 0; top: 0;}
.index_news_bg { position: absolute; right: 0; top: 90px; animation: 0.9s scaleIn2 cubic-bezier(0, 0.34, 0, 1.39); transform-origin:100% 50%; }
.index_culture_bg { height: 100%; position: absolute; right: 0; top: 0px; animation: 0.9s scaleIn2 cubic-bezier(0, 0.34, 0, 1.39); transform-origin:100% 50%; }

.index_about_bg { height: 100%; position: absolute; right: 0; top: 0px; animation: 0.9s scaleIn2 cubic-bezier(0, 0.34, 0, 1.39); transform-origin:100% 50%; }

@keyframes scaleIn2{
    0%{
        transform:scale(1.05)
    }
    100%{
        transform:scale(1)
    }
}

@-webkit-keyframes onxian {

    0%{
        width: 0px;
    }

    100%{
        width: 64px;
    }
}
@-webkit-keyframes scale_fly1 {

    0%,
    100% {
        -webkit-transform: translate3d(0, 10px, 0) scale(1);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    }
}

@-webkit-keyframes scale_fly2 {

    0%,
    100% {
        -webkit-transform: translate3d(0, -10px, 0) scale(1);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    }
} 

.legu-title-box { font-size: 110px; color: #fff; position: absolute; top: 70px; bottom:0; height:145px; width: 1400px; left: 0; right: 0; margin: auto; font-style:oblique; line-height: 73px; animation: myright 1s 1;}
.legu-title-box .legu-title-one { font-weight: bold; }
.legu-title-box .legu-title-two { font-size: 40px; }