﻿body{background:#fff;overflow-x:hidden}
.banner {
    height: 100vh;
    width: 100%;
    position: relative;
    background: url('/areas/mobile/Images/activity/tongmu/banner.jpg')no-repeat center;
    background-size: cover;
}
.security{padding:5rem 5%;font-size:0;position:relative}
.security>h2{
        font-size: 2.25rem;
    margin-left: 2rem;
    margin-bottom: 3rem;
}
.security-img {
    width: 46%;
    display: inline-block;
}
.security-img img{width:100%;}
.security-text {
    position: relative;
    display: inline-block;
    padding-left: 1rem;
    padding-top: 2.25rem;
    width: 54%;
    vertical-align: top;
}
.security-text p{font-size:.85rem}
.security-text .security-title{color:#fe6500;font-size:1.2rem;margin-bottom:.25rem}
.seal {
    position: absolute;
    width: 10rem;
    right: 10%;
    top: -25%;
}
.security .line {
    width: 80%;
    border-bottom: 2px solid #fe6500;
    margin-left: -25%;
    margin-top: 1rem;
}
.security-left .line{margin-left:auto;margin-right:-25%}
.security .item:nth-child(3){margin:-4% 0}
.security-left{text-align:right;padding-left:0;padding-right:1.5rem}
.font-color{color:#fe6500}
.section{
    padding:2rem 9% 3rem;
}
.section-title {
    font-family: PingFang Heavy;
    margin:3rem 0 2rem;
}
.sub-title {
    color: #fe6500;
    font-family: PingFang Heavy;
    font-size: 1.5rem;
    margin-bottom:1.25rem
}
.desc{line-height:2;margin-bottom:2rem;}
.news-wrapper{width:90%;margin:auto}
.news-wrapper .item{margin-bottom:1.5rem;display:block}
.picture{width:100%;height:40vw;background-size:cover;background-position:center;background-repeat:no-repeat}
.news-content{background:#f6f6f6;padding:1rem}
.news-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:1.35rem}
.news-date{color:#c2c2c2;margin-top:.5rem}
.more-news{color:#fe6500;text-align:center;display:block;margin:2rem 0 3rem;font-size:1.1rem}
.more-products{display:none}
a>span{vertical-align:middle}
.showMore{display:block;color:#fe6500;margin-top:1rem;font-size:1.1rem;font-weight:bold}

.arrow-right {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    color: #fe6500;
}
.query {
    position: absolute;
    top: 8.5rem;
    right: 5%;
    font-size: 1rem;
    color: #ccc;
    border: 2px solid;
    padding: .25rem 1rem;
}
.query .arrow-right {
    color: #ccc;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
}