/*公共样式*/
.column-title{ width: 100%; float: left;}
.column-title .t1{ width: 100%; height: 0.55rem; float: left; background: url(../images/tab1.png) no-repeat; font-size: 0.38rem; padding-left: 0.62rem; box-sizing: border-box; background-size: contain;}
.column-title .p1{ width: 100%; float: left; font-size: 0.2rem; color: #666666; padding-left: 0.62rem; box-sizing: border-box; margin-top: 0.1rem;}
.column-title1{ width: 100%; float: left;}
.column-title1 .t1{ width: 100%; float: left; position: relative; font-size: 0.42rem; display: flex; flex-direction:column; align-items: center;}
.column-title1 .t1 span{ color: #e71425;}
.column-title1 .t1::after{ content: ""; display: block; width: 0.8rem; height: 0.05rem; background-color: #e71425; margin-top: 0.2rem;}
.column-title1 .p1{ width: 100%; float: left; position: relative; font-size: 0.2rem; text-align: center; margin-top: 0.2rem;}
.banner{ position: relative; margin-top: 1.2rem;}
.banner img{ width: 100%;}
.banner .container{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 1; display: flex; justify-content: center;}
.banner .container .text{ max-width: 1200px; height: 100%; width: 91%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative;}
.banner .container .text .t1{ font-size: 0.64rem; font-weight: bold; color: #fff;}
.banner .container .text p{ font-size: 0.32rem; color: #fff; margin-top: 0.4rem;}
.banner .container .text p span{ margin-right: 0.55rem;}
.banner .container .text .more{ width: 1.9rem; height: 0.74rem; background-color: #e71425; font-size: 0.18rem; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: 0.9rem;}
.banner .container .text .p1{ background-color: #e71425; padding: 0.2rem 0.4rem; font-size: 0.18rem; color: #fff; margin-top: 0.4rem;}
.banner .container .text .p1 span{ margin: 0 0.15rem;}
.youshi{ width: 100%; float: left; background: url(../images/bj06.png) no-repeat center center; background-size: cover;}
.youshi .container{ width: 100%; height: 4.86rem; float: left; display: flex; flex-direction: column; justify-content: center;}
.youshi .column-title1 .t1{ color: #ffe294;}
.youshi .column-title1 .t1::after{ background-color: #ffe294;}
.youshi .data{ width: 100%; float: left; display: flex; justify-content: center; margin-top: 0.5rem; display: flex; justify-content: center;}
.youshi .data .item{ margin: 0 0.6rem;}
.youshi .data .item .t{ display: flex; align-items: center;}
.youshi .data .item .t img{ width: 0.26rem; margin-right: 0.1rem;}
.youshi .data .item .t span{ font-size: 0.2rem; color: #ffe294;}
.youshi .data .item .stat-card{ display: flex; align-items: center; font-size: 0.42rem; color: #ffe294; font-weight: bold; margin-top: 0.15rem;}
.matter{ width: 100%; float: left; background: url(../images/line.png);background-position: 1.1rem 25%;background-repeat: no-repeat; background-size: contain; display: flex; justify-content: space-between; margin-top: 0.6rem;}
.matter .item{ color: #d70c19; display: flex; flex-direction: column; align-items: center;}
.matter .item .t1{ width: 1.1rem; height: 1.1rem; font-size: 0.2rem; border-radius: 50%; border: 1px solid #dedede; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #ffffff;}
.matter .item ul{ margin-top: 0.1rem;}
.matter .item ul li{ text-align: center; margin-top: 0.05rem; font-size: 0.18rem;}
.matter .item:nth-child(2),.matter .item:nth-child(4){ margin-top: 1.2rem;}
.yingxiao{ width: 100%; float: left; position: relative;}
.yingxiao .block1{ width: 100%; float: left; display: flex; justify-content: space-between; padding-bottom: 0.6rem;}
.yingxiao .block1 .l .bo{ padding: 0.2rem; position: relative;}
.yingxiao .block1 .l .bo::before{position: absolute; content: attr(data-background-text); font-size: 0.8rem; color: #d6d6d6; z-index: 0; left: 0; top: -0.08rem; font-weight: bold;}
.yingxiao .block1 .l .t1{ font-size: 0.42rem; position: relative; z-index: 2;}
.yingxiao .block1 .l p{ font-size: 0.2rem; margin-top: 0.1rem; color: #666; position:  relative; z-index: 2;}
.yingxiao .block1 .r{ max-width: 5.2rem; display: flex; flex-wrap: wrap; align-items: flex-start;}
.yingxiao .block1 .r img{max-width: 100%;}
.yingxiao .block1 .r .img1{ width: 50%; margin-top: 0.35rem;}
.yingxiao .block1 .r .img1 img{ float: right;}
.yingxiao .block1 .r .img2{ width: 50%; padding-left: 0.1rem; box-sizing: border-box;}
.yingxiao .block1 .r .img3{ width: 50%; margin-top: 0.25rem;}
.yingxiao .block1 .r .img3 img{ float: right;}
.yingxiao .block1 .r .img4{ width: 50%; margin-top: -1rem; padding-left: 0.1rem; box-sizing: border-box;}
.yingxiao .block2{ width: 100%; float: left; display: flex;}
.yingxiao .block2 .l{ max-width: 4.88rem; width: 100%;}
.yingxiao .block2 .l img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.yingxiao .block2 .r{ width: 100%; background-color: #d70c19; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff;}
.yingxiao .block2 .r .bo{ width: 4.6rem; position: relative; padding: 0.2rem;}
.yingxiao .block2 .r .bo::before{position: absolute; content: attr(data-background-text); font-size: 0.8rem; color: #d6d6d6; z-index: 0; left: 0; top: -0.08rem; font-weight: bold; opacity: 0.7;}
.yingxiao .block2 .r .t1{ font-size: 0.42rem; position: relative; z-index: 2;}
.yingxiao .block2 .r p{ font-size: 0.2rem; margin-top: 0.1rem; position: relative; z-index: 2;}
.yingxiao .block3{ width: 100%; float: left;}
.yingxiao .block3 .top{ width: 100%; display: flex; justify-content: center; padding: 0.4rem 0;}
.yingxiao .block3 .top .bo{ width: 5.6rem; display: flex; flex-direction: column; align-items: center; position: relative; padding: 0.2rem;}
.yingxiao .block3 .top .bo::before{position: absolute; content: attr(data-background-text); font-size: 0.8rem; color: #d6d6d6; z-index: 0; left: 0; top: -0.08rem; font-weight: bold;}
.yingxiao .block3 .top .t1{ font-size: 0.42rem; position: relative; z-index: 2;}
.yingxiao .block3 .top p{ font-size: 0.2rem; color: #666; margin-top: 0.1rem; position: relative; z-index: 2;}
.yingxiao .block3 .img{ width: 100%; border-radius: 0.1rem; overflow: hidden;}
.yingxiao .block3 .img img{ width: 100%;}

/*首页*/
.home .modular1{ width: 100%; float: left; background-color: #f3f3f3;}
.home .modular1 .container{ width: 100%; float: left; padding: 0.2rem 0 1.2rem 0;}
.home .modular1 .yunying{ width: 100%; float: left; margin-top: 1rem; display: flex; justify-content: space-between;}
.home .modular1 .yunying .l{ max-width: 4.8rem; width: 50%; float: left;}
.home .modular1 .yunying .l .t1{ font-size: 0.42rem; float: left; border-bottom: 0.03rem solid #dcdcdc; padding-bottom: 0.05rem; position: relative;}
.home .modular1 .yunying .l .t1::after{ content: ""; display: block; width: 0.8rem; height: 0.05rem; background-color: #e71425; position: absolute; left: 0; bottom: -0.03rem;}
.home .modular1 .yunying .l .list1{ width: 100%; float: left; margin-top: 0.3rem;}
.home .modular1 .yunying .l .list1 li{ width: 50%; float: left; font-size: 0.18rem; color: #e71425; margin-top: 0.1rem;}
.home .modular1 .yunying .l .list1 a{ color: #e71425;}
.home .modular1 .yunying .l .list1.fl3 li{ width: auto; margin-right: 0.4rem;}
.home .modular1 .yunying .l .list2{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.15rem;}
.home .modular1 .yunying .l .list2 p{ width: 48%; border: 1px solid #666666; height: 0.48rem; border-radius: 5px; font-size: 0.18rem; display: flex; justify-content: center; align-items: center; margin-top: 0.12rem;}
.home .modular1 .yunying .l .list3{ width: 100%; float: left; margin-top: 0.2rem;}
.home .modular1 .yunying .l .list3 li{ font-size: 0.18rem; margin-top: 0.1rem; background: url(../images/ico16.png) no-repeat left center; padding-left: 20px; box-sizing: border-box; white-space: nowrap;}
.home .modular1 .yunying .l .more{ float: left; font-size: 0.14rem; color: #e71425; margin-top: 0.4rem; background: url(../images/ico11.png) no-repeat right center; padding-right: 20px;}
.home .modular1 .yunying .r{ width: 50%; float: left;}
.home .modular1 .yunying .r img{ width: 100%;}
.home .modular2{ width: 100%; float: left; padding: 1.1rem 0;}
.home .modular2 .list{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.6rem;}
.home .modular2 .list .item{ width: 2.8rem; border-radius: 0.1rem; overflow: hidden;}
.home .modular2 .list .item .t1{ width: 100%; min-height: 1.9rem; float: left; background: url(../images/bj05.png) no-repeat center center; background-size: cover; padding: 0.4rem; box-sizing: border-box;}
.home .modular2 .list .item .t1 p{ font-size: 0.2rem; color: #fff; text-align: center;}
.home .modular2 .list .item .t1 .f18{ font-size: 0.18rem; margin-top: 0.06rem;}
.home .modular2 .list .item .p1{ width: 100%; min-height: 2.8rem; float: left; background-color: #f3f3f3; padding: 0.4rem 0.35rem; box-sizing: border-box;}
.home .modular2 .list .item .p1 p{ line-height: 0.32rem; font-size: 0.18rem;}

/*达人营销*/
.banner-daren{ width: 100%; height: 7.6rem; float: left; background-color: #141414; display: flex; justify-content: center; overflow: hidden; margin-top: 1.2rem;}
.banner-daren .container{ max-width: 1200px;  width: 91%; height: 100%; float: left;  position: relative; display: flex; align-items: center;}
.banner-daren .container .img{ width: 6.57rem; position: absolute; right: 0;}
.banner-daren .container .img img{ width: 100%;}
.banner-daren .container .text{ width: 100%; height: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.banner-daren .container .text .t1{ font-size: 0.64rem; font-weight: bold; color: #fff;}
.banner-daren .container .text p{ font-size: 0.32rem; color: #fff; margin-top: 0.4rem;}
.banner-daren .container .text p span{ margin-right: 0.55rem;}
.banner-daren .container .text .p1{ background-color: #e71425; padding: 0.2rem 0.4rem; font-size: 0.18rem; color: #fff; margin-top: 0.4rem;}
.banner-daren .container .text .p1 span{ margin: 0 0.15rem;}
.daren .modular1{ width: 100%; float: left; padding: 0.8rem 0;}
.daren .modular1 .list{ width: 100%; float: left; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.4rem;}
.daren .modular1 .list .item{ width: 5.9rem; height: 1.9rem; float: left; background: url(../images/bj11.png) no-repeat center center; background-size: cover; margin-top: 0.2rem; position: relative; border-radius: 0.1rem; overflow: hidden;}
.daren .modular1 .list .item .order{ font-size: 1.18rem; color: rgba(255, 255, 255, 0.2); position: absolute; right: -0.2rem; bottom: -0.38rem; z-index: 1;}
.daren .modular1 .list .item .text{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2; padding: 0 0.35rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.daren .modular1 .list .item .text p{ font-size: 0.2rem; color: #fff; line-height: 0.28rem;}
.daren .modular1 .list .item .text .f18{ font-size: 0.18rem;}
.daren .modular2{ width: 100%; float: left; background-color: #f3f3f3; padding: 0.8rem 0;}
.daren .modular2 .list{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.6rem;}
.daren .modular2 .list .item{ width: 2.8rem; border-radius: 0.1rem; overflow: hidden;}
.daren .modular2 .list .item .t1{ width: 100%; min-height: 1.9rem; float: left; background: url(../images/bj05.png) no-repeat center center; background-size: cover; padding: 0.4rem; box-sizing: border-box;}
.daren .modular2 .list .item .t1 p{ font-size: 0.2rem; color: #fff; text-align: center;}
.daren .modular2 .list .item .t1 .f18{ font-size: 0.18rem; margin-top: 0.06rem;}
.daren .modular2 .list .item .p1{ width: 100%; min-height: 3.5rem; float: left; background-color: #fff; padding: 0.4rem 0.35rem; box-sizing: border-box;}
.daren .modular2 .list .item .p1 p{ line-height: 0.32rem; font-size: 0.18rem;}
.daren .modular3{ width: 100%; float: left; padding:0.2rem 0 0.8rem 0;}
.daren .modular3 .item{ width: 100%; float: left; margin-top: 0.6rem; display: flex; justify-content: space-between;}
.daren .modular3 .item .l{ width: 43%;}
.daren .modular3 .item .l .ico{ width: 0.6rem;}
.daren .modular3 .item .l .ico img{ width: 100%;}
.daren .modular3 .item .l .t1{ font-size: 0.2rem; margin-top: 0.2rem;}
.daren .modular3 .item .l .t1::after{ content: ""; display: block; width: 0.25rem; height: 0.02rem; background-color: #333; margin-top: 0.15rem;}
.daren .modular3 .item .l p{ font-size: 0.18rem; color: #666; line-height: 0.34rem; margin-top: 0.1rem;}
.daren .modular3 .item .l.right{ display: flex; flex-direction: column; align-items: flex-end;}
.daren .modular3 .item .l.right .t1{ display: flex; flex-direction: column; align-items: flex-end;}
.daren .modular3 .item .l.right p{ text-align: right;}
.daren .modular3 .item .r{ width: 53%; border-radius: 0.2rem;}
.daren .modular3 .item .r img{ width: 100%;}
.daren .modular4{ width: 100%; float: left; background-color: #f3f3f3; padding: 0.8rem 0;}
.daren .modular4 .list{ width: 100%; float: left; margin-top: 0.6rem; display: flex; justify-content: space-between; }
.daren .modular4 .list .img{ width: 49%; overflow: hidden;}
.daren .modular4 .list .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.daren .modular4 .list .img:hover img {transform: scale(1.05);}

/*海外社媒*/ 
.banner-meiti{ width: 100%; height: 7.6rem; float: left; background: url(../images/bj07.jpg) no-repeat center center; background-size: cover; display: flex; justify-content: center; overflow: hidden; margin-top: 1.2rem;}
.banner-meiti .container{ max-width: 1200px;  width: 91%; height: 100%; float: left;  position: relative;}
.banner-meiti .container .img{ width: 7.92rem; position: absolute; right: -1.9rem; bottom: 0;}
.banner-meiti .container .img img{ width: 100%;}
.banner-meiti .container .text{ width: 100%; height: 100%;  display: flex; flex-direction: column; justify-content: center;}
.banner-meiti .container .text .t1{ font-size: 0.64rem; font-weight: bold; color: #fff;}
.banner-meiti .container .text p{ font-size: 0.32rem; color: #fff; margin-top: 0.4rem;}
.banner-meiti .container .text p span{ margin-right: 0.55rem;}
.meiti .modular1{ width: 100%; float: left; background-color: #f3f3f3; padding: 0.45rem 0;}
.meiti .modular1 .container{ width: 100%; display: flex; justify-content: space-between;}
.meiti .modular1 .container p{ color: #d70c19; font-size: 0.2rem;}
.meiti .modular2{ width: 100%; float: left; padding: 0.8rem 0;}
.meiti .modular2 .frame{ width: 100%; float: left; margin-top: 0.6rem; position: relative; display: flex; align-items: center;}
.meiti .modular2 .l{ width: 6.2rem; position: relative; z-index: 2;}
.meiti .modular2 .l .item{ width: 100%; height: 1.6rem; float: left; background: url(../images/bj08.png) no-repeat center center; background-size: cover; margin-top: 0.2rem; position: relative; border-radius: 0.1rem;}
.meiti .modular2 .l .item:first-child{ margin-top: 0;}
.meiti .modular2 .l .item .order{ font-size: 1.18rem; color: rgba(255, 255, 255, 0.2); position: absolute; right: -0.2rem; bottom: -0.38rem; z-index: 1;}
.meiti .modular2 .l .item .text{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2; padding: 0 0.35rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.meiti .modular2 .l .item .text p{ font-size: 0.2rem; color: #fff;}
.meiti .modular2 .l .item .text .f18{ font-size: 0.18rem;}
.meiti .modular2 .r{ width: 6.4rem; position: absolute; right: 0; border-radius: 0.1rem; z-index: 1;}
.meiti .modular2 .r img{ width: 100%;}
.meiti .modular3{ width: 100%; float: left; padding: 0.8rem 0; background-color: #f3f3f3;}
.meiti .modular4{ width: 100%; float: left; padding: 0.8rem 0 1rem 0; background-color: #e71425;}
.meiti .modular4 .list{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.8rem;}
.meiti .modular4 .list .item{ width: 23.5%; height: 3.6rem; background-color: #fff; border-radius: 0.1rem; padding: 0.4rem 0.15rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.meiti .modular4 .list .item .line1{ width: 100%; float: left; display: flex; align-items: center; font-size: 0.2rem;}
.meiti .modular4 .list .item .line1 img{ width: 0.6rem; margin-right: 0.1rem;}
.meiti .modular4 .list .item .line2{ width: 100%; float: left; font-size: 0.17rem; text-align: center;}
.meiti .modular4 .list .item .line2 p{ white-space: nowrap;}
.meiti .modular4 .list .item .line3{ width: 100%; float: left; position: relative; display: flex; justify-content: center; }
.meiti .modular4 .list .item .line3 p{ font-size: 0.18rem; position: relative; z-index: 2; color: #e71425;}
.meiti .modular4 .list .item .line3::after{ content: ""; display: block; width: 0.44rem; height: 0.06rem; background-color: #fac000; position: absolute; bottom: 0; z-index: 1;}
.meiti .modular4 .list .item .line4{ width: 100%; float: left; font-size: 0.17rem; text-align: center;}
.meiti .modular4 .list .item .line4 p{ white-space: nowrap;}
.meiti .modular4 .list .item .line5{ width: 100%; float: left; font-size: 0.2rem; text-align: center;}
.meiti .modular4 .list .item .line5 span{ color: #e71425; margin-left: 0.1rem;}
.meiti .modular4 .column-title1 .t1{ color: #fff;}
.meiti .modular4 .column-title1 .t1::after{ background-color: #fff;}
.meiti .modular5{ width: 100%; float: left; padding: 0.8rem 0 1rem 0;  background: linear-gradient(to bottom, #ebeaea 80%, #d70c19 20%);}
.meiti .modular6{ width: 100%; float: left; padding: 1rem 0;}
.meiti .modular6 .list{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.6rem;}
.meiti .modular6 .list .item{ width: 11.8%;}
.meiti .modular6 .list .item img{ width: 100%;}
.meiti .modular6 .list .item p{ width: 100%; height: 0.4rem; margin-top: 0.1rem; color: #fff; background-color: #d70c19; display: flex; justify-content: center; align-items: center;}
.meiti .modular7{ width: 100%; float: left; padding: 1rem 0; background-color: #f3f3f3;}
.meiti .modular7 .item{ width: 100%; float: left;}
.meiti .modular7 .item img{ width: 100%;}
.meiti .modular7 .list{ width: 100%; float: left; display: flex; justify-content: space-between; background-color: #fff; padding: 0.4rem 0 0.2rem 0; box-sizing: border-box;}
.meiti .modular7 .list .item{ width: 32%; background-color: #eeeeee; padding: 0.2rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;}
.meiti .modular7 .list .item .img{ width: 100%; float: left;}
.meiti .modular7 .list .item a{ width: 1.3rem; float: left; height: 0.32rem; background-color: #c10001; border-radius: 0.16rem; font-size: 0.16rem; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 0.3rem;}
.meiti .modular7 .list .item a span{ width: 0.22rem; height: 0.22rem; background-color: #fff; border-radius: 50%; color: #c10001; display: flex; align-items: center; justify-content: center; margin-left: 0.1rem; line-height: 0.16rem;}

/*小红书*/
.banner-xhs{ width: 100%; float: left; background-color: #d7d4e9; position: relative; padding-top: 1rem; overflow: hidden; margin-top: 1.2rem;}
.banner-xhs .container{ width: 100%; float: left; padding-bottom: 0.95rem; position: relative;}
.banner-xhs .l{ display: flex; flex-direction: column; position: absolute; left: 0; top: 0; z-index: 9;}
.banner-xhs .l p{ font-size: 0.64rem; font-weight: bold; color: #1f2630; margin-top: 0.9rem;}
.banner-xhs .l span{ width: 3.2rem; height: 0.5rem; font-size: 0.18rem; color: #fff; background-color: #d70c19; border-radius: 0.25rem; display: flex; justify-content: center; align-items: center; margin-top: 0.6rem;}
.banner-xhs .r{ float: right; position:relative; right: -1rem; top: 0; z-index: 1;}
.banner-xhs .r img{ max-width: 100%;}
.banner-xhs .banner-bottom{ width: 100%; height: 0.95rem; float: left; position: absolute; left: 0; bottom: 0; overflow: hidden; background: url(../images/bj04.jpg) no-repeat center center; background-size: cover;}
.xhs .modular1{ width: 100%; float: left; background: linear-gradient(to bottom, #ffffff 50%, #f7cccf); }
.xhs .modular1 .container{ width: 100%; float: left; padding: 0.8rem 0;}
.xhs .modular1 .list1{ width: 100%; float: left; display: flex; justify-content: space-between; flex-wrap: wrap;}
.xhs .modular1 .list1 .item{ width: 32%; padding: 0.2rem; box-sizing: border-box; border-radius: 0.1rem; background-color: #ffffff; box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.2); margin-top: 0.3rem; color: #d70c19;}
.xhs .modular1 .list1 .item .lin1{ width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.xhs .modular1 .list1 .item .lin1 .l{ display: flex; align-items: flex-end;}
.xhs .modular1 .list1 .item .lin1 .l .ico{ width: 0.54rem; height: 0.54rem; background-color: #d70c19; display: flex; justify-content: center; align-items: center; border-radius: 0.1rem;}
.xhs .modular1 .list1 .item .lin1 .l span{ font-size: 0.18rem; margin-left: 0.1rem; font-weight: bold;}
.xhs .modular1 .list1 .item .lin1 .r{ height: 0.54rem; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.xhs .modular1 .list1 .item .lin1 .r .s1{ font-size: 0.18rem;}
.xhs .modular1 .list1 .item .lin1 .r .s2{ font-size: 0.24rem; font-weight: bold;}
.xhs .modular1 .list1 .item .p1{ width: 100%; float: left; margin-top: 0.1rem; line-height: 0.24rem; display: flex; flex-direction: column; font-size: 0.14rem;}
.xhs .modular1 .list1 .item .p1 span{ font-weight: bold;}
.xhs .modular2{ width: 100%; float: left; padding: 0.8rem 0 1.1rem 0;}
.xhs .modular2 .container{ width: 100%; float: left;}
.xhs .modular2 .container .list2{ width: 100%; float: left; background: url(../images/line.png);background-position: 1.1rem 25%;background-repeat: no-repeat; background-size: contain; display: flex; justify-content: space-between; margin-top: 0.4rem;}
.xhs .modular2 .container .list2 .item{ color: #d70c19; display: flex; flex-direction: column; align-items: center;}
.xhs .modular2 .container .list2 .item .t1{ width: 1.1rem; height: 1.1rem; font-size: 0.18rem; border-radius: 50%; border: 1px solid #dedede; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #ffffff;}
.xhs .modular2 .container .list2 .item ul{ margin-top: 0.1rem;}
.xhs .modular2 .container .list2 .item ul li{ text-align: center; margin-top: 0.05rem; font-size: 0.14rem;}
.xhs .modular2 .container .list2 .item:nth-child(2),.xhs .modular2 .container .list2 .item:nth-child(4){ margin-top: 1.2rem;}
.xhs .modular3{ width: 100%; float: left; background: linear-gradient(to bottom, #ebeaea 80%, #d70c19 20%); padding: 0.8rem 0;}
.xhs .modular3 .yingxiao{ width: 100%; float: left; position: relative;}
.xhs .modular3 .yingxiao .zi{ font-size: 1.1rem; color: #ebeaea; font-weight: bold; position: absolute; top: -1.78rem;}
.xhs .modular4{ width: 100%; float: left;  padding: 0.8rem 0 0.6rem 0;}
.xhs .modular4 .container{ width: 100%; float: left;}
.xhs .modular4 .img{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.15rem;}
.xhs .modular4 .img img{ width: 100%; margin-top: 3%;}
.xhs .modular4 .l{ margin-right: 0.5%;}
.xhs .modular4 .r{ margin-top: 2%; margin-left: 0.5%;}
.xhs .modular5{ width: 100%; float: left; background: url(../images/bj01.jpg) no-repeat center center;  padding: 0.8rem 0; box-sizing: border-box;}
.xhs .modular5 .container{ width: 100%; float: left;}
.xhs .modular5 .list3{ width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; margin-top: 0.7rem;}
.xhs .modular5 .list3 .l1{ width: 1.2rem; height: 1.2rem; border: 1px solid #dcdcdc; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 0.18rem; text-align: center;}
.xhs .modular6{ width: 100%; float: left; background: url(../images/bj02.jpg) no-repeat center center; background-size: cover;}
.xhs .modular6 .container{ width: 100%; float: left; padding: 0.8rem 0; display: flex; justify-content: center;}
.xhs .modular6 .lxwm{ max-width: 10rem; width: 100%; float: left; padding: 0.4rem 0.8rem; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.3); border-radius: 0.1rem; display: flex; justify-content: space-between; color: #ffffff;}
.xhs .modular6 .lxwm .l{ display: flex; flex-direction: column; flex: 1;}
.xhs .modular6 .lxwm .l .t1{ font-size: 0.42rem;}
.xhs .modular6 .lxwm .l p{ font-size: 0.2rem; line-height: 0.28rem; margin-top: 0.1rem;}
.xhs .modular6 .lxwm .l a{ font-size: 0.18rem; width: 1.4rem; height: 0.4rem; border-radius: 0.2rem; background-color: #f5a100; display: flex; justify-content: center; align-items: center; color: #ffffff; margin-top: 0.1rem;}
.xhs .modular6 .lxwm .r{ width: 1.52rem; max-height: 1.52rem; padding: 0.15rem; background-color: #ffffff;}
.xhs .modular6 .lxwm .r img{ width: 100%;}
.xhs .modular7{ width: 100%; height: 2rem; float: left; background: url(../images/bj03.jpg) no-repeat center center;}

/*独立站优化*/
.banner-dulizhan{ width: 100%; height: 7.6rem; float: left; background-color: #c7d3db; display: flex; justify-content: center; overflow: hidden; margin-top: 1.2rem;}
.banner-dulizhan .container{ max-width: 1200px;  width: 91%; height: 100%; float: left;  position: relative; display: flex; align-items: center;}
.banner-dulizhan .container .img{ width: 8.31rem; position: absolute; right: -2.23rem;}
.banner-dulizhan .container .img img{ width: 100%;}
.banner-dulizhan .container .text{ width: 100%; height: 100%;  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.banner-dulizhan .container .text .t1{ font-size: 0.64rem; font-weight: bold; color: #333;}
.banner-dulizhan .container .text p{ font-size: 0.32rem; color: #666; margin-top: 0.4rem;}
.banner-dulizhan .container .text p span{ margin-right: 0.55rem;}
.banner-dulizhan .container .text .p1{ background-color: #e71425; padding: 0.2rem 0.4rem; font-size: 0.18rem; color: #fff; margin-top: 0.4rem;}
.banner-dulizhan .container .text .p1 span{ margin: 0 0.15rem;}
.dulizhan .modular1{ width: 100%; float: left; padding: 0.8rem 0;}
.dulizhan .modular1 .list{ width: 100%; float: left; margin-top: 0.6rem; display: flex; justify-content: space-between; align-items: flex-start;}
.dulizhan .modular1 .list .item{ width: 2.8rem; position: relative; border-radius: 0.15rem; overflow: hidden;}
.dulizhan .modular1 .list .item:nth-child(2n){ margin-top: 0.8rem;}
.dulizhan .modular1 .list .item .img{ width: 100%;}
.dulizhan .modular1 .list .item .img img{ width: 100%;}
.dulizhan .modular1 .list .item .text{ width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; justify-content: center; padding: 0 0.2rem; box-sizing: border-box;}
.dulizhan .modular1 .list .item .text p{ font-size: 0.14rem; color: #999; text-align: center;}
.dulizhan .modular1 .list .item .text .p1{ font-size: 0.2rem; color: #fff; margin-bottom: 0.1rem;}
.dulizhan .modular2{ width: 100%; float: left; background-color: #f3f3f3; padding: 0.8rem 0;}
.dulizhan .modular2 .list{ width: 100%; float: left; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.4rem;}
.dulizhan .modular2 .list .item{ width: 5.9rem; height: 1.9rem; float: left; background: url(../images/bj11.png) no-repeat center center; background-size: cover; margin-top: 0.2rem; position: relative; border-radius: 0.1rem; overflow: hidden;}
.dulizhan .modular2 .list .item .order{ font-size: 1.18rem; color: rgba(255, 255, 255, 0.2); position: absolute; right: -0.2rem; bottom: -0.38rem; z-index: 1;}
.dulizhan .modular2 .list .item .text{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2; padding: 0 0.35rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.dulizhan .modular2 .list .item .text p{ font-size: 0.2rem; color: #fff; line-height: 0.28rem;}
.dulizhan .modular2 .list .item .text .f18{ font-size: 0.18rem;}
.dulizhan .modular3{ width: 100%; float: left; padding: 0.8rem 0;}
.dulizhan .modular3 .list{ width: 100%; float: left; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.4rem;}
.dulizhan .modular3 .list .item{ width: 19%; height: 2.4rem; float: left; background: url(../images/bj12.jpg) no-repeat center center; background-size: cover; margin-top: 0.2rem; position: relative; border-radius: 0.1rem; overflow: hidden;}
.dulizhan .modular3 .list .item .order{ font-size: 0.78rem; font-weight: bold; color: rgba(255, 255, 255, 0.2); position: absolute; right: -0.15rem; bottom: -0.28rem; z-index: 1;}
.dulizhan .modular3 .list .item .text{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2; padding: 0.3rem 0.15rem 0 0.15rem; box-sizing: border-box;}
.dulizhan .modular3 .list .item .text p{ font-size: 0.2rem; color: #fff; line-height: 0.28rem; text-align: center;}
.dulizhan .modular3 .list .item .text .f18{ font-size: 0.18rem; text-align: left;}

/*全球化品牌传播*/
.banner .container .text .p2{ font-size: 0.18rem; background-color: rgba(255, 255, 255, 0.5); border-radius: 0.1rem; padding: 0.2rem 0.4rem; position: absolute;}
.banner .container .text .s1{ right: 1rem; top: 1.8rem;}
.banner .container .text .s2{ right: 3.2rem; top: 2.8rem;}
.banner .container .text .s3{ right: 5rem; top: 3.8rem;}
.banner .container .text .s4{ right: 1.8rem; top: 4.1rem;}
.pinpai .modular1{ width: 100%; min-height: 5.8rem; float: left; background: url(../images/bj09.jpg) no-repeat center center; background-size: cover; padding: 0.8rem 0; box-sizing: border-box;}
.pinpai .modular1 .list{ width: 100%; float: left; background: url(../images/line.png);background-position: 1.1rem 55%;background-repeat: no-repeat; background-size: contain; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 0.5rem;}
.pinpai .modular1 .list .item{ width: 2rem; height: 2rem; position: relative; border-radius: 50%; overflow: hidden;}
.pinpai .modular1 .list .item .img{ width: 100%; float: left;}
.pinpai .modular1 .list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.pinpai .modular1 .list .item .text{ width: 100%; height: 100%; float: left; background-color: rgba(0, 0, 0, 0.6); position: absolute; z-index: 2; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pinpai .modular1 .list .item .text p{ font-size: 0.2rem; color: #fff; text-align: center;}
.pinpai .modular1 .list .item .text .f18{ font-size: 0.18rem; margin-top: 0.06rem;}
.pinpai .modular1 .list .item:nth-child(2),.pinpai .modular1 .list .item:nth-child(4){ margin-top: 1.2rem;}
.pinpai .modular2{ width: 100%; height: 4.66rem; float: left; background: url(../images/bj10.jpg) no-repeat center center; background-size: cover; padding: 0.8rem 0; box-sizing: border-box;}
.pinpai .modular2 .t1{ width: 100%; float: left; font-size: 0.42rem;}
.pinpai .modular2 ul{ width: 100%; float: left; margin-top: 0.2rem;}
.pinpai .modular2 ul li{ font-size: 0.2rem; color: #666; line-height: 0.34rem; display: flex; align-items: center;}
.pinpai .modular2 ul li span{ color: #e71425; font-size: 0.4rem; margin-right: 0.05rem; }
.pinpai .modular3{ width: 100%; float: left; padding: 0.8rem 0;}
.pinpai .modular3 .list{ width: 100%;  float: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.45rem;}
.pinpai .modular3 .list .item{ width: 3.9rem; margin-top: 0.15rem;}
.pinpai .modular3 .list .item .img{ width: 100%; float: left;}
.pinpai .modular3 .list .item .img img{ width: 100%; float: left;}
.pinpai .modular3 .list .item .text{ width: 100%; height: 2.2rem; float: left; background: url(../images/bj13.png) no-repeat center center; background-size: cover;  padding: 0.4rem 0.3rem 0 0.3rem; box-sizing: border-box;}
.pinpai .modular3 .list .item .text p{ font-size: 0.2rem; color: #fff; text-align: center;}
.pinpai .modular3 .list .item .text .f18{ font-size: 0.18rem; margin-top: 0.06rem; text-align: left;}
.pinpai .modular4{ width: 100%; float: left; background-color: #f3f3f3;  padding: 0.8rem 0;}
.pinpai .modular4 .list{ width: 100%; float: left; display: flex; flex-wrap: wrap; margin-top: 0.6rem;}
.pinpai .modular4 .list .item{ position: relative;}
.pinpai .modular4 .list .item img{ width: 100%;}
.pinpai .modular4 .list .item p{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; font-size: 0.42rem; color: #f3f3f3; background-color: rgba(0, 0, 0, 0.6);}
.pinpai .modular4 .list .item:nth-child(1){ width: 4.78rem;}
.pinpai .modular4 .list .item:nth-child(2){ width: 7.22rem;}
.pinpai .modular4 .list .item:nth-child(3){ width: 8.5rem;}
.pinpai .modular4 .list .item:nth-child(4){ width: 3.5rem;}

/*关于我们*/
.gywm .modular1{ width: 100%; float: left; padding: 1rem 0;}
.gywm .modular1 .container{ width: 100%; float: left; display: flex; justify-content: space-between;}
.gywm .modular1 .container .l{ width: 4.8rem; margin-right: 0.5rem;}
.gywm .modular1 .container .l img{ width: 100%;}
.gywm .modular1 .container .r{ flex: 1;}
.gywm .modular1 .container .r .t1{ font-size: 0.42rem; position: relative;}
.gywm .modular1 .container .r .t1::after{ content: ""; display: block; width: 0.8rem; height: 0.05rem; background-color: #e71425; margin-top: 0.15rem;}
.gywm .modular1 .container .r p{ font-size: 0.18rem; line-height: 0.32rem; margin-top: 0.2rem;}
.gywm .modular1 .container .r p span{ font-weight: bold;}
.gywm .modular2{ width: 100%; float: left; background-color: #f3f3f3; padding: 1rem 0; box-sizing: border-box;}
.gywm .modular2 .list{ width: 100%; float: left; margin-top: 0.3rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.gywm .modular2 .list .item{ width: 32%; margin-top: 0.3rem;}
.gywm .modular2 .list .item .up{ width: 100%; float: left; position: relative; display: flex; justify-content: center;}
.gywm .modular2 .list .item .up .img{ width: 100%; float: left; overflow: hidden;}
.gywm .modular2 .list .item .up .img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.gywm .modular2 .list .item .up p{ position: absolute; bottom: 3px; font-size: 0.35rem; color: #fff;}
.gywm .modular2 .list .item .address{ width: 100%; float: left; margin-top: 0.15rem;}
.gywm .modular2 .list .item .address p{ font-size: 0.18rem; line-height: 0.32rem;}
.gywm .modular2 .list .item .up .img:hover img {transform: scale(1.05);}