body{font-family:"微软雅黑";font-size:16px;}
a{text-decoration: none;}
input,textarea:focus{outline: none;}
.text-truncate1{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-truncate2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-truncate4{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.animate-box{opacity: 0;}

.btns{display: inline-block;cursor:pointer;}

.vh-100{position: relative;height: auto !important;}

.items-box{padding: 12px 0 12px 0;}
.items-title{font-size: 18px;margin-top: 0px;}
.items-desc{font-size: 12px;margin-top: 4px;}
.items-conts{padding: 12px 0 0 0;}
.items-conts.lists{padding: 0;}
.items-conts.lists>div>div{margin-top: 12px;}
.items-conts>.img{max-width: 100%;}

.navbar-style2{padding: 0;position: fixed;left: 0;right:0;top: 0px;z-index: 1001;background-color: #000000;}
.navbar-style2 .navbar-toggler{padding:3px 8px;font-size:0;color:#666666;cursor:pointer;font-family:'FontAwesome';}
.navbar-style2 .navbar-toggler.collapsed{padding:4px 8px;}
.navbar-style2 .navbar-toggler::before{content:"\f00d";font-size:19px;}
.navbar-style2 .navbar-toggler.collapsed::before{content:"\f0c9";font-size:16px;}
.navbar-style2 .navbar-brand{padding:15px 0;margin:0px;font-size: 0;display:inline-block;}
.navbar-style2 .navbar-brand>img{max-width: 260px;}
.navbar-style2 .navbar-nav{padding: 0 0;}
.navbar-style2 .nav-item .nav-link{padding: 15px 40px;font-size: 14px;position: relative;text-align: center;color: #ffffff;}

.banner{height: 200px;background-image: url('../image/index/banner-1.jpg');background-repeat: no-repeat;background-position: top center;background-size: cover;}

.game{background-color: #eb5343;}
.pro{padding: 0 0 60px 0;height: 100%;display: block;position: relative;}
.pro .image{overflow: hidden;}
.pro .image .img{transition: all .3s;width: 100%;}
.pro:hover .image .img{transform: scale(1.1);}
.pro .detail{margin-top:5px;}
.pro .detail .title{font-size: 16px;color: #ffffff;font-weight: bold;}
.pro .detail .desc{font-size: 14px;margin-top:5px;color: #ffffff;}
.pro .fter{position: absolute;left: 0;bottom: 0;right: 0;display: flex;}
.pro .fter .cz{height: 50px;line-height: 50px;margin-right: 6px;padding-left: 40px;background-position: left 35% center;font-size: 16px;color: #000000;text-align:center;background-color: #ffffff;flex: 1;display: block;cursor:pointer;background-image: url('../image/index/btn-1.png');background-repeat: no-repeat;}
.pro .fter .cz:hover{color: #eb5343;font-weight: bold;}
.pro .fter .xz{width: 50px;height: 50px;background-size: 24px;border: 2px solid #ffffff;display: block;cursor:pointer;background-image: url('../image/index/btn-2.png');background-repeat: no-repeat;background-position: center;}

.about{background-color: #f6f6f6;}
.gywm{display: flex;height: 100%;align-items: center;}
.gywm p{font-size: 14px;color: #000000;margin: 0;}
.gywm .img{max-width: 100%;}
.gywm-line{height: 50px;margin-top: 10px;position: relative;}
.gywm-line::before{position: absolute;content:' ';left: 0;bottom: 0;right: 0;height: 100%;background-color: #f6f6f6;}
.gywm-line::after{position: absolute;content:' ';bottom: 0;right: 0;left: unset;height: 100%;width: 0;background: linear-gradient(to right, #eb5343, #eb5343);transition: 0.8s;}
.gywm-line.active::after{width: 100%;left: 0;right: unset;}

.contact{padding-bottom: 50px;}
.lxwm{padding: 20px 10px;background-color: #f4f4f4;height: 100%;display: block;text-align: center;transition: all .3s;}
.lxwm:hover{background-color: #eb5343;}
.lxwm .image{font-size: 0;}
.lxwm .image .img{display:inline-block;width: 50px;height: 50px;background-image: url('../image/index/lxwm-1.png');}
.lxwm .image .img1{background-position: 0 0;transition: all .3s;}
.lxwm:hover .image .img1{background-position: -50px 0;}
.lxwm .image .img2{background-position: 0 -50px;transition: all .3s;}
.lxwm:hover .image .img2{background-position: -50px -50px;}
.lxwm .detail{margin-top: 5px;}
.lxwm .detail .title{font-size: 18px;color: #000000;font-weight: bold;transition: all .3s;}
.lxwm:hover .detail .title{color: #ffffff;}
.lxwm .detail .desc{font-size: 12px;margin-top: 2px;color: #666666;transition: all .3s;}
.lxwm:hover .detail .desc{color: #ffffff;}
.lxwm .detail .info{font-size: 16px;margin-top: 2px;font-weight: bold;color: #000000;font-family: Arial;transition: all .3s;}
.lxwm:hover .detail .info{color: #ffffff;}

.footer{padding: 15px 0;background-color: #000000;position: absolute;left: 0;bottom: 0;right: 0;}
.footer .detail{font-size:12px;color: #ffffff;text-align: center;}
.footer .detail .img{width: 50px;margin-right: 5px;}

@media (min-width:576px){
}
@media (min-width:992px){
    
    .vh-100{height: 100vh !important;}
    .vh-100>.container{display: flex;height: 100%;align-items: center;}
    .vh-100>.container .items-box{flex: 1;}
    
    .items-box{padding: 60px 0 60px 0;}
    .items-title{font-size: 36px;margin-top: 60px;}
    .items-desc{font-size: 16px;margin-top: 10px;}
    .items-conts{padding: 60px 0 0 0;}
    .items-conts.lists{padding: 36px 0 0 0;}
    .items-conts.lists>div>div{margin-top: 24px;}
    
    .navbar-style2 .navbar-brand{padding:0;margin:0;}
    .navbar-style2 .navbar-brand>img{max-width: unset;max-height:unset;}
    .navbar-style2 .nav-item .nav-link{padding: 33px 40px;font-size: 18px;}
    .navbar-style2 .nav-item .nav-link.active{font-weight: bold;}
    .navbar-style2 .nav-item .nav-link .txt{display: block;}
    .navbar-style2 .nav-item .nav-link::before{width: 6px;height: 6px;left: 15px;content: "";display: block;background: #ffffff;border-radius: 50%;pointer-events: none;position: absolute;top: 50%;transform: translateY(-50%) scale(1);animation: dot-out .2s ease-in forwards;}
    .navbar-style2 .nav-item .nav-link:hover::before{animation: dot-in .4s cubic-bezier(.175, .9, .35, 1.5) forwards;}
    .navbar-style2 .nav-item .nav-link:hover .txt{animation: label-bounce .4s linear;}
    .navbar-text{padding: 0;}
    
    .banner{height: 100%;}
    
    .pro{padding: 0 0 70px 0;}
    .pro .detail{margin-top:20px;}
    .pro .detail .title{font-size: 18px;}
    .pro .detail .desc{font-size: 16px;margin-top:20px;}
    
    .gywm p{font-size: 16px;}
    .gywm-line{height: 150px;margin-top: 60px;}
    
    .contact{padding-bottom: 0px;}
    .contact .items-title{margin-top: 0px;}
    
    .lxwm{padding: 100px 20px;}
    .lxwm .detail{margin-top: 30px;}
    .lxwm .detail .title{font-size: 24px;}
    .lxwm .detail .desc{font-size: 14px;margin-top: 10px;}
    .lxwm .detail .info{font-size: 18px;margin-top: 10px;}
    
    .footer{padding: 30px 0;}
    .footer .detail{font-size:16px;}
    .footer .detail .img{width: auto;margin-right: 16px;}
}
@media (min-width:1200px){
    .col-10-2{width: 20%;}
}
@media (min-width:1400px){
    .container{width: 1224px;}
}

@keyframes label-bounce {
    0%,25% {
        transform: translateY(0);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }
    60% {
        transform: translateY(32.5%);
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }
    95% {
        transform: translateY(0);
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }
}
@keyframes dot-out {
    0% {
        transform: translateY(-50%) scale(1)
    }
    to {
        transform: translateY(-50%) scale(0)
    }
}
@keyframes dot-in {
    0% {
        transform: translateY(-3.4rem) scale(0)
    }
    1% {
        transform: translateY(-3.4rem) scale(1)
    }
    to {
        transform: translateY(-50%) scale(1)
    }
}