/*banner*/
.g-adv {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 15;
    font-size: 0;
}

.g-adv img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 1.17rem;
}

@font-face {
    font-family: 'index-title';
    src: url('./index-title.ttf');
}

@font-face {
    font-family: 'index-subtitle';
    src: url('./index-subtitle.ttf');
}

.classify {
    margin-bottom: 0.89rem;
    padding-top: 0.7rem;
}
.classify .subtitle h3 {
    font-size: 0.5rem;
    font-weight: bold;
    color: #eaeaea;
    line-height: 0.5rem;
    text-align: center;
    font-family: 'index-subtitle';
}
.classify .subtitle .text {
    display: flex;
    margin: -0.3rem auto 0.2rem auto;
    justify-content: center;
    font-family: 'index-title';
}
.classify .subtitle .text span {
    font-size: 0.48rem;
    text-align: left;
    color: #333333;
    line-height: 0.48rem;
}
.classify .subtitle .text span:nth-child(2) {
    color: #b0050b;
}
.classify .introduce {
    margin: 0px auto 0.53rem auto;
    width: 4.32rem;
    background: #ffffff;
    border-top: 0.01rem dashed #979797;
    border-bottom: 0.01rem dashed #979797;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.39rem;
    text-align: center;
}
.classify .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.2rem;
}
.classify .list a {
    display: inline-block;
    width: 3.45rem;
    height: 0.74rem;
    border: 1px solid #bfbfbf;
    font-size: 0.32rem;
    color: #444444;
    line-height: 0.74rem;
    text-align: center;
    margin-bottom: 0.15rem;
}
.classify .list a.on {
    background-color: #b0050b;
    color: #ffffff;
    border: none;
}
.classify .list-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.42rem;
}
.classify .list-product .item {
    display: inline-block;
    width: 3.38rem;
    height: 4rem;
    border: 1px solid #bfbfbf;
    margin-bottom: 0.3rem;
}
.classify .list-product .item .img {
    width: 100%;
}
.classify .list-product .item .img img {
    width: 100%;
    height: 100%;
}
.classify .list-product .item p {
    font-size: 0.28rem;
    color: #444444;
    text-align: center;
    line-height: 0.28rem;
    margin-top: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0.2rem;
}
.classify .btn {
    display: block;
    width: 2.2rem;
    height: 0.7rem;
    background: #b0050b;
    font-size: 0.3rem;
    color: #ffffff;
    line-height: 0.7rem;
    text-align: center;
    margin: 0.46rem auto 0px auto;
}

