body {background:#fff}
.banner {
    height: 100vh;
    background: url('../../Images/activity/tianxin/banner.jpg')no-repeat center;
    background-size:cover;
}
.section{position:relative;background:#fff;overflow:hidden}
.section .section-title {
    font-size: 3rem;
    color: #e70310;
}
.part1{padding:8rem 0}
.part1 .section-title{    
    margin-left: 25%;
    position: absolute;
}
.part1 .desc{margin-left:50%;}
.desc > p {
    margin-bottom: 2rem;
    line-height: 1.75;
}
.desc .desc-title{font-weight:bold;font-size:1.5rem}
.tx-logo{position:absolute;bottom:8rem;left:0}
.part2 img,.part3 img{width:100%;}
.part3{padding:5rem}
.part3 .desc{
    position: absolute;
    left: calc(5rem + 8%);
    top: calc(5rem + 12%);
    color: #fff;
}
.part4 .section-title{
    padding-left:25%;
    margin-bottom:5rem;
}
.competition{position:relative}
.competition-show{width:45%;text-align:center;}
.competition-show .swiper-container{width:100%;line-height:0;}
.competition-show img{width:100%}
.competition-desc{position:absolute;top:0;left:55%;}
.competition .swiper-pagination {
    color: #fff;
    bottom: .9rem;
    width: max-content;
    left: 100%;
    z-index: 11;
    transform: translateX(-50%);
    line-height: 1
}
.swiper-button-next, .swiper-button-prev {
    background-color: #e70310;
    bottom: 0;
    top: auto;
    margin-top: 0;
    background-image: none;
    height: auto;
    min-width:5rem;
    padding: .75rem;
    outline: none !important;
}
.swiper-button-next {
    left: 100%;
    right: auto;
    padding-left: 2.25rem;
}
.swiper-button-prev {
    right:0%;
    left: auto;
    padding-right: 2.25rem;
}
.swiper-button-next:hover .arrow-line, .swiper-button-prev:hover .arrow-line,.knowMore:hover .arrow-line {
    width: 20px
}
.arrow-line {
    height: 2px;
    width: 0;
    display: inline-block;
    background: #fff;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    vertical-align: middle;
}
.arrow-right {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.swiper-button-prev .arrow-right {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.swiper-button-prev .arrow-line{
    margin-left:-13px;
}
.swiper-button-next .arrow-line {
    margin-right: -13px;
}
.scene{padding:8rem 0;line-height:0;font-size:0;text-align:center}
.scene img{width:25rem}
.scene>div:nth-child(2n+2){margin:0 1rem 1rem}
.scene>div{display:inline-block;position:relative;cursor:pointer}
.scene .process {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0,.5);
    text-align: center;
    opacity: 0;
    top:0;
    font-size: 1.25rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}
.scene>div:hover .process{opacity:1;}
.product{position:relative;color:#fff}
.product img{width:100%}
.knowMore{color:#e70310;margin-left:4rem;font-weight:bold}
.knowMore .arrow-line{background:#e70310;margin-right:-13px}
.knowMore .arrow-right{color:#e70310}
.more{position:absolute;bottom:8%;right:25%;}
.part5 .section-title,.part6 .section-title,.nav .section-title {
    padding: 10rem 25% 5rem;
}
.AntiFake{width:50%;margin:auto}
.AntiFake h3{
    font-size: 2rem;
    color: #e70310;
    margin:2rem 0
}
.AntiFake>div:nth-child(2n){background:#f6f6f6}
.AntiFake>div:nth-child(2n+1){background:#eee}
.AntiFake img{width:40%;}
.AntiFake>div{display:flex;align-items:center}
.AntiFake .desc{width:60%;padding-left:10%;}
.nav-wrap{display:flex;justify-content:space-around;padding:0 10% 10rem;align-items:center}
.nav-item{position:relative}
.nav-hover{position:absolute;top:0;left:0;opacity:0}
.nav-item:hover .nav-hover{opacity:1}
.news-list{width:75%;display:flex;justify-content:space-between;margin:auto}
.news-list .picture{background-size:cover;background-repeat:no-repeat;background-position:center;height:13vw}
.news-list .news{width:32%}
.news-content{background:#f6f6f6;padding:2rem;}
.news-content h2{
    font-size:1.25rem;
    font-weight:bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom:2rem;
    color:#000;
}
.news>a{position:relative;display:block;}
.cover {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
}
.news:hover h2{text-decoration:underline}
.news:hover .cover{opacity:.5}
.news .news-More>span{color:#ff2f47;font-weight:bold;vertical-align:middle}
.news .arrow-line{background: #ff2f47;}
.news-More:hover .arrow-line{width:20px}
.news-More .arrow-line{margin-right:-13px;}
.fade{opacity:0}
.code {
    position: absolute;
    right: 8%;
    bottom: 15%;
    color: #fff;
    width: 9rem;
}
.code p {
    letter-spacing: .16rem;
    margin-top: .5rem;
}