.demand {
    height: 24.29rem;
    background: url("../img/index-demand-bg1.jpg") no-repeat;
    background-size: 100% 24.29rem;
    position: relative;
}
.demand .bg {
    opacity: 0.7;
    position: absolute;
    height: 24.29rem;
}
.demand .subtitle {
    text-align: center;
    padding-top: 0.73rem;
    margin-bottom: 0.83rem;
}
.demand .subtitle h3 {
    opacity: 0.2;
    font-size: 0.5rem;
    font-weight: bolder;
    color: #eaeaea;
    line-height: 0.5rem;
    font-family: 'index-subtitle';
    letter-spacing: 1px;
}
.demand .subtitle h2 {
    font-size: 0.48rem;
    color: #ffffff;
    line-height: 0.48rem;
    margin-top: -0.28rem;
    font-family: 'index-title';
}
.demand .bar {
    display: flex;
    justify-content: space-between;
}
.demand .bar .left {
    width: 1.23rem;
    height: 21.07rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.demand .bar .left .strip {
    width: 0.22rem;
    height: 21.07rem;
}
.demand .bar .left .strip img {
    height: 100%;
    width: 100%;
}
.demand .bar .left .icon1 {
    width: 1.22rem;
    height: 1.22rem;
    position: absolute;
    top: 0.46rem;
}
.demand .bar .left .icon1 img {
    width: 100%;
    height: 100%;
}
.demand .bar .left .icon2 {
    width: 1.22rem;
    height: 1.22rem;
    position: absolute;
    top: 5.95rem;
}
.demand .bar .left .icon2 img {
    width: 100%;
    height: 100%;
}
.demand .bar .left .icon3 {
    width: 1.22rem;
    height: 1.22rem;
    position: absolute;
    top: 11.32rem;
}
.demand .bar .left .icon3 img {
    width: 100%;
    height: 100%;
}
.demand .bar .left .icon4 {
    width: 1.22rem;
    height: 1.22rem;
    position: absolute;
    top: 16.87rem;
}
.demand .bar .left .icon4 img {
    width: 100%;
    height: 100%;
}
.demand .bar .right .item {
    position: relative;
    margin-bottom: 0.2rem;
}
.demand .bar .right .item .top {
    width: 5.8rem;
    height: 2.62rem;
    background: #ffffff;
    padding: 0.32rem 0.1rem 0px 0.3rem;
}
.demand .bar .right .item .top .header {
    display: flex;
    align-items: center;
}
.demand .bar .right .item .top .header .img-1 {
    width: 0.56rem;
    height: 0.36rem;
}
.demand .bar .right .item .top .header .img-1 img {
    width: 100%;
    height: 100%;
}
.demand .bar .right .item .top .header .text {
    display: flex;
    margin-left: 0.1rem;
}
.demand .bar .right .item .top .header .text span {
    font-size: 0.36rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.36rem;
}
.demand .bar .right .item .top .header .text span:nth-child(1) {
    color: #b0050b;
}
.demand .bar .right .item .top .br {
    height: 0.01rem;
    opacity: 1;
    background: #d5d5d5;
    margin: 0.08rem 0px 0.26rem 0px;
}
.demand .bar .right .item .top p {
    width: 5.4rem;
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.48rem;
    text-align: justify;
}
.demand .bar .right .item .img {
    width: 5.77rem;
    height: 2.48rem;
}
.demand .bar .right .item .img img {
    width: 100%;
    height: 100%;
}
.demand .bar .right .item .triangle {
    position: absolute;
    width: 0.15rem;
    height: 0.15rem;
    background: #ffffff;
    transform: rotate(45deg);
    top: 0.9rem;
    left: -0.07rem;
}
.after-sale .list {
    display: flex;
    height: 0.86rem;
    background: #b0050b;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0.11rem 0.21rem 0px rgba(0, 0, 0, 0.39);
}
.after-sale .list a li {
    display: flex;
    align-items: center;
    height: 0.86rem;
    padding: 0 0.15rem;
}
.after-sale .list a.on li {
    background-color: #C82328;
}
.after-sale .list li div {
    width: 0.1rem;
    height: 0.1rem;
    background: #ffffff;
}
.after-sale .list li span {
    font-size: 0.3rem;
    color: #ffffff;
    line-height: 0.3rem;
    margin-left: 0.05rem;
}
.after-sale .wapper {
    background: url("../img/index-after-sale-bg_03.png") no-repeat;
    padding-top: 0.51rem;
    height: 6.52rem;
}
.after-sale .wapper .subtitle {
    margin: 0px 0px 0.61rem 0px;
    text-align: center;
}
.after-sale .wapper .subtitle h3 {
    opacity: 0.2;
    font-size: 0.5rem;
    font-weight: bold;
    color: #eaeaea;
    line-height: 0.5rem;
    font-family: 'index-subtitle';
    letter-spacing: 1px;
}
.after-sale .wapper .subtitle h2 {
    font-size: 0.48rem;
    color: #ffffff;
    line-height: 0.48rem;
    margin-top: -0.28rem;
    font-family: 'index-title';
}
.after-sale .wapper .img {
    width: 100%;
    height: 4.19rem;
    position: relative;
}
.after-sale .wapper .after-sale-list .after-sale-list-item {
    position: relative;
	height: 4.2rem;
}
.after-sale .wapper .img img {
    width: 5.5rem;
	height: 100%;
}
.after-sale .wapper .img .introduce {
    padding-top: 0.31rem;
    width: 4.33rem;
    height: 3.75rem;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 0.22rem;
}
.after-sale .wapper .img .introduce p:nth-of-type(1) {
    font-size: 0.36rem;
    font-weight: 700;
    color: #333333;
    line-height: 0.36rem;
    text-align: center;
}
.after-sale .wapper .img .introduce p:nth-of-type(2) {
    width: 3.61rem;
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.48rem;
    text-align: center;
    margin: 0.33rem auto 0.27rem auto;
}
.after-sale .wapper .img .introduce p:nth-of-type(3) {
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.3rem;
    text-align: center;
}
.after-sale .wapper .img .introduce p:nth-of-type(4) {
    margin: 0.26rem auto 0px auto;
    width: 3.6rem;
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.48rem;
}
.advantage {
    padding-top: 1.02rem;
    margin-bottom: 1.13rem;
}
.advantage .subtitle {
    text-align: center;
    margin-bottom: 0.5rem;
}
.advantage .subtitle h3 {
    font-size: 0.55rem;
    font-weight: bold;
    color: #eaeaea;
    line-height: 0.5rem;
    font-family: 'index-subtitle';
    letter-spacing: 3px;
}
.advantage .subtitle h2 {
    font-size: 0.48rem;
    color: #333333;
    line-height: 0.48rem;
    margin-top: -0.28rem;
    font-family: 'index-title';
}
.advantage .subtitle .text {
    width: 6.48rem;
    height: 0.48rem;
    background: #ffffff;
    border-top: 1px dashed #979797;
    border-bottom: 1px dashed #979797;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.48rem;
    margin: 0.11rem auto 0px auto;
}
.advantage .list {
    display: flex;
    justify-content: space-between;
}
.advantage .list .item {
    display: inline-block;
    width: 3.4rem;
    text-align: center;
}
.advantage .list .item .img {
    width: 2.15rem;
    height: 2.15rem;
    margin: auto;
}
.advantage .list .item .img img {
    width: 100%;
    height: 100%;
}
.advantage .list .item .advantage-text {
    background: #333333;
    margin-top: -1rem;
    padding-top: 1.3rem;
    padding-bottom: 0.5rem;
}
.advantage .list .item p:nth-of-type(1) {
    opacity: 0.3;
    font-size: 0.36rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 0.36rem;
}
.advantage .list .item p:nth-of-type(2) {
    margin: 0.16rem 0px 0.06rem 0px;
    font-size: 0.3rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 0.3rem;
}
.advantage .list .item p:nth-of-type(3) {
    opacity: 0.3;
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.24rem;
    font-family: Arial;
}
.advantage .list .item p:nth-of-type(4) {
    margin-top: 0.4rem;
    font-size: 0.3rem;
    text-align: center;
    color: #ffffff;
    line-height: 0.48rem;
    padding: 0 0.24rem;
}
.advantage .page {
    display: flex;
    justify-content: center;
    margin-top: 0.28rem;
}
.advantage .page div {
    width: 0.2rem;
    height: 0.2rem;
    border: 0.02rem solid #b0050b;
    border-radius: 50%;
    margin-left: 0.08rem;
    margin-right: 0.08rem;
}
.advantage .page .dot {
    background-color: #b0050b;
}

.cooperation {
    margin-bottom: 0.65rem;
}
.cooperation .header {
    height: 2.12rem;
    z-index: -1;
}
.cooperation .header img {
    width: 100%;
    height: 100%;
}
.cooperation .wapper {
    z-index: 1;
}
.cooperation .wapper .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.18rem;
}
.cooperation .wapper .top .left {
    width: 3.4rem;
    height: 2.73rem;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    margin-top: -0.26rem;
}
.cooperation .wapper .top .left .bg {
    position: absolute;
    width: 3.4rem;
    height: 2.73rem;
    z-index: -1;
}
.cooperation .wapper .top .left p {
    font-size: 0.3rem;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
    padding-top: 1rem;
}
.cooperation .wapper .top .left .add {
    width: 0.48rem;
    height: 0.48rem;
    margin: 0.05rem auto 0px auto;
}
.cooperation .wapper .top .left .add img {
    width: 100%;
    height: 100%;
}
.cooperation .wapper .top .right p:nth-of-type(1) {
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.36rem;
    margin: 0.33rem 0px 0.32rem 0px;
}
.cooperation .wapper .top .right p:nth-of-type(2) {
    width: 3.3rem;
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.48rem;
    text-align: justify;
}
.cooperation .wapper .bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 0.18rem;
}
.cooperation .wapper .bottom .item {
    position: relative;
    display: inline-block;
    margin: 0 0.1rem;

}
.cooperation .wapper .bottom .item .img {
    width: 3.39rem;
}
.cooperation .wapper .bottom .item .img img {
    width: 100%;
    height: 100%;
}
.cooperation .wapper .bottom .item p {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.3rem;
    margin-top: 0.11rem;
    text-align: center;
}
.cooperation .wapper .page-btn {
    width: 100%;
    position: relative;
}
.cooperation .wapper .page-btn .zuo {
    width: 0.51rem;
    height: 0.68rem;
    position: absolute;
    left: 0.1rem;
    top: -2rem;
}
.cooperation .wapper .page-btn img {
    width: 100%;
    height: 100%;
}
.cooperation .wapper .page-btn .you {
    width: 0.51rem;
    height: 0.68rem;
    position: absolute;
    top: -2rem;
    right: 0;
}
.cooperation .wapper .page-btn .you img {
    width: 100%;
    height: 100%;
}
.cooperation .wapper .btn {
    margin: 0.4rem auto 0px auto;
    width: 2.24rem;
    height: 0.65rem;
    background: url("../img/index-cooperation-img2.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.3rem;
    text-align: center;
    color: #ffffff;
    line-height: 0.65rem;
    display: block;
}

.about .wapper {
    background: #f6f6f6;
    padding-top: 0.44rem;
    padding-bottom: 0.27rem;
}
.about .wapper .subtitle {
    display: flex;
    justify-content: center;
}
.about .wapper .subtitle span {
    font-size: 0.48rem;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
    font-family: 'index-title';
    margin-bottom: 0.3rem;
}
.about .wapper .subtitle span:nth-child(2) {
    color: #b0050b;
}
.about .wapper .img {
    width: 100%;
}
.about .wapper .img img {
    width: 100%;
    height: 100%;
}
.about .wapper .text {
    margin-top: 0.27rem;
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.6rem;
    text-align: justify;
}
.about .wapper .btn {
    margin: 0.52rem auto 0px auto;
    background: url("../img/index-cooperation-img2.png") no-repeat;
    width: 2.24rem;
    height: 0.65rem;
    background-size: 100% 100%;
    font-size: 0.3rem;
    text-align: center;
    color: #ffffff;
    line-height: 0.65rem;
    display: block;
}
.about .list {
    height: 3.22rem;
    background: #f0f0f0;
}
.about .list .wapper {
    margin-top: 0.49rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about .list .wapper .item {
    width: 3.43rem;
    height: 2.63rem;
    position: relative;
}
.about .list .wapper .item img {
    width: 100%;
    height: 100%;
}
.about .list .wapper .item .zuo {
    width: 0.17rem;
    height: 0.31rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.about .list .wapper .item .zuo img {
    width: 100%;
    height: 100%;
}
.about .list .wapper .item .you {
    width: 0.17rem;
    height: 0.31rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.about .list .wapper .item .you img {
    width: 100%;
    height: 100%;
}

.news {
    padding-top: 0.61rem;
    margin-bottom: 0.94rem;
}
.news .subtitle h3 {
    font-size: 0.5rem;
    font-weight: bold;
    text-align: center;
    color: #eaeaea;
    line-height: 0.5rem;
    font-family: 'index-subtitle';
}
.news .subtitle .header {
    display: flex;
    justify-content: center;
    margin: -0.28rem auto 0.19rem auto;
    font-family: 'index-title';
}
.news .subtitle .header span {
    font-size: 0.48rem;
    text-align: left;
    color: #333333;
    line-height: 0.48rem;
}
.news .subtitle .header span:nth-child(1) {
    color: #b0050b;
}
.news .subtitle .text {
    width: 4.65rem;
    height: 0.48rem;
    background: #ffffff;
    border-top: 0.01rem dashed #979797;
    border-bottom: 0.01rem dashed #979797;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.48rem;
    margin: 0px auto 0.67rem auto;
}
.news .tabbar {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    margin-bottom: 0.53rem;
}
.news .tabbar a {
    font-size: 0.34rem;
    color: #333333;
    line-height: 0.34rem;
}
.news .tabbar span {
    display: inline-block;
    width: 1px;
    height: 0.36rem;
    background-color: #333333;
    margin: 0 0.3rem;
}
.news .tabbar a.on {
    color: #b0050b;
}
.news ul {
    margin-top: 0.53rem;
}
.news ul a {
    display: block;
    width: 7rem;
    font-size: 0;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 0.25rem;
}
.news ul a:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.news ul li {
    display: flex;
    justify-content: space-between;
}
.news ul li .left {
    width: 2.4rem;
    height: 2.15rem;
}
.news ul li .left img {
    width: 100%;
    height: 100%;
}
.news ul li .right p:nth-of-type(1) {
    width: 4.2rem;
    opacity: 1;
    font-size: 0.3rem;
    color: #1a1a1a;
    line-height: 0.4rem;
}
.news ul li .right p:nth-of-type(2) {
    margin-top: 0.26rem;
    width: 4.2rem;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.44rem;
}
.news ul li .right p:nth-of-type(2) span {
    color: #0c0c0c;
}
.news ul .br {
    margin: 0.25rem 0px 0.23rem 0px;
    height: 0.01rem;
    background: #d5d5d5;
}
.news .btn {
    margin: 0.48rem auto 0px auto;
    width: 2.2rem;
    height: 0.7rem;
    background: #b0050b;
    font-size: 0.3rem;
    text-align: center;
    color: #ffffff;
    line-height: 0.7rem;
    display: block;
}