@charset "utf-8";
@font-face{    font-family: 'DouyinSansBold';    src : url('../images/DouyinSansBold.otf'); font-display: swap;   /*有坑，写相对路径，绝对路径没有效果*/}

/* pc width > 1024px */
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,em,th,td,dl,dt,dd{margin:0;padding:0}
a { color: #333; text-decoration: none;  transition: color .3s; -webkit-text-decoration-skip: objects}
a:hover {
    color: #EE822F
}
a:active { color: #333}
a:focus { text-decoration: none; outline: 0}
a[disabled] { color: #00000040; cursor: not-allowed}
h2{margin:0; padding:0;}
li,dd,dt{list-style-type:none;}
ol,ul,dl{list-style:none;}
.clear{ clear:both; width:100%;}
.clear:before, .clear:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clear:after{clear:both;}*, *:before, *:after {	box-sizing: border-box}
em{font-style:normal}
img{border:0;}
table{border-collapse:collapse}
body{font-family: system-ui, -apple-system, BlinkMacSystemFont,"Microsoft YaHei", sans-serif; color:#333; margin:0; padding:0;font-size:14px; background:#fff;}
p{word-wrap:break-word}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
*, *:before, *:after {	box-sizing: border-box}

.wrapper { height: auto; margin: 0 auto; padding-top: 0; position: relative; width: 1200px;z-index: 1;}
.page_main{float:left; width:860px; position:relative; }
.page_right{float:left; width:300px; margin:0 0 0 40px; position: sticky; top:60px; }

/*header*/
.header{ width:100%; height:80px; line-height:80px; background: linear-gradient(135deg,rgba(255,102,102,0) 0%,rgba(119,54,255,0) 100%);   transition: .2s 0s all ease-in-out; position:fixed; top:0; z-index:10; }
.header .logo{ width:228px; float:left;}
.header .logo a img{ height:48px; vertical-align:middle; }


.nav{ width:769px; font-size:16px; float:left;font-weight:normal;}
.nav .close{ display:none;}
.nav>ul>li{float:left; position:relative;}
.nav>ul>li>a{text-decoration:none; color:#fff; display:inline-block; padding:0 20px; position:relative; text-align:center; height:80px; line-height:80px;  white-space: nowrap; }
.nav a:active,.nav a:visited{text-decoration:none; color:#fff;}
.nav>ul>li>a.hover:after {    content: "";    position: absolute; top:60px; left: 50%;    transform: translate(-50%);    width: 16px;    height: 3px;    border-radius: 3px;    background: white;}
.nav2{width:120px; padding:16px 16px; margin:0;   background:#fff; top:80px; left:50%; margin-left:-60px; position:absolute;  z-index:999; opacity:1; visibility:hidden; font-size:14px;}
.nav2 li{width:100%;}
.nav2 a,.nav2 a:active,.nav2 a:visited{ display:block; color:#333;  width:100%; height:35px;  white-space: nowrap; line-height:35px;  text-align:center; }
.nav2 a:hover{
    color: #EE822F;
    border-bottom: none;
	font-weight: bold;
}
.nav li:hover .nav2{ visibility:visible;}
.nav #language{ margin-left:69px;}
.nav #language i{ vertical-align:middle; width: 0; height: 0; border: 5px solid transparent; border-top-color:#fff; display:inline-block; margin:3px 0 0 2px;}
.nav #language .nav2{ width:180px; margin-left:-90px;}
.nav #language .nav2 a{ text-align:left;}
.nav #language .nav2 img{ width: 28px; height: 19px; vertical-align:middle; margin-right:8px;}

.header .member{  position:absolute; width:202px; right:0px; top:20px;}
.header .member .btn{  padding: 0 24px; line-height:40px; margin-right: 10px; float:left; color: #fff; font-size:16px;}
.header .member .btnreg{
    background: linear-gradient(145deg,#facd78 0%,#ee822f 100%);
    color: #333;
    border-radius: 24px;
    margin-right: 0;
}
.headerfixed{ position: fixed; top: 0; left: 0;z-index: 999; background:#fff; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06);}
.headerfixed .nav li a,.headerfixed .nav li a:active,.headerfixed .nav li a:visited{ color:#333;}
.headerfixed .nav li a:hover,.headerfixed .nav li a.hover{
    color: #EE822F;
}
.headerfixed .nav li a.hover{font-weight:bold;}
.headerfixed .nav li a.hover:after{
    background: #EE822F;
}
.headerfixed .member .btn{ color:#333;}
#MenuBtn{ display:none;}
.headerfixed .nav #language i{  border-top-color:#333333;}


/*首页*/
.slideBox {overflow:hidden;position:relative;width:100%;margin:0; height:800px}
.slideBox .bd li a {width: 100%;height: 800px;display: block; background-size:cover; background-position:center; text-align:center; overflow:hidden; }
/*.slideBox .bd li img { margin:0 auto;height: 800px; width:auto;  }*/
.slideBox .hd {overflow: hidden;zoom: 1;position: absolute;bottom: 10px; z-index: 3 ; width:100%;text-align:center;}
.slideBox .hd li {text-align: center;width:16px;height:5px; display:inline-block; font-size:0;cursor: pointer;background: #fff; margin:0 5px;filter: alpha(opacity=20);opacity: .2;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease }
.slideBox .hd li.on {filter: alpha(opacity=100);opacity:1; width:24px; }
.slideBox .prev,.slideBox .next {position: absolute; bottom:40px; right:calc(50vw - 600px); width: 40px; height: 40px;  z-index: 10; cursor: pointer; background: center / 40px url(../images/next.png) no-repeat; background-size:100%; }
.slideBox .prev {    bottom: 104px;  transform: rotate(180deg);}
.slideBox2{ height:500px;}
.slideBox2 .bd li a{ height:500px;}
.slideBox2 .hd li{ font-size:0;}

#swiper-container1{ height:800px;}
#swiper-container1 .swiper-slide{ background-position:center; background-size:cover; }
#swiper-container1 .swiper-slide a{ display:block; width:100%; height:800px;}

.IndexTitle{  font-size:52px; text-align:center; color:#333; line-height:73px; font-weight:400;}
.IndexTitle2{
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-top: 24px;
    font-weight: normal;
    letter-spacing: 3px;
}
.IndexTitle3{ font-size:44px; line-height:62px; margin:0; font-weight:400; text-align:center;}
.IndexTitle4{ font-size:20px; font-weight:400; margin:60px 0 0 0; line-height:28px; }
.IndexTitle4:before {content:"";  width: 2px; display:block;   height:20px; background:#FF6666; margin:3px 22px 0 0; float:left;  }
.IndexTitle5{  text-align:center; margin-top:24px; }
.IndexTitle5 a{ display:inline-block; font-size:16px; width:110px; line-height:38px; border: 1px solid #DDDDDD; border-radius: 24px; margin:0 auto 0 auto;}

.IndexService{width:100%;padding:100px 0 0 0; background:#F8F8F8;}
.IndexService li{ width:374px;height:425px; background:#FFF; margin:80px 39px 0 0;  float:left; overflow:hidden; box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08); border-radius:12px; position:relative;}
.IndexService li:last-of-type{ margin-right:0;}
.IndexService li .pic{ width:100%; height:280px; }
.IndexService li .showbox{transition: opacity 0.2s; opacity:1;}
.IndexService li .title{ margin:24px 32px 0 32px; font-weight: 500;font-size: 22px;line-height: 30px; }
.IndexService li .title .more{ display:none;}
.IndexService li .ico{
    margin: 8px 32px 0 32px;
    width: 32px;
    height: 4px;
    background: #FB560A;
    border-radius: 2px;
}
.IndexService li .desc{margin:16px 32px 0 32px;  font-size: 15px; font-weight:400; line-height: 21px; }
.IndexService li .hoverbox{position:absolute; top:428px; width:100%; height:428px; left:0; font-size:14px; line-height:25px; padding:22px 22px;  background-repeat:no-repeat; background-position:right bottom; border: 2px solid rgba(255, 255, 255, 1); transition: top 0.2s;  border-radius:12px; }
.IndexService li:hover .showbox{ opacity:0;}
.IndexService li:hover .hoverbox{ top:0;}
.IndexService li .title2{
    width: 100%;
    border-bottom: 1px solid #4FBAFF;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 10px;
    line-height: 30px;
    color: #FB560A;
    padding-bottom: 12px;
}
.IndexService li .title2 .more{
    float: right;
    color: #EE822F;
    font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
}
.IndexService li .title2 .more img{ width:18px; height:18px; margin-left:8px; vertical-align:middle;}
.IndexService li .desc2{font-size: 14px;line-height: 24px;font-weight: 400; padding-top:8px;}
.IndexService li .desc2 h5{font-weight: 500; font-size: 17px; line-height: 24px; margin-top:16px;}
.IndexService li .desc2 p{ margin:24px 0 0 0; line-height:20px; margin-top:4px;}
.IndexService li .desc2 .tag{
    display: inline-block;
    padding: 0 16px;
    border: 1px solid #BCE4FD;
    border-radius: 24px;
    margin: 24px 12px 0 0;
    line-height: 30px;
}

.IndexAdvantage{width:100%;padding:120px 0; background:#F8F8F8;}
.IndexAdvantage .bg{ margin-top:80px; background:url(../images/index/Advantage1.jpg) center top no-repeat; padding-top:120px; background-size:100% 240px;}
.IndexAdvantage .pic{ position:absolute; top:-300px; right:0;}
.IndexAdvantage .content{width: 100%;height: 680px; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.08); border: 2px solid #fff; backdrop-filter: blur(8px);  border-radius: 12px; padding:48px 40px 80px 40px;}
.IndexAdvantage .content ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;}
.IndexAdvantage .content li{width: 250px; height: 244px; background: #FFFFFF; border-radius: 12px; padding:32px 20px 0 20px; margin-top:32px; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center;}
.IndexAdvantage .content li p{ margin-bottom:25px;}
.IndexAdvantage .content li b{font-family:"DouyinSansBold"; font-weight: normal; font-size: 60px; line-height: 25px;}
.IndexAdvantage .content li b .num-icon{width: auto; height: 82px; background-repeat: no-repeat; vertical-align: top; margin-top: -25px;}
.IndexAdvantage .content li .mtitle{ display:none;}
.IndexAdvantage .content li .mtext{ display:none;}
.IndexWhy{width:100%;padding:100px 0 120px 0;}
.IndexWhy .box1{ height:340px; background:url(../images/index/why1.jpg) center bottom; background-size:cover; color:#fff; margin-top:80px; padding-top:80px;}
.IndexWhy .box1 li{ width:25%; float:left; text-align:center; line-height: 24px; font-weight: 400;}
.IndexWhy .box1 li img{ height:48px; margin-bottom:12px; }
.IndexWhy .box2{ margin-top:80px; }
.IndexWhy .box2 li{ width:25%; float:left; text-align:center; line-height: 24px; font-weight: 400;}
.IndexWhy .box2 li img{ height:48px; margin-bottom:12px; }
.IndexWhy .box3{width:707px; height:245px; margin:0 auto 0 auto; font-size: 24px;font-weight: 400; line-height: 48px; position:relative; }
.IndexWhy .box3 .img1{ position:absolute; left:0; top:0; z-index:0;}
.IndexWhy .box3 .img2{ position:absolute; right:0; bottom:0; z-index:0;}
.IndexWhy .box3 .text{ position:absolute; left:0; bottom:80px; width:100%; text-align:center; z-index:1;}
.IndexWhy .box4{ margin-top:34px;}
.IndexWhy .box4 li{ width:33.3%; float:left; padding:16px; }
.IndexWhy .box4 li .boxshadow{height:182px; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08); border-radius:12px; border:2px solid #fff; background-image: linear-gradient(to top right, #FFFFFF, #FFEDEF) ; padding:20px 24px; }
.IndexWhy .box4 li .title{ line-height:28px; font-size:16px;font-weight: bold;}
.IndexWhy .box4 li .title img{ margin-right:12px; vertical-align:middle;}
.IndexWhy .box4 li .desc{ line-height: 24px; margin-top:14px;}
.IndexWhy .box4 li:nth-of-type(2) .boxshadow,.IndexWhy .box4 li:nth-of-type(5) .boxshadow{background-image: linear-gradient(to top right, #FFFFFF, #F1E4FF) ;}
.IndexWhy .box4 li:nth-of-type(3) .boxshadow,.IndexWhy .box4 li:nth-of-type(6) .boxshadow{background-image: linear-gradient(to top right, #FFFFFF, #E0E9FF) ;}
.IndexWhy .box5{ margin-top:64px; text-align:center; font-size: 18px;line-height: 36px;}

.IndexReview{width:100%;padding:100px 0;background: #F8F8F8;}
.IndexReview .bd{width:100%; margin-top:138px; position:relative;background: #FFFFFF;box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08);border-radius: 12px;}
.IndexReview .bd:before{content:"";  width: 118px; height:100px; display:block; background:url(../images/index/review1.png); background-size:cover; position:absolute; top:-44px; right:56px; z-index:2;}
.IndexReview .bd ul{ position:relative;}
.IndexReview .bd li{ width:100%; display:block; height: 282px; }
.IndexReview .bd li .pic{ width:300px; height:360px; position:absolute; bottom:0; left:0;}
.IndexReview .bd li .text{font-size: 24px;color: #FB560A;line-height: 36px; margin:56px 64px 0 364px;}
.IndexReview .bd li .tag{ margin:24px 64px 0 364px;}
.IndexReview .bd li .tag span{ display:inline-block;background: #FB560A;border-radius: 24px; line-height:32px; padding:0 20px; color:#fff; margin:0 16px 0 0;}
.IndexReview .bd li .tag span:nth-of-type(2){background: #9C5EFF;}
.IndexReview .bd li .tag span:nth-of-type(3){background: #5E7CFF;}

.IndexReview .bd li .username{margin:20px 64px 0 364px;font-size: 16px;line-height: 24px;}
.IndexReview .hd{ margin-top:60px; text-align:center;}
.IndexReview .hd li{ display:inline-block; width: 12px; height: 12px; background: #000000; opacity: 0.2; margin:0 8px; border-radius:50%; cursor:pointer; font-size:0;}
.IndexReview .hd li.on{background: #FB560A; opacity:1;}

.IndexMap{width:100%;  padding:100px 0 120px 0; background:#fff;}
.IndexMap .wrapper{ text-align:center;}
.IndexMap .wrapper img{ max-width:100%;height:auto;}
.IndexMap .box1{ position:relative; width: 925px; margin:56px auto 0 auto;}
.IndexMap .box1 li{ position:absolute;}
.IndexMap .box1 li a{ display:inline-block; width:12px; height:12px; position:relative; }
.IndexMap .box1 li .text{ display:none; background: linear-gradient( 137deg, rgba(255,17,54,0.8) 0%, rgba(255,169,182,0.6) 100%); color: #FEFEFE; font-weight: 500; font-size:16px; border-radius: 125px 125px 125px 3px; border: 1px solid rgba(255,17,54,0.6); backdrop-filter: blur(2px); line-height:30px; border:1px solid  #FB560A;padding:0 16px; text-align:center; position:absolute; top:-28px; left:12px;white-space: nowrap;}
.IndexMap .box1 li .text2{background: linear-gradient( 137deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%); border: 1px solid rgba(0,0,0,0.3); backdrop-filter: blur(5px);}
.IndexMap .box1 li a:hover .text{ display:inline-block;}
.IndexMap .box1 li:nth-of-type(1){ top:137px; left:108px;}
.IndexMap .box1 li:nth-of-type(2){ top:204px; left:188px;}
.IndexMap .box1 li:nth-of-type(3){ top:223px; left:168px;}
.IndexMap .box1 li:nth-of-type(4){ top:204px; left:364px;}
.IndexMap .box1 li:nth-of-type(5){ top:220px; left:340px;}
.IndexMap .box1 li:nth-of-type(6){ top:221px; left:346px;}
.IndexMap .box1 li:nth-of-type(7){ top:245px; left:308px;}
.IndexMap .box1 li:nth-of-type(8){ top:254px; left:328px;}
.IndexMap .box1 li:nth-of-type(9){ top:254px; left:368px;}
.IndexMap .box1 li:nth-of-type(10){ top:294px; left:311px;}
.IndexMap .box1 li:nth-of-type(11){ top:286px; left:308px;}
.IndexMap .box1 li:nth-of-type(12){ top:313px; left:359px;}
.IndexMap .box1 li:nth-of-type(13){ top:210px; left:735px;}
.IndexMap .box1 li:nth-of-type(14){ top:274px; left:818px;}
.IndexMap .box1 li:nth-of-type(15){ top:300px; left:863px;}
.IndexMap .box1 li:nth-of-type(16){ top:316px; left:810px;}
.IndexMap .box1 li:nth-of-type(17){ top:415px; left:828px;}
.IndexMap .box1 li:nth-of-type(18){ top:456px; left:782px;}
.IndexMap .box2{ margin-top:50px; text-align:center;}
.IndexMap .box2 ul{display: flex;justify-content:center; }
.IndexMap .box2 li{ display:inline-block; width:310px; height:104px; margin:0 18px; text-align:center;}
.IndexMap .box2 li .btn{ display:inline-block; height: 40px; line-height:40px; width:200px; background: rgba(255,17,54,0); box-shadow: inset 0px 0px 28px 0px rgba(255,17,54,0.5); border-radius: 20px; text-align:center; font-size: 15px; font-weight: 400;}
.IndexMap .box2 .btn i{ display:inline-block; vertical-align:middle; width: 14px; height: 14px; border-radius:50%;	background: #FF4864; margin-right:12px;}
.IndexMap .box2 .text{ margin-top:16px; font-weight: 400; font-size: 14px; line-height: 24px;}
.IndexMap .box2 li:nth-of-type(2) .btn{ background: rgba(255,17,54,0); box-shadow: inset 0px 0px 28px 0px rgba(255,182,56,0.5);}
.IndexMap .box2 li:nth-of-type(3) .btn{ background: rgba(255,17,54,0); box-shadow: inset 0px 0px 28px 0px rgba(255,17,54,0.1);}
.IndexMap .box2 li:nth-of-type(2) .btn i{ background: #F2681D; opacity: 0.7;}
.IndexMap .box2 li:nth-of-type(3) .btn i{ background: #FB560A; opacity: 0.2;}

.IndexPartners{ width:100%; background: #F8F8F8; padding: 100px 0;  }
.IndexPartners .bd li{ width:137px; height:80px; line-height:80px; border-radius:12px; background:#fff; vertical-align:middle; text-align:center; float:left; margin:25px 40px 0 0 ;}
.IndexPartners .bd li:nth-of-type(7),.IndexPartners li:nth-of-type(14){}
.IndexPartners .bd li img{ max-width:90%; vertical-align:middle;}
.IndexPartners .hd{ text-align:center;}
.IndexPartners .hd li{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#ccc; color:#ccc; overflow:hidden; float:none; margin:40px 15px 0 15px; cursor:pointer;}
.IndexPartners .hd li.on{ background:#FB560A; color:#FB560A;}
.IndexBoatBox li:nth-of-type(7){ margin-right:0;}

.IndexNews{  width:100%; background: #F8F8F8; padding:100px 0;  }
.IndexNews .scroll-container {width: 100%; height:520px; overflow: hidden; white-space: nowrap; position: relative; }
.IndexNews .scroll-container ul{position: absolute; top: 0;}
.IndexNews li{ width:374px; margin:80px 39px 0 0; display: inline-block;}
.IndexNews li a{ display:block; width:100%;   height:418px; overflow:hidden; box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06); background: #FFFFFF; border-radius: 12px;}
.IndexNews li a img{ height:100%; height:250px;  object-fit: cover;}
.IndexNews li .title{ margin-top:28px; padding:0 24px; font-size: 20px; line-height: 28px; font-weight: 500; height:28px; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}
.IndexNews li .desc{ margin:12px 24px 0 24px;  line-height: 24px; height:72px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical; word-break: break-all; white-space:normal;}

.mainbox{ width:100%; margin-top:20px; background:#fff;  padding-bottom:10px; box-shadow:0 1px 10px rgb(0 0 0 / 5%);}
.mainbox .hd{ width:100%; height:50px; position:relative; border-bottom:1px solid #E6E6E6;overflow-x: scroll; overflow-y:hidden; white-space:nowrap; display:flex; scrollbar-width: none;line-height:50px;}
.mainbox .hd::-webkit-scrollbar{display:none}
.mainbox .hd h1{ font-size:22px; color:#000; padding-left:20px; font-weight:bold;}
.mainbox .hd h2{ font-size:20px; color:#000; padding-left:20px; font-weight:bold;}
.mainbox .hd .more{ position:absolute; right:15px;}
.mainbox .hd i{ margin-right:5px;}
.mainbox .hd li{ padding:0; margin:0 10px;  line-height:47px; border-bottom:3px solid #FFF; float:left; display:inline-block; cursor:pointer; font-size:16px;}
.mainbox .hd li.on{ color:#facd78;border-bottom:3px solid #eef1fe; }
.mainbox .bd{ padding:10px 20px 0 20px; }

/*关于我们*/

.AboutBox1{ padding:120px 0; position:relative;  font-weight: 400;line-height: 24px;}
.AboutBox1 .pic{ float:left; margin-left:-120px; border-radius: 18px;}
.AboutBox1 .text{ width:600px; margin:90px 0 0 0; float:right; margin-right: -90px;}
.AboutBox1 .text p{ margin-top:20px;}
.AboutBox1 h2{font-weight: 600;font-size: 22px;line-height: 30px; margin-bottom:24px;}
.AboutBox2{background: #F5F5F5; padding:194px 0 120px 0; text-align:center; }
.AboutBox2 .bg{ background:url(../images/about_page/about2.webp) center top no-repeat; padding-top:120px; background-size:100% 180px;}
.AboutBox2 .pic{ position:absolute; top:-330px; right:0;}
.AboutBox2 .content{width: 100%; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.08); border: 2px solid #fff; backdrop-filter: blur(8px);  border-radius: 12px; padding:56px 48px;}
.AboutBox2 .content .text{background: #FFFFFF; border-radius: 12px; padding:80px 0 16px 0; text-align:center;}
.AboutBox2 .content .text1{font-weight: 400; font-size: 44px;  color: #FB560A; line-height: 62px; margin-bottom:24px;}
.AboutBox2 .content .text2{font-weight: 400; font-size: 18px; line-height: 24px; margin-bottom:64px;}


.AboutBox3{background: #F4F4F4; padding:0 0 120px 0;}
.AboutBox3 .hd{ width:100%; text-align:center; margin-top:60px;font-size: 16px;line-height: 22px; border-bottom:1px solid #DDDDDD; padding-bottom:15px;}
.AboutBox3 .hd li{ display:inline-block; width: 40px; margin:0 107px; position:relative; cursor:pointer;}
.AboutBox3 .hd li.on{ color: #FB560A;}
.AboutBox3 .hd li.on:before {content:"";  width: 6px; display:block; width: 19px;height: 19px;background: #FB560A; border:5px solid #FACD78; border-radius:50%; position:absolute; top:30px; left:10px;}
.AboutBox3 .bd{ margin-top:50px;box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08);border-radius: 12px;background: #FFFFFF; overflow:hidden; }
.AboutBox3 .bd li{ display:block;height: 300px;position:relative;}
.AboutBox3 .bd .pic{ width:400px; height:300px;  float:left;}
.AboutBox3 .bd .text{ width:800px; float:left; padding:80px 0 0 48px;}
.AboutBox3 .bd .title{font-weight: 500;font-size: 22px;color: #FB560A;line-height: 30px; }
.AboutBox3 .bd .desc{font-weight: 400;line-height: 26px; margin-top:12px;}
.AboutBox3 .bd i{ width:316px; height:100px; display:inline-block; background:url(../images/about/box3-2.png) right top no-repeat; position:absolute; right:1px; top:4px;}
.AboutBox4{ padding:100px 0 0 0;}
.AboutBox4 .hd{ width:100%; height:46px; text-align:center; margin-top:48px;font-weight: 500;font-size: 22px;color: #FB560A;line-height: 30px; border-bottom:1px solid #F4DEE1;}
.AboutBox4 .hd li{ display:inline-block; width:100px; margin:0 60px; position:relative; cursor:pointer; color:#333;}
.AboutBox4 .hd li.on{ color: #FB560A;}
.AboutBox4 .hd li.on:before {content:"";  width:100px; display:block; height: 4px;background: #FB560A;border-radius: 2px; position:absolute; top:42px; left:0px;}
.AboutBox4 .bd{}
.AboutBox4 .scroll-container {width: 100%; height:472px; overflow: hidden; white-space: nowrap; position: relative; }
.AboutBox4 .scroll-container ul{position: absolute; top: 0;}
.AboutBox4 .bd ul{}
.AboutBox4 .bd li{width: 374px;height: 312px;display: inline-block; margin:40px 30px 0 0; background: #FFFFFF;box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06);border-radius: 12px;}
.AboutBox4 .bd li img{ width:100%; height:250px; margin:0; display:block;}
.AboutBox4 .bd li p{ line-height:62px;font-weight: 500;font-size: 16px; text-align:center; margin:0;   }
.AboutBox4 .bd li:hover p{
    color: #4874CB;
}

.AboutBox5{ padding-top:130px; background:url(../images/about_page/bg5.jpg) center top; height:400px; text-align:center; background-size:cover;}
.AboutBox5 .title1{font-size: 44px;line-height: 62px; font-weight: 400; color:#fff;}
.AboutBox5 .btn{width: 220px;height: 64px; display:inline-block;background: #FFFFFF;border-radius: 33px; margin-top:24px;color: #FB560A; text-align:center; line-height:60px; font-size: 24px; font-weight: bolder;}
.AboutBox6{ display:none;}


/*产品页面*/
.ProductBanner{ width:100%; background:url(../images/express_page/Productbanner.jpg) center top; height:380px; background-size:cover;  text-align:center; padding-top:148px; }
.ProductBanner h1{ font-weight: 400;font-size: 48px;color: #FFFFFF;line-height: 67px;letter-spacing: 10px;text-align: center; }
.SmallBnner{ height:280px; padding-top:130px}
.SmallBnner h1{font-size:40px; color:#fff; font-weight:200;}
.ProductBanner .text{    font-size: 24px; line-height:33px; font-weight: 400;  color:#fff; margin-top:20px; }

.ExpressBox1{ padding:60px 0 100px 0; }
.expresslist1{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.expresslist1 li{ display:inline-block; width:374px; height:250px; margin-top:40px; position:relative; overflow:hidden; box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08); border-radius:12px;}
.expresslist1 li .pic{ width:100%; height:250px;transition: opacity 0.2s; opacity:1;}
.expresslist1 .hoverbox{position:absolute; top:250px; width:100%; height:250px; left:0; font-size:13px; line-height:22px; padding:20px 20px; background-image: linear-gradient(to top right, #FFFFFF, #FACD78) ;  border: 2px solid rgba(255, 255, 255, 1); transition: top 0.2s;  border-radius:12px; }
.expresslist1 li:hover .pic{ opacity:0;}
.expresslist1 li:hover .hoverbox{ top:0;}
.expresslist1 .hoverbox .title{font-size: 16px;font-weight: bold; line-height:22px; position:relative; padding-bottom:8px; }
.expresslist1 .hoverbox .title i{ display:inline-block;position:absolute; top:28px; left:0;width: 24px;height: 4px;background: #FB560A; border-radius: 2px;}
.expresslist1 .hoverbox .title .more{
    float: right;
    display: inline-block;
    width: 72px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid #FCE0E4;
    text-align: center;
    color: #4874CB;
    font-size: 12px;
    font-weight: 400;
}
.expresslist1 .hoverbox dl{ display:inline-block; width:54%; float:left; margin-top:16px; height:73px;}

.expresslist1 .hoverbox dl:nth-child(even){ width:46%;}
.expresslist1 .hoverbox dt{font-weight: bold;font-size: 15px;line-height: 21px; padding-left:20px; background:url(../images/product/express15.jpg) left center no-repeat; background-size:12px 12px;}
.expresslist1 .hoverbox dd{ margin-top:6px; font-weight: 400; font-size: 13px; line-height: 20px;}
.expresslist1 .hoverbox dd b{ color:#FB560A;}
.expresslist2{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.expresslist2 li{width: 580px;height: 200px;border-radius: 12px;border: 1px solid #BCE4FD; margin-top:40px; padding:15px;font-size: 14px;line-height: 24px;}
.expresslist2 li .title{font-weight: bold;}
.expresslist2 li .desc{font-weight: 400;}
.ExpressBox2{ padding:100px 0 100px 0; background: #F5F5F5;}
.expresslist3{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.expresslist3 li{ width:217px;height: 448px; background: #FFFFFF;box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.1);border-radius: 16px; overflow:hidden; position:relative; margin-top:78px;}
.expresslist3 li .title{ position:absolute; left:0; top:136px; padding:0 24px; line-height:48px; color:#fff; height: 48px;background: linear-gradient( 270deg, #FF5EA9 0%, #FB560A 100%);border-radius: 0px 100px 100px 0px;font-weight: 500;font-size: 22px;}
.expresslist3 li .desc{ margin:48px 24px 0 24px;}
.expresslist3 li .desc p{ display:inline-block; margin-top:2px; padding-left:24px; background:url(../images/product/express15.jpg)  left 7px no-repeat; background-size:12px 12px;line-height: 24px; min-height:48px;}
.ExpressBox3{ padding:20px 0 120px 0; background: #F5F5F5; height:908px; }
.ExpressBox3 .wrapper{ margin-top:80px;}
.ExpressBox3 .box1{ width:760px; position:absolute; left:0; top:0; z-index:2; background:url(../images/express_page/express11.png); background-size:cover; padding:40px;}
.ExpressBox3 .box2{ width:480px; position:absolute; right:0; top:46px; z-index:1;;box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06); background-image: url(../images/product/express14.png),linear-gradient(to top right, #FFFFFF, #eef1fe) ; background-repeat:no-repeat; background-position:right bottom;   border: 2px solid rgba(255, 255, 255, 1); transition: top 0.3s;  border-radius:12px; padding:24px 34px;}
.ExpressBox3 .box1 .hd{font-weight: 500;font-size: 22px;color: #FFFFFF;line-height: 30px; padding-bottom:12px;}
.expresslist4 li{padding:20px 24px 20px 128px;  height: 120px; background:#fff url(../images/express_page/express12.png) no-repeat; background-size:92px 80px; background-position:8px 20px; border-radius:12px; margin-top:12px;}
.expresslist4 .title{font-weight: 500;font-size: 18px;line-height: 25px;}
.expresslist4 .desc{line-height: 24px; margin-top:6px;}
.ExpressBox3 .box2 .hd{font-weight: 500;font-size: 22px; line-height: 30px; padding-bottom:12px; text-align:right;}
.expresslist5 li{padding:20px 24px 20px 84px; background:#fff url(../images/express_page/express13.jpg) no-repeat; background-size:36px 36px; background-position:24px 24px; border-radius:12px; margin-top:12px;line-height: 24px;}

.ProductShow{ width:100%; padding-bottom:24px; }
.ProductShow .wrapper{ text-align:left;margin-top:120px;}
.ProductShow .wrapper img{ max-width:100%;height:auto; border-radius:16px; }
.ProductShow .wishes{ margin-top:100px;}
.ProductShow .leftpic{ width:400px; height:auto; float:left; }
.ProductShow .content{ width:736px; margin-left:64px; float:left; }
.ProductShow .content h2{background-image:linear-gradient(90deg, #FF1137 0%, #FF549A 100%); color:#fff; font-weight:600; font-size:22px; line-height:56px; padding:0 25px; border-radius:28px; display:inline-block; clear:both; float:left; }
.ProductShow .content .desc{ width:100%; margin:40px 0 0 0; line-height:24px; color:#555555; float:left; }
.ProductShow .content .shortdesc{ width:48%; }
.ProductShow .content .desc strong{ color:#FB560A;}
.ProductShow .content .desc p{ margin:0 0 20px 0;}
.ProductShow .content .desc h3{ font-size:20px; font-weight:500; line-height:35px; color:#333; margin-bottom:20px;}
.ProductShow .content .desc h3 img{ vertical-align:middle; margin-right:10px;}
.ProductShow .content .num{width:100%; padding-bottom:96px;}
.ProductShow .content .num li{ width:50%; height:84px; line-height:24px; font-weight:400; float:left; margin-top:40px; color:#333;}
.ProductShow .content .num li:nth-of-type(1){ margin-top:28px;}
.ProductShow .content .num li p{ font-size:40px; font-weight:400; clear:both; line-height:56px;}
.ProductShow .content .color999{ color:#999;}

.ProductProcess{width:100%; height:800px;  padding:100px 0 80px 0;}
.ProductProcess .wrapper img{ max-width:100%;height:auto; }
.ProductProcess .IndexTitle{ color:#fff;}
.ProductPrice{ width:100%; padding:100px 0 84px 0;}
.ProductPrice .wrapper{ text-align:center;}
.ProductPrice .wrapper img{ max-width:100%;height:auto; margin-top:80px; }

.ClearanceBnner{ background-image:url(../images/clearance_page/clearancebanner.png);}
.ClearanceBox{ width:100%; padding:60px 0 170px 0;}
.ClearanceBox .IndexTitle{font-weight: 400;font-size: 44px;	color: #333333;line-height: 62px; margin:0;}
.ClearanceBox .IndexTitle2{font-weight: 400;font-size: 16px; color: #333333;line-height:24px; margin:24px 0 0 0; text-align:center;}
.ClearanceBox1 ul{ width:100%; display:block; margin:0 auto;}
.ClearanceBox1 li{ width: 279px; height: 276px; margin:40px 0 0 28px; float:left; padding:36px 16px 0 16px; text-align:center;}
.ClearanceBox1 li:nth-of-type(1){ margin-left:0;}
.ClearanceBox1 li img{ border-radius:16px; height:auto; width:240px;}
.ClearanceBox1 li .title{ font-size:18px; line-height:25px; color:#333; margin-top:24px;font-weight: 500;}
.ClearanceBox1 li .desc{ font-size:14px; line-height:24px; color:#333; margin-top:16px;font-weight:400;}
.ClearanceBox1 li:hover{background: #EEF1EF;border-radius: 16px;}
.ClearanceBox2{ background:url(../images/clearance_page/CC-introductionBG.jpg) top center; background-size:cover;}
.ClearanceBox2 .IndexTitle{color: #fff;}
.ClearanceBox2 .bd{ margin-top:80px;}
.ClearanceBox2 .bd img{ width:560px; height:380px; float:left;  border-radius:16px;}
.ClearanceBox2 .bd .text{ width:640px; height:310px; float:left; border-radius:0 16px 16px 0; margin-top:50px; padding:40px 64px 0 64px; line-height:24px; background:#fff; color:#333;}
.ClearanceBox3{height: 600px;}
.ClearanceBox3 .wrapper{ text-align:center; height: 200px;margin: 0 auto;padding-top: 0; position: relative; width: 1350px;z-index: 1;}
.ClearanceBox3 .pic1{ margin:64px auto 0 auto;}
.ClearanceBox3 .slidelist{width: 100%; max-width:1350px;margin: 0 auto; overflow-x: auto;padding: 40px 0; white-space: nowrap;}
.ClearanceBox3 .slideBox{overflow-x: hidden; position: relative; width: 100%; margin: 0;height:350px; }
.ClearanceBox3 .slideBox .bd ul {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 24px;list-style: none;margin: 0;padding: 60px 50px;}
.ClearanceBox3 .slideBox .bd li {flex: 0 0 auto; width: 280px;background: transparent;border-radius: 12px;overflow: hidden;transition: all 0.3s ease; cursor: pointer;/* 默认无变形，由动态类控制 */transform: none;opacity: 0.5;/* 移除投影 */box-shadow: none;}
.ClearanceBox3 .slideBox .bd li img {width: 100%;height: 200px;object-fit: cover;display: block; border-radius: 12px; transition: transform 0.3s;}
.ClearanceBox3 .slideBox .bd li.center {opacity: 1;transform: scale(1.05);z-index: 10;}
.ClearanceBox3 .slideBox .bd li{display: block;text-align: center;font-size: 12px;color: #666;line-height: 32px;background: #f8f8f8;}
.ClearanceBox3 .slideBox .bd li.left {opacity: 0.5;transform: perspective(800px) rotateY(20deg);transform-origin: right center;}
.ClearanceBox3 .slideBox .bd li.right {opacity: 0.5;transform: perspective(800px) rotateY(-20deg);transform-origin: left center;}
.ClearanceBox3 .slideBox .bd li:hover {transform: scale(1.5) !important;opacity: 1 !important;z-index: 20;transition: transform 0.2s, opacity 0.2s;}
@media (max-width: 1024px) {.ClearanceBox3 .slideBox .bd li {width: 240px;}
.ClearanceBox3 .slideBox .bd li img {height: 170px; }
.ClearanceBox3 .slideBox .bd li.left {transform: perspective(600px) rotateY(8deg);}
.ClearanceBox3 .slideBox .bd li.right {transform: perspective(600px) rotateY(-8deg); }}
@media (max-width: 767px) {.ClearanceBox3 .slideBox .bd ul {gap: 16px; padding: 10px 20px;}
.ClearanceBox3 .slideBox .bd li {width: 200px;}.ClearanceBox3 .slideBox .bd li img { height: 140px;}
.ClearanceBox3 .slideBox .bd li.left {transform: perspective(400px) rotateY(5deg);}
.ClearanceBox3 .slideBox .bd li.right { transform: perspective(400px) rotateY(-5deg);}}

/* 报价二维码弹窗 */
.qrcode-modal {display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); z-index: 10000;justify-content: center;align-items: center;}
.qrcode-modal .modal-content {background: #fff;padding: 20px; border-radius: 16px;text-align: center;max-width: 90%;width: 300px;position: relative;box-shadow: 0 20px 35px rgba(0,0,0,0.3);}
.qrcode-modal .modal-content img {width: 100%;height: auto;display: block;}
.qrcode-modal .modal-content .close-btn {position: absolute;top: -12px;right: -12px; width: 30px;height: 30px;background: #ff6600;color: #fff;border-radius: 50%;text-align: center;line-height: 30px;font-size: 20px;cursor: pointer;font-weight: bold;}
.qrcode-modal .modal-content p {margin-top: 12px;font-size: 14px;color: #333;}

.WarehouseBnner{ background-image:url(../images/warehouse_page/warehousebanner.png);}
.WarehouseBox{ width:100%; padding:100px 0 120px 0;}
.WarehouseBox .IndexTitle{font-weight: 400;font-size: 44px;	color: #333333;line-height: 62px; margin:0;}
.WarehouseBox .IndexTitle2{font-weight: 400;font-size: 16px; color: #333333;line-height:24px; margin:24px 0 0 0; text-align:center;}
.WarehouseBox1 ul{ width:100%; display:block; margin:0 auto;}
.WarehouseBox1 li{ width: 279px; height: 276px; margin:40px 0 0 28px; float:left; padding:36px 16px 0 16px; text-align:center;}
.WarehouseBox1 li:nth-of-type(1){ margin-left:0;}
.WarehouseBox1 li img{ border-radius:16px; height:80px; width:240px;}
.WarehouseBox1 li .title{ font-size:18px; line-height:25px; color:#333; margin-top:24px;font-weight: 500;}
.WarehouseBox1 li .desc{ font-size:14px; line-height:24px; color:#333; margin-top:16px;font-weight:400;}
.WarehouseBox1 li:hover{background: #FACD78;border-radius: 16px;}
.WarehouseBox2{ background:url(../images/warehouse_page/WH-introductionBG.jpg) top center; background-size:cover;}
.WarehouseBox2 .IndexTitle{color: #fff;}
.WarehouseBox2 .bd{ margin-top:80px;}
.WarehouseBox2 .bd img{ width:560px; height:380px; float:left;  border-radius:16px;}
.WarehouseBox2 .bd .text{ width:640px; height:280px; float:left; border-radius:0 16px 16px 0; margin-top:50px; padding:40px 64px 0 64px; line-height:24px; background:#fff; color:#333;}
.WarehouseBox3 .wrapper{ text-align:center;}
.WarehouseBox3 .pic1{ margin:64px auto 0 auto;}
.WarehouseBox3 .slidelist{width: 1250px; margin-top:120px; display: flex; justify-content: space-between;  flex-wrap: wrap;}
.WarehouseBox3 .slideBox{ width:600px; position:relative; height:450px; border-radius: 16px;}
.WarehouseBox3 .slideBox .title{ text-align:center;font-weight: 500;font-size: 20px;line-height: 28px;}
.WarehouseBox3 .slideBox .bd{ width:100%; height:200px; margin-top:24px;}
.WarehouseBox3 .slideBox .bd ul li img{border-radius: 16px;}
.WarehouseBox3 .slideBox .hd{width:100%; position:absolute; bottom:12px; text-align:center;}
.WarehouseBox3 .slideBox .hd ul{ display:block; width:100%; text-align:center;}
.WarehouseBox3 .slideBox .hd li{ display:inline-block;width: 12px;height: 12px;background: #000000;opacity: 0.3; margin:0 8px; cursor:pointer; border-radius:50%;}
.WarehouseBox3 .slideBox .hd li.on{background: #FE560A; opacity:1;}
#WarehouseBox10{ padding:100px 0 120px 0; height:1410px;}
.WarehouseBox4{background: #F4F4F4;}
.WarehouseBox4 .bd{ margin-top:40px;}
.WarehouseBox4 .bd .pic{ float:left;margin:140px 0 0 0;}
.WarehouseBox4 .bd ul{ float:left; margin:0 0 0 90px; width:600px; display:block;}
.WarehouseBox4 .bd li{ float:left; display:block; width:294px; margin:50px 0 16px 0;}
.WarehouseBox4 .bd li strong{font-family: "DouyinSansBold"; font-size: 60px; color: #FB560A; line-height: 72px; margin-bottom:10px;}
.WarehouseBox4 .bd li img{ margin-bottom:20px;}
.WarehouseBox4 .bd li small{font-size: 14px; color: #333; line-height: 24px; font-weight:400;}
.WarehouseBox5 ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.WarehouseBox5 li{ display:block; width:352px; margin:80px 0 0 0;}
.WarehouseBox5 li img{ float:left; margin-right:20px;}
.WarehouseBox5 li .title{ width:220px; float:left; font-weight: 500;font-size: 20px;color: #333333;line-height: 28px;}
.WarehouseBox5 li .desc{ width:220px; float:left; font-weight: 400;font-size: 14px;color: #333333;line-height: 24px;}
.WarehouseBox6{ background:url(../images/warehouse/bg6.jpg) top center; background-size:cover;}
.WarehouseBox6 .IndexTitle{color: #fff;}
.WarehouseBox6 li{ width:100%; float:left; margin-top:52px;}
.WarehouseBox6 li .title{ display:block; width:326px; padding-left:40px; background:url(../images/warehouse_page/box6-2.png) left 6px  no-repeat; color: #F4F4F4;;font-weight: 400;font-size: 22px;line-height: 30px; float:left; margin-top:168px;}
.WarehouseBox6 li .title i {display: block;    width:64px;    height: 2px;    background: #fff; margin-top:16px;}
.WarehouseBox6 li img{ float:left;}
.WarehouseBox6_mobile{ display:none;}
.WarehouseBox7 .bd{ margin:24px 0 0 0; position:relative; }
.WarehouseBox7 .bd img{ margin:0 auto;}
.WarehouseBox7 .bd li{ position:absolute; top:263px; left:266px; }
.WarehouseBox7 .bd .arrow1{ margin:0 0 0 -30px;}
.WarehouseBox7 .bd .arrow2{top:110px; left:556px; margin:-30px 0 0 0 ;}
.WarehouseBox7 .bd .arrow3{top:263px; left:914px; margin:0 0 0 30px ;}
.WarehouseBox7 .bd .arrow3 img{transform: rotate(180deg);}
.WarehouseBox7 .bd .arrow4{top:541px; left:556px; margin:-30px 0 0 0 ;}
.WarehouseBox8 li:nth-of-type(2) .title{ width:216px; margin:280px 0 0 14px;}
.WarehouseBox8 li:nth-of-type(3) .title{ width:282px; margin:157px 0 0 0;}
.WarehouseBox8_mobile{ display:none;}
.WarehouseBox9{background: #F4F4F4;}
.WarehouseBox9 li{ width:217px; height:364px; float:left; display:inline-block; position:relative;background: #FFFFFF;box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06);border-radius: 16px; margin:83px 0 0 28px;}
.WarehouseBox9 li:nth-of-type(1){ margin-left:0;}
.WarehouseBox9 li i{ display:inline-block; position:absolute; width:43px; height:43px; background:url(../images/warehouse_page/Box9-0.png); background-size:contain; left:15px; top:-22px; font-size:22px; text-align:center; font-style:normal; line-height:38px; color:#fff; z-index:9; padding-left:3px; }
.WarehouseBox9 li img{ border-radius:16px 16px 0 0;}
.WarehouseBox9 li .title{ font-weight: 500;font-size: 17px;color: #333333;line-height: 24px; margin:24px 24px 0 24px;}
.WarehouseBox9 li .desc{ font-weight: 400;font-size: 14px;color: #333333;line-height: 24px; margin:12px 24px 0 24px;}

.PODBnner{ background-image:url(../images/pod_page/Podbanner.png); }
.PODBox{ width:100%; padding:60px 0 170px 0;}
.PODBox .IndexTitle{font-weight: 400;font-size: 44px;	color: #333333;line-height: 62px; margin:0;}
.PODBox .IndexTitle2{font-weight: 400;font-size: 16px; color: #333333;line-height:24px; margin:24px 0 0 0; text-align:center;}
.PODBox1 ul{ width:100%; display:block; margin:0 auto;}
.PODBox1 li{ width: 279px; height: 276px; margin:40px 0 0 28px; float:left; padding:36px 16px 0 16px; text-align:center;}
.PODBox1 li:nth-of-type(1){ margin-left:0;}
.PODBox1 li img{ border-radius:16px; height:auto; width:240px;}
.PODBox1 li .title{ font-size:18px; line-height:25px; color:#333; margin-top:24px;font-weight: 500;}
.PODBox1 li .desc{ font-size:14px; line-height:24px; color:#333; margin-top:16px;font-weight:400;}
.PODBox1 li:hover{background: #EEF1EF;border-radius: 16px;}
.PODBox2{ background:url(../images/pod_page/bg_content-process.png) top center; background-size:cover;}
.PODBox2 .IndexTitle{color: #fff;}
.PODBox2 .bd{ margin-top:80px;}
.PODBox2 .bd img{ width:560px; height:380px; float:left;  border-radius:16px;}
.PODBox2 .bd .text{ width:640px; height:310px; float:left; border-radius:0 16px 16px 0; margin-top:50px; padding:40px 64px 0 64px; line-height:24px; background:#fff; color:#333;}
.PODBox3{height: 900px;}
.PODBox3 .wrapper{ text-align:center; height: 200px;margin: 0 auto;padding-top: 0; position: relative; width: 1350px;z-index: 1;}
.PODBox3 .pic1{ margin:64px auto 0 auto;}
.PODBox3 .slidelist{width: 100%; max-width:1350px;margin: 0 auto; overflow-x: auto;padding: 40px 0; white-space: nowrap;}
.PODBox3 .slideBox{overflow-x: hidden; position: relative; width: 100%; margin: 0;height:700px; }
.PODBox3 .slideBox .bd ul {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 24px;list-style: none;margin: 0;padding: 60px 50px;}
.PODBox3 .slideBox .bd li {flex: 0 0 auto; width: 280px;background: transparent;border-radius: 12px;overflow: hidden;transition: all 0.3s ease; cursor: pointer;/* 默认无变形，由动态类控制 */transform: none;opacity: 0.5;/* 移除投影 */box-shadow: none;}
.PODBox3 .slideBox .bd li img {width: 100%;height: 200px;object-fit: cover;display: block; border-radius: 12px; transition: transform 0.3s;}
.PODBox3 .slideBox .bd li video {width: 100%;height: 200px;object-fit: cover;display: block; border-radius: 12px; transition: transform 0.3s;}
.PODBox3 .slideBox .bd li.center {opacity: 1;transform: scale(1.05);z-index: 10;}
.PODBox3 .slideBox .bd li{display: block;text-align: center;font-size: 12px;color: #666;line-height: 32px;background: #f8f8f8;}
.PODBox3 .slideBox .bd li.left {opacity: 0.5;transform: perspective(800px) rotateY(20deg);transform-origin: right center;}
.PODBox3 .slideBox .bd li.right {opacity: 0.5;transform: perspective(800px) rotateY(-20deg);transform-origin: left center;}
.PODBox3 .slideBox .bd li:hover {transform: scale(1.5) !important;opacity: 1 !important;z-index: 20;transition: transform 0.2s, opacity 0.2s;}
@media (max-width: 1024px) {.PODBox3 .slideBox .bd li {width: 240px;}
.PODBox3 .slideBox .bd li img {height: 170px; }
.PODBox3 .slideBox .bd li video {height: 170px; }
.PODBox3 .slideBox .bd li.left {transform: perspective(600px) rotateY(8deg);}
.PODBox3 .slideBox .bd li.right {transform: perspective(600px) rotateY(-8deg); }}
@media (max-width: 767px) {.ClearanceBox3 .slideBox .bd ul {gap: 16px; padding: 10px 20px;}
.PODBox3 .slideBox .bd li {width: 200px;}.PODBox3 .slideBox .bd li img { height: 140px;}
.PODBox3 .slideBox .bd li.left {transform: perspective(400px) rotateY(5deg);}
.PODBox3 .slideBox .bd li.right { transform: perspective(400px) rotateY(-5deg);}}

/*关于我们*/
.AboutBanner { background-image:url(../images/About_page/about_bannner.png);}
@media screen and (max-width: 767px) {body{background: #F5F5F5;}.AboutBanner{background-image:url(../images/About_page/about_bannner2.png); background-size:cover;}}header

/*文章列表页*/
.SubCategory{    height:56px; box-shadow: 0px 1px 0px 0px #EEEEEE;}
.SubCategory li{ float:left;}
.SubCategory li a{ font-size:16px; margin-right:56px; border-bottom:3px solid #fff; line-height:53px; display:inline-block;}
.SubCategory li a:hover,.SubCategory li a.on{ border-bottom:3px solid #FB560A; font-weight:500;}

.BigTitle{ width:200px; height:57px; line-height:57px; text-align:center; background:rgba(255, 207, 1, 1); border-radius:3px; margin:30px auto; font-weight: 400;   font-size: 24px; cursor:pointer;color: #515151;}

.ArticleList{ margin-top:56px; }
.ArticleList ul li{ width:100%; }
.ArticleList ul li a{  background:#FFF; height:186px; display:block; position:relative; margin-bottom:40px;}
.ArticleList ul li a img{ width:280px; height:186px; float:left; margin-right:24px; border-radius:12px; object-fit: cover}
.ArticleList ul li a .title{ width:556px; font-size:20px; line-height:28px; height:28px; font-weight: 500; float:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.ArticleList ul li a .desc{width:556px; float:left; padding-bottom:12px; margin-top:12px; font-weight: 400; color: #666; line-height: 24px; height:72px;  text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp:3;  line-clamp:3;  -webkit-box-orient: vertical;}
.ArticleList ul li a .info{width:556px;  color: #999;    line-height: 24px; position:absolute; bottom:0; right:0; }
.ArticleList ul li a:hover .title{color:#FB560A;}

.pager{ background:#FFF; float:left;height:24px; line-height:22px; text-align:center; display:table; padding:20px 0 60px 0; width:100%;}
.pager a{display: inline-block; padding:0 6px; text-align: center; margin:0 3px; color:#333; border:1px solid #fff; border-radius:2px;}
.pager a:hover,.pager a.hover{ border:1px solid #FB560A; color: #FB560A;}

/*文章详情页*/
#ShowArticle{z-index:0; margin:70px auto 70px auto}
.article{ width:100%; padding:0; float:left; background:#FFF; margin-top:56px;}
.article .ArticleTitle{ font-size: 32px; font-weight:500; text-align:left; color:#333;  line-height:50px; }
.article .info{  line-height:24px;   color:#999; margin-top:25px;}
.article .Content{line-height:25px; font-size:15px; margin-top:20px; }
.article .Content table{ width:100%;}
.article .Content table th,.article .Content table td{ border:1px  solid #000; padding:5px 10px; font-size:12px;}
.article .Content table th{padding:10px 10px; text-align:center; font-size:12px; background:#dfdcf5; font-weight:bold; word-break:keep-all;}
.article .Content .tag a{ display:inline-block; padding:0 10px; font-size:14px; line-height:24px; border:1px solid #dcdfe6; color:#606266; border-radius:5px; margin-right:5px;}
.article .Content .tag a:hover{color: #FB560A; border:1px solid #FB560A;}
.article .Content p{   margin:15px 0 0 0;}
.article .Content h1,.article .Content h2{ font-size:16px; margin:20px 0 10px 0; line-height:25px; }
.article .Content h1:before,.article .Content h2:before {content:"";  width: 6px; display:block;   height:25px; background:#FF2A5A; margin-right:10px; float:left;  }
.article .Content h3,.article .Content h4,.article .Content h5{ font-size:18px; line-height:25px; margin:20px 0 10px 0; }
.article .Content h2 br,.article .Content h3 br,.article .Content h4 br,.article .Content h5 br{ display:none;}
.article .Content img{ margin:10px auto 0 auto; display:block;  max-width:100%; height:auto; border-radius:12px;}
.article .Content li{ list-style-type:disc; margin-left:20px;}
.article .Content li p{ margin:0;}

.article .Content td{ border-bottom:1px solid #CCC; padding:10px 0px; color:#333}
.sub-table td:first-child{ width:180px; font-weight:bold;}
.article .Content .sub-table td p{ margin:10px 0;}
.mobileqcode{ display:none;}


.MainBox{ margin:50px 0 0 0; width:100%; max-height:750px; background:#FFF;float:left;}
.MainBox .hd{width:100%; margin:0 ;  height:25px;  }
.MainBox .hd i{width:28px; height:21px; background:url(../images/hdico.png) no-repeat; background-size:cover;  vertical-align:middle;  margin:2px 12px 0 0; float:left;}
.MainBox .hd li{ padding:0 5px; float:left; text-align:center; line-height:47px; border-bottom:3px solid #fff; cursor:pointer; margin:0 5px;}
.MainBox .hd li.on{ font-weight:bold;  border-bottom:3px solid #212529;}
.MainBox .hd h2{ font-weight:bold; font-size:20px; font-weight:500; }
.MainBox .bd{ padding-top:24px;}

.MainBox .IndexService{ background:#fff;}
.MainBox .IndexService ul li{ height:452px; width:23%; margin:0 2.6% 0 0;}
.MainBox .IndexService ul li:last-of-type{ margin-right:0;}
.MainBox .IndexService ul li img{ height:132px;}
.MainBox .IndexService ul li .title{ width:80%; top:114px; line-height:36px; font-size:18px; font-weight:500;}
.MainBox .IndexService ul li .title2{ font-size:15px; line-height:21px; margin:34px 17px 0 17px; font-weight:500;}
.MainBox .IndexService ul li .desc{ margin:12px 17px 0 17px;}

.articlelist1 li{ width:32%; float:left; margin:0 2% 30px 0; }
.articlelist1 li:nth-child(3n){ margin-right:0;}
.articlelist1 li img{ width:100%; height:178px; border-radius:8px; object-fit: cover; border:1px solid #E8E8E8;}
.articlelist1 li .title{ margin-top:16px; font-weight:400; line-height:24px; height:48px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}

.articlelist2 li{width:100%;margin:20px 0 0 0;float:left; }
.articlelist2 li a{display:block; width:100%; margin:0 0%; height:70px;overflow:hidden;}
.articlelist2 li a img{width:35%; float:left; height:70px; margin-right:5%;  border:1px solid #E8E8E8; box-sizing:border-box; border-radius:6px;object-fit: cover; }
.articlelist2 li .title{ width:60%; float:left; height:40px;line-height:20px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.articlelist2 li .date{ width:60%; float:left; height:20px;line-height:20px; color:#999; margin-top:10px;}
.articlelist2 li a:hover{ color:#FD0138; background:#f2f4f6;}
.articlelist2 li a:hover .title{ color:#FD0138;}

.articlelist3 li{ width:100%;}
.articlelist3 li a{ display:block; width:100%; line-height:36px; height:36px; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all; }

.ServiceList{display: flex; justify-content: space-between; flex-wrap:wrap;}
.ServiceList li{ width:274px; }
.ServiceList li img{ width:100%; }

.rightbox{ width:100%; background:#FFF; float:left; margin-top:40px;}
.rightbox .hd{width:100%; margin:0 ; }
.rightbox .hd i{width:28px; height:21px; background:url(../images/hdico.png) no-repeat; background-size:cover;  vertical-align:middle;  margin:2px 12px 0 0; float:left;}
.rightbox .hd h2{ font-weight: 500;font-size: 20px;line-height: 28px; }
.rightbox .bd{ margin-top:24px;}
.page_right .qcode{ padding:14px; margin-top:24px; border:1px solid #ccc; border-radius:12px;}
.page_right .qcode:nth-of-type(1){ margin-top:56px;}
.page_right .qcode .pic{ width:132px; height:132px; float:right; margin:0 0 8px 12px;}
.page_right .qcode .tit{ font-size:18px; font-weight:bold; line-height:25px; margin-top:27px;}
.page_right .qcode .desc{ color:#666; line-height:20px; margin-top:12px;}


/*标签页*/
.taglist li{ float:left;margin:5px 5px 5px 0px;}
.taglist li a{display: inline-block; line-height: 32px; float:left; color: #2c3e50;  padding: 0 10px; border-radius: 3px; transition: .2s;}
.taglist li:nth-child(8n-7) a{background: #def6ff;}
.taglist li:nth-child(8n-6) a{background: #f2fbf2;}
.taglist li:nth-child(8n-5) a{background: #f8f3fe;}
.taglist li:nth-child(8n-4) a{background: #fff7f0;}
.taglist li:nth-child(8n-3) a{background: #fff3f3;}
.taglist li:nth-child(8n-2) a{background: #edf9fe;}
.taglist li:nth-child(8n-1) a{background: #f1f3fd;}
.taglist li:nth-child(8n) a {background: #def6ff;}

/*合作伙伴*/
.PartnersBox{ padding:100px 0 260px 0}
.PartnersBox .IndexTitle{font-weight: 400;font-size: 44px;line-height: 62px; }
.PartnersBox .IndexBoatBox{ padding-bottom:120px;}
.PartnersBox .bd{ padding-top:36px;}
.PartnersBox li{ margin-top:24px;}
.PartnersBox li:nth-of-type(7n){ margin-right:0;}

/*开店*/
.StoresBox{ padding:84px 0 265px 0; background:#F0F2F5;}
.StoresBox .wrapper{ width:1096px;}
.storeslist li{width: 244px;height: 252px;background: #FFFFFF;border-radius: 6px;border: 1px solid #EEEEEE; margin:50px 40px 0 0; float:left;transition: margin 0.2s; overflow:hidden;}
.storeslist li:nth-of-type(4n){ margin-right:0;}
.storeslist li:hover{ margin-top:40px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.storeslist li img{ width:100%; height:106px;}
.storeslist li .title{ margin:12px 16px 0 16px;font-weight: bold;line-height: 24px;}
.storeslist li .title a{ float:right; display:inline-block; color:#fff; background: #FB560A;width: 79px;border-radius: 24px; line-height:20px; text-align:center;font-size: 11px;font-weight: 400;}
.storeslist li .desc{ margin:12px 16px 0 16px;font-size: 12px;font-weight: 400;color: #666666;line-height: 17px; height:34px;}
.storeslist li .tag{ margin:24px 14px 0 14px; text-align:right;}
.storeslist li .tag a{ display:inline-block;height: 20px; line-height:20px;background: rgba(255,17,54,0.1);border-radius: 24px;font-size: 11px;font-weight: 400;color: #FB560A; padding:0 10px; margin-left:3px;}
.storeslist li .tag a:hover{color:#fff; background: #FB560A;}

.claim{ width:100%; text-align:center; margin:90px 0;}
.claimlogin{ display:none;  position:fixed; top:50%; left:50%; width:420px; margin:-80px 0 0 -210px; padding:30px 35px; border-radius:10px; box-shadow:0px 4px 24px 0px rgba(0,0,0,0.08); background:#fff; z-index:99;}
.claimlogin .text{ font-size:16px; line-height:25px; background:url(../images/info.png) left 3px no-repeat; padding-left:25px; background-size:5%; }
.claimlogin .btn{ margin-top:20px; text-align:right;}
.claimlogin .btn a{ line-height:32px; padding:0 15px; margin-left:20px; border:1px solid #ddd; border-radius:5px; display:inline-block;}
.claimlogin .btn .btn2{ background:#3639FF; border:1px solid #3639FF; color:#fff;}

/*Shipment*/
.ShipmentForm{ min-height:64px; background:#fff; border-radius:12px; padding:0 20px; cursor:text; position:relative; margin-top:-32px; z-index:5; text-align:left;}
.ShipmentForm .shipmentbotton{ position:absolute; width:104px; height:48px;  border-radius:12px; background:#FB560A;font-weight: bold;font-size: 24px;color: #FFFFFF;text-align: center; line-height:48px; border:none; cursor:pointer; right:16px; top:8px; z-index:10;}
.ShipmentForm .track{ position:absolute;width: 168px;height: 28px;background: #FFFFFF;border-radius: 30px; padding:0 12px; line-height:28px;font-size: 12px;color: #999999; right:0; top:-38px;}
.ShipmentForm .track img{ height:12px; vertical-align:middle;}
.ShipmentForm .placeholder{font-weight: 400;font-size: 18px;color: #999999; text-align:left;line-height:64px;}
.ShipmentForm .shipmentlist{ width:auto; display:none; min-height:48px; line-height:32px; padding-top:16px; position:relative; }
.ShipmentForm .shipmentlist li{background: #EEEEEE;border-radius: 4px; display:inline-block; padding:0 8px; margin:0 8px 12px 0;}
.ShipmentForm .shipmentlist .delitem{ display:inline-block; width:12px; height:12px; cursor:pointer; background:url(../images/close.png); background-size:cover; margin-left:6px; vertical-align:middle;}
.ShipmentForm .delall{ display:inline-block; width:26px; height:26px; cursor:pointer; background:url(../images/close2.png); background-size:cover; position:absolute; top:18px; right:140px;}

.ShipmentForm .openbox{ display:none; position:absolute; top:0; left:0;  width:100%; height:auto; padding:20px 20px 10px 20px; background:#fff; border-radius:12px; box-shadow:0px 4px 24px 0px rgba(0,0,0,0.08);}
.ShipmentForm .shipmentinput{ width:100%; min-height:60px; border:none; outline:none;font-weight: 400;font-size: 14px;color: #333333;line-height: 24px; }
.ShipmentResult{ min-height:200px; margin-bottom:40px;}
.ShipmentResult2{ margin-top:40px; background:#fff;border-radius: 12px; padding:40px; text-align:center; display:none;}
.ShipmentResult3{ margin-top:40px; background:#fff;border-radius: 12px; padding:40px; text-align:center;}
.ShipmentResult1{ margin-top:40px; background:#fff;border-radius: 12px;}
.ShipmentResult1 .hd{ line-height:28px; font-weight: 500;font-size: 20px; padding:16px 0 0 24px;}
.ShipmentResult1 .hd2{ line-height:28px; border-bottom:1px solid #eee; font-size: 16px; padding:0 0 16px 103px;}
.ShipmentResult1 .bd{ padding:24px 24px 24px 38px; }
.ShipmentResult1  .trackingslist{border-left:1px solid #DDDDDD;}
.ShipmentResult1  li{ margin-bottom:23px; position:relative; padding-left:27px;}
.ShipmentResult1  li::after{ content:''; display:inline-block;width: 8px;height: 8px;background: #CCCCCC; border-radius:50%; position:absolute; top:7px; left:-4px;}
.ShipmentResult1 .title{font-weight: 500;font-size: 16px;line-height: 22px;color: #999;}
.ShipmentResult1 .title .time{}
.ShipmentResult1 .desc{font-size: 12px;color: #999;line-height: 17px; margin-top:8px; position:relative;}
.ShipmentResult1  li:first-of-type .title{color: #FB560A;}
.ShipmentResult1  li:last-of-type .desc::after{ content:''; display:inline-block;width: 6px;height:32px;background: #fff; position:absolute; top:-15px; left:-30px;}
.ShipmentResult1  li:first-of-type::after{ content:''; display:inline-block; width:32px; height:32px; border-radius:50%; background: #FB560A url(../images/shipment/ico1.webp) center center no-repeat; background-size:50%; z-index:5; left:-16px; top:0; top:-4px;}
.ShipmentResult1  li:nth-of-type(2)::after{ content:''; display:inline-block; width:32px; height:32px; border-radius:50%; background:#ccc url(../images/shipment/ico2.webp) center center no-repeat; background-size:50%;  z-index:5; left:-16px; top:-4px;}

#Content1{ width:1200px; margin:0 auto; padding:50px 0; line-height:25px; }
#Content1 h1{ text-align:center; margin-bottom:30px;}
#Content1 p{ margin-top:20px;}
#Content1 h2,#Content1 h3{ margin-top:20px; font-size:18px; }

/*底部*/
.footer{ width:100%; line-height:30px; color:#333; padding-bottom:48px; background:#fff; box-shadow:inset 0 1px #eee;}
.footer .footerlink{ padding:48px 0 0 0; line-height:20px;}
.footer .footerlink dl{ float:left; display:inline-block; width:130px; text-align:left;}
.footer .footerlink .link dt{ font-weight:bold; line-height:35px; display:inline-block; width:100%; float:left;}
.footer .footerlink .link dd{ line-height:32px;}
.footer .footerlink .logo{ width:195px; margin-right:90px; line-height:17px; font-size:12px;}
.footer .footerlink .logo p{ margin-top:20px;}
.footer .footerlink .logo img{ width:100%; height:auto;}
.footer .footerlink .qcode{ width:224px; margin-left:300px;}
.footer .footerlink .qcode dd{ display:inline-block; width:96px; margin:0 32px 0 0; font-size:12px; line-height:17px; float:left; text-align:center;}
.footer .footerlink .qcode dd:nth-of-type(2){ margin-right:0;}
.footer .footerlink .qcode img{ width:100%; height:auto; margin-bottom:12px;}
.footer .footerlink .otherqcode{ width:320px; position:absolute; top:200px; right:-50px;}
.footer .footerlink .otherqcode dt{ display:none;}
.footer .footerlink .otherqcode dd{ width:48px; height:48px; position:relative; float:left; margin-right:40px;}
.footer .footerlink .otherqcode dd:nth-child(-n+3){ display:none;}
.footer .footerlink .otherqcode dd:last-of-type{ margin-right:0;}
.footer .footerlink .otherqcode dd i{ display:inline-block; width:100%; height:48px;background:url(../images/footerico1.webp) no-repeat; background-size:cover;}
.footer .footerlink .otherqcode dd .i2{ background-image:url(../images/footerico2.webp);}
.footer .footerlink .otherqcode dd .i3{ background-image:url(../images/footerico3.webp);}
.footer .footerlink .otherqcode dd .i4{ background-image:url(../images/footerico4.webp);}
.footer .footerlink .otherqcode dd .i5{ background-image:url(../images/footerico5.webp);}
.footer .footerlink .otherqcode dd .pic{ display:none; width:120px; padding:12px; position:absolute; top:62px; left:-35px;box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06); background-image: linear-gradient(to top right, #FFFFFF, #FEEEEF) ;  border: 2px solid rgba(255, 255, 255, 1); transition: top 0.3s;  border-radius:12px;font-size: 12px;line-height: 17px;text-align: center;}
.footer .footerlink .otherqcode dd .pic img{ width:100%; margin-bottom:8px;}
.footer .footerlink .otherqcode dd a:hover .pic{ display:block; color:#333;}

.footer .footerlink .madress{ display:none;}
.footer .coryright{  line-height:30px; font-size:12px;margin-top:30px; text-align:center;}
.footer .coryright a:link{ color:#666;}

.left_qrcode{ position:fixed; top:40%; width:136px; left:20px; height:218px; background:url(../images/qrcode_left.png); background-size:cover; z-index:99;}
.left_qrcode a{ position:absolute; left:138px; top:0; width:18px; height:18px; display:block; background:url(../images/close2.png); background-size:cover;}


.kefu{ position: fixed; right: 20px; top:40vh; font-size:12px;  width: 56px; text-align: center; z-index: 9998; line-height:17px;}
.kefu .item {border-radius: 28px; width:100%; padding: 12px 0; cursor: pointer; background:#FFFFFF;}
.kefu .item a{ position:relative; display:block; width:100%;}
.kefu .item1 .ico p{ color:#fff;}
.kefu .item1 a:hover .ico p{ color:#fff;}

.kefu .item2{box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.08);}
.kefu .item2 a:nth-of-type(2){ margin-top:25px;}
.kefu .item2 a:nth-of-type(2):before { content: ""; position: absolute; left: 18px; margin-top: -12px; height: 1px; width: 20px; border-radius: 1px; background-color: #ddd;}
.kefu  i{ width:28px; height:28px; display:inline-block;  background:center / 28px 28px  url(../images/icon_contact-theme.png);}
.kefu .item2 a:hover .ico p{color:#FB560A;}

.kefu .pic{ position: absolute; top:-90px; right:70px; width:192px; height: 217px; padding:16px 16px 0 16px; background: linear-gradient(#FACD78,#FFFFFF);  color:#333; line-height:20px; display:none; border-radius:8px;box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.06); border: 2px solid rgba(255, 255, 255, 1);}
.kefu .pic img{ width:100%; height:auto;}
.kefu a:hover .pic{ display:block;}
.kefu .item1{background: linear-gradient( 334deg, #FB560A 0%, #FACD78 100%); margin-bottom:8px;}
.kefu .item1 .pic{ display:block;}
.kefu .item2 a:nth-of-type(1) i{ background-image:url(../images/icon_wechat-service.png);}
.kefu .item2 a:nth-of-type(1):hover i{ background-image: url(../images/icon_wechat-service-theme.png);}
.kefu .item2 a:nth-of-type(2) i{ background-image:url(../images/icon_wechat-video.png);}
.kefu .item2 a:nth-of-type(2):hover i{ background-image:url(../images/icon_wechat-video-theme.png);}
.MGoToTop{ display:none;}
/* ipad pro */
@media screen and (max-width: 1024px) {
	
	
}
/* 手机端 */
@media screen and (max-width: 767px) {
.wrapper{ width:100%;}
.page_main{ width:100%;}
.page_right{ width:100%; position:relative; top:0; margin:0; padding:0 16px 20px 16px;}

.header .member{ width:82px; right:10px; top:14px;}
.header .member .btnlogin{ display:none;}
.header .member .btnreg{ background: linear-gradient( 180deg, #FFE838 0%, #FFDB12 100%); width:80px; height:28px; line-height:28px; border-radius:24px; padding:0; font-weight: 500; font-size:14px; margin-right:0px;}

.header #MenuBtn{display:block;position:absolute;z-index:33;left:10px;top:13px;width:30px;height:30px;}
.header #MenuBtn i{display:block;position:absolute;z-index:3;left:50%;top:50%;width:20px;height:4px;background:#fff;transform:translate(-50%,-50%);}
.header #MenuBtn i:nth-child(1){margin-top:-7px;}
.header #MenuBtn i:nth-child(2){margin-top:0;}
.header #MenuBtn i:nth-child(3){margin-top:7px;}


.header{ height:56px; line-height:56px; top:0; text-align:center;  }
.header .logo{ float:none; margin:0; width:auto;}
.header .logo a img{ width:auto; height:32px; vertical-align:middle;}
.headerfixed{ background: linear-gradient(139deg, #FF5EA9 0%, #FB560A 100%);}
.headerfixed .nav li a:hover,.headerfixed .nav li a.hover{ color: #333; }
.headerfixed .nav li a.hover{font-weight:normal;}
.headerfixed .nav li a.hover:after{ display:none;}

.nav{ width:50%; position: absolute; z-index: 99; top:0; left:0; background-color:#fff;height: calc(100vh); padding:0; display:none;} 
.nav .close{ display:block; width:20px; height:20px; background:url(../images/close.png); background-size:contain; margin:18px 20px;}
.nav li{width:100%;display:block;}
.nav>ul>li>a{ color:#333;  font-weight:500; line-height:50px; height:50px; width:100%; text-align:left; display:block; padding-left:40px; }
.nav a,.nav a:active,.nav a:visited{color:#333;}
.nav a.hover, .nav a:hover{ background:none;color:#333; }
.nav a.hover:after{ display:none;}
.nav.open { display:block;}
.nav:before { display:none;}

.IndexTitle{ font-size:34px; line-height:48px; margin:0;font-weight: 400;}
.IndexTitle2{ font-size:14px; line-height:24px; margin:8px auto 0 auto; font-weight: 400;}
.IndexTitle4{ margin:24px 0 0 0;}
.IndexTitle5 a{ line-height:30px; padding:0 24px; width:auto;}


/*首页*/
.IndexService{ padding:40px 16px;}
.IndexService li{ width:100%; margin:20px 0 0 0; height:auto; border-radius:12px; padding-bottom:20px;}
.IndexService li .pic{ height:240px;}
.IndexService li .title{font-size: 18px;line-height: 25px; margin:20px 16px 0 16px;}
.IndexService li .title .more{ display:block; position:absolute; top:0; left:0; z-index:5;  width:100%; height:362px; background:url(../images/index/more2.jpg) no-repeat; background-size:18px 18px; background-position:95% 268px;}
.IndexService li .ico{ margin:8px 16px 0 16px;}
.IndexService li .desc{font-size: 13px;line-height: 24px; margin:16px 16px 0 16px;}
.IndexService li:hover .showbox{ opacity:1;}
.IndexService li:hover .hoverbox{ top:370px;}
.IndexAdvantage{ padding:0 0 40px 0; overflow:hidden;}
.IndexAdvantage .pic{ height:146px; width:auto; top:-100px; right:-52px;}
.IndexAdvantage .bg{ margin-top:50px; background-size:auto 150px; padding:28px 16px 0 16px;}
.IndexAdvantage .content{ padding:12px 16px 24px 16px; height:auto;}
.IndexAdvantage .content li{ width:48%; height:208px; margin-top:12px; padding:16px 0; font-size:15px;}
.IndexAdvantage .content li b{ font-size:44px; line-height:58px;}
.IndexAdvantage .content li p{ margin-bottom:8px;}
.IndexAdvantage .content li .title{  display:none;}
.IndexAdvantage .content li .mtitle{ display:block;}
.IndexAdvantage .content li .text{ display:none;}
.IndexAdvantage .content li .mtext{ display:inline-block; font-size:12px; line-height: 22px;}

.IndexWhy{ padding:54px 0 20px 0;}
.IndexWhy .box1{ margin-top:24px; padding:16px 0 16px 0; height:430px; background:url(../images/index/why17.jpg) left bottom; background-size: 430px auto;}
.IndexWhy .box1 li{ width:50%; padding:0 8px 0 16px; font-size:13px; margin:32px 0 0 0; height:155px;}
.IndexWhy .box1 li:nth-child(odd){ padding:0 16px 0 8px;}
.IndexWhy .box1 li img{ height:40px;}
.IndexWhy .box2{ margin:0; padding:16px 0 0 0;}
.IndexWhy .box2 li{ width:50%; padding:0 20px 0 28px; font-size:13px; margin:32px 0 0 0; height:155px;}
.IndexWhy .box2 li:nth-child(odd){ padding:0 28px 0 20px;}
.IndexWhy .box2 li img{ height:34px;}
.IndexWhy .box3{ width:100%; margin:0;font-size: 20px;line-height: 32px; padding:67px 40px 0 40px; height:288px;}
.IndexWhy .box3 .text{ position:relative; bottom:auto;}
.IndexWhy .box3 .text p{ margin-bottom:30px;}
.IndexWhy .box4{ margin:0;}
.IndexWhy .box4 li{ width:100%; padding:8px 14px;}
.IndexWhy .box4 li .boxshadow{ height:auto;}
.IndexWhy .box5{ display:none;}
.IndexReview{ padding:40px 0; overflow:hidden; height:630px;}
.IndexReview .bd{ margin:62px 16px 0 16px; width:auto; }
.IndexReview .bd:before{ width:71px; height:60px; top:-26px; right:20px;}
.IndexReview .bd .tempWrap{ overflow:inherit !important;}
.IndexReview .bd ul{ overflow:inherit !important;}
.IndexReview .bd li{ width:100%; height:357px; position:relative;}
.IndexReview .bd li .pic{ width:200px; height:150px; left:20px; top:-32px; z-index:99; bottom:auto; border-radius:5px;  object-fit: cover; object-position:center top;}
.IndexReview .bd li .text{ font-size:18px; line-height:25px; margin:140px 20px 0 20px;}
.IndexReview .bd li .tag{ margin:13px 20px 0 20px;}
.IndexReview .bd li .tag span{ line-height:24px; font-size:13px; padding:0 16px; margin-bottom:8px;}
.IndexReview .bd li .username{ font-size:14px; line-height:24px; margin:19px 20px 0 20px;}
.IndexReview .hd{ margin-top:24px;}
.IndexMap{ padding:40px 10px; height:auto;}
.IndexMap .box1{ width:100%; margin-top:28px;}
.IndexMap .box1 img{ width:100%; height:auto;}
.IndexMap .box1 ul{ display:none;}
.IndexMap .box2{ margin-top:0;}
.IndexMap .box2 ul{flex-wrap:wrap;}
.IndexMap .box2 li{ width:100%; text-align:center; margin:24px 0 0 0; height:auto;}
.IndexMap .box2 li .btn{ width:auto; padding:0 16px; font-size:14px; box-shadow: inset 0px 0px 10px 0px rgba(255,17,54,0.8);}
.IndexMap .box2 li:nth-of-type(2) .btn{box-shadow: inset 0px 0px 10px 0px rgba(255,182,56,0.8);}
.IndexMap .box2 li:nth-of-type(3) .btn{box-shadow: inset 0px 0px 10px 0px rgba(255,17,54,0.1);}
.IndexMap .box2 .text{ margin-top:8px;}


.IndexNews{ padding:40px 0 0 0;background: #F4F4F4;}
.IndexNews .scroll-container{ padding:4px 16px 0 16px;white-space:normal; height:1225px;}
.IndexNews .scroll-container ul{ position:relative;}
.IndexNews li{ margin:20px 0 0 0; width:100%;}
.IndexNews li a{ height:377px;box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08); }
.IndexNews li a img{ height:228px;}
.IndexNews li .title{font-size: 18px;line-height: 25px; margin-top:20px; padding:0 16px;}
.IndexNews li .desc{ margin:12px 16px 0 16px;font-size: 13px; line-height: 24px;}
.IndexPartners{ padding:20px 16px 20px 16px; background:#F4F4F4; }
.IndexPartners .bd ul{ margin-top:4px;}
.IndexPartners .bd li{ width:31%; margin:12px 3.5% 0 0; height:62px; line-height:62px;}
.IndexPartners .bd li:nth-of-type(7n){margin:12px 3.5% 0 0;}
.IndexPartners .bd li:nth-of-type(3n){ margin:12px 0 0 0 }
.IndexPartnersBox{ padding-bottom:20px;}


/*产品*/
.ProductBanner{ height:200px; padding-top:76px; background: url(../images/product/bg_header-express_mobile.jpg) center top; background-size:cover;}
.ProductBanner h1{font-weight: 400;font-size: 30px;line-height: 42px;letter-spacing: 5px;}

.ExpressBox1{ padding:4px 16px 24px 16px;}
.expresslist1 li{ margin:20px 0 0 0; height:auto; padding-bottom:20px;}
.expresslist1 li .pic{ height:auto;}
.expresslist1 .hoverbox{ position:relative; top:0; height:auto; background:#fff; border:none; border-radius:0; padding:4px 16px 0 16px;font-size: 12px;line-height: 22px;}
.expresslist1 .hoverbox .title{ display:none;}
.expresslist1 li:hover .pic{ opacity:1;}
.expresslist2{ display:block;}
.expresslist2 li{ width:100%; margin-top:20px; height:auto; padding:16px 14px; font-size:13px;}
.ExpressBox2{ padding:40px 16px 24px 16px;}
.expresslist3{ display:block; padding-top:4px;}
.expresslist3 li{ width:100%; height:auto;border-radius: 12px; margin-top:20px;}
.expresslist3 li img{ height:192px;object-fit: cover;}
.expresslist3 li .title{ line-height:40px; height:40px;font-size: 20px; top:172px;}
.expresslist3 li .desc{ margin:30px 20px 24px 20px;}
.expresslist3 li .desc p{ min-height:24px;}
.ExpressBox3{ padding:20px 16px 20px 16px; height:auto;}
.ExpressBox3 .wrapper{ margin-top:4px;}
.ExpressBox3 .box1{ width:100%; position:relative; border-radius:12px; overflow:hidden; background:url(../images/warehouse/box10-0.webp) no-repeat top center; background-size:cover; margin-top:20px; padding:24px 16px;}
.ExpressBox3 .box2{ width:100%; position:relative; top:0; margin-top:20px;  padding:24px 16px;}
.ExpressBox3 .box1 .hd{ text-align:center; padding-bottom:8px; font-size:18px; line-height:25px;}
.expresslist4 li{ padding:20px;background-position: 20px 20px; background-size:32px 28px; }
.expresslist4 .title{ padding-left:44px;font-size: 16px;line-height: 28px;}
.expresslist4 .desc{ margin-top:12px;}
.ExpressBox3 .box2 .hd{ text-align:center; font-size:18px; line-height:25px;}
.expresslist5 li{ padding:20px 20px 20px 60px;background-position: 20px 20px; background-size:28px 28px;}
.ProductProcess{ padding:0; height:auto;}
.ProductPrice{ padding:40px 0 60px 0;}
.ProductPrice .IndexTitle2{ width:320px;}
.ProductPrice a{ display:block; text-align:left; width:100%;}
.ProductPrice .wrapper img{ width:87%; margin:11px 0 0 0;}

.WarehouseBnner { background:url(../images/warehouse/banner2.webp) center left; background-size:cover;}
.WarehouseBox .IndexTitle {    font-size:34px;     line-height:48px; }
.WarehouseBox .IndexTitle2{ margin:12px auto 0 auto; font-size: 14px;}
.WarehouseBox {padding:40px 0 40px 0;}
.WarehouseBox1{ background: #F4F4F4;}
.WarehouseBox1 ul{ width:100%; padding:12px 20px 0 20px;}
.WarehouseBox1 li{ width:100%; height:auto; margin:12px 0 0 0; background:#fff; border-radius:12px; padding:32px 14px;}
.WarehouseBox1 li img { width:auto; height:45px; }
.WarehouseBox1 li .title{font-size: 17px;line-height: 24px; margin:0;}
.WarehouseBox1 li .desc{ margin-top:8px;font-size: 14px;line-height: 24px; text-align:center;}
.WarehouseBox2{ background:url(../images/warehouse/bg9.jpg) center top; background-size:cover;}
.WarehouseBox2 .bd{ margin-top:20px; padding:0 20px;}
.WarehouseBox2 .bd img{ width:100%; height:auto; border-radius:16px 16px 0 0 ;}
.WarehouseBox2 .bd .text{ margin:0; padding:20px 20px; width:100%; height:auto; border-radius:0 0 16px 16px;font-size: 14px;line-height: 24px; }
.WarehouseBox3{padding:40px 0;}
.WarehouseBox3 .map{ padding:20px 0 0 46px; }
.WarehouseBox3 .pic1{ width:100%; height:auto; margin:0 0 0 0;}
.WarehouseBox3 .slidelist{display:block; margin:0; padding:0 20px 0 20px}
.WarehouseBox3 .slideBox{ width:100%; height:auto; margin-top:32px;}
.WarehouseBox3 .slideBox .bd{ margin-top:20px; height:230px;}
.WarehouseBox3 .slideBox .bd img{ height:230px;}
.WarehouseBox4 .bd .pic{ display:none;}
.WarehouseBox4 .bd{ margin-top:0;}
.WarehouseBox4 .bd ul{ margin:0; width:100%; padding:0 35px;}
.WarehouseBox4 .bd li{ width:50%; margin:32px 0 0 0;}
.WarehouseBox4 .bd li strong{ font-size:42px; line-height:51px;}
.WarehouseBox4 .bd li:nth-of-type(3){ width:100%;}
.WarehouseBox5 ul{ padding:0 20px;}
.WarehouseBox5 li{ width:100%; margin:20px 0 0 0;}
.WarehouseBox5 li img{ width:14%; height:auto; margin-right:4%;}
.WarehouseBox5 li .title{ width:82%; font-size:17px; line-height:24px;}
.WarehouseBox5 li .desc{ width:82%; margin-top:4px;}
.WarehouseBox6_mobile{ display:block; padding:0;}
#WarehouseBox6{ display:none;}
.WarehouseBox7{ }
#WarehouseBox8{ display:none;}
.WarehouseBox8_mobile{ display:block; padding:0;}
.WarehouseBox9 .bd{ padding:12px 20px 0 20px;}
.WarehouseBox9 li{ width:100%; margin:30px 0 0 0; height:auto; padding-bottom:20px;}
.WarehouseBox9 li img{ width:100%; height:auto;    border-radius: 16px;}
#WarehouseBox10{ padding:40px 20px; height:auto;}

.PODBnner{ background:url(../images/b2c/banner2.webp) center left; background-size:cover;}
.PODBox{ padding:40px 16px;}
.PODBox1{ padding-top:20px;}
.PODBox .IndexTitle{font-size: 34px; font-weight: 400;line-height: 48px;}
.PODBox1 .IndexTitle{ display:none;}
.PODBox1 .bd .pic{ width:100%; height:auto; position:inherit; top:0;}
.PODBox1 .bd{ padding:0; margin-top:0; border-radius: 12px; font-size: 14px;}
.PODBox1 .text{ padding:20px 16px; position:relative;}
.PODBox1 .text .mtitle{ display:block; position:absolute; width:90%;background: linear-gradient( 270deg, #FF5EA9 0%, #FB560A 100%); border-radius: 0px 100px 100px 0px; line-height:40px; color:#fff; font-size: 17px; font-weight: 600; text-align: left; padding-left:24px; top:-31px; left:0; z-index:9;}
.PODBox2 .box1{ width:100%;}
.PODBox2 .box1 img{ width:100%; height:auto; margin-top:24px;}
.PODBox2 .box1 ul{ margin-top:8px;}
.PODBox2 .box1 li{ margin-top:16px; position:inherit; top:0 !important; left:0 !important;}
.PODBox2 .box1 li a{ width:100%; height:auto;color:#333;}
.PODBox2 .box1 li .content{  display: flex;  width:100%; height:164px; position:inherit; top:0 !important; left:0 !important; }
.PODBox2 .box1 li .pic{ width:120px; float:none;}
.PODBox2 .box1 li .pic img{ width:120px; height:160px; margin:0;}
.PODBox2 .box1 li .text{ width:auto; padding:16px 16px 0 16px; float:none; font-size: 13px; line-height:22px; }
.PODBox2 .box1 li .text p{ margin-bottom:8px;}
.PODBox2 .box1 li .text b{font-weight: bold; font-size: 16px; }
.PODBox2 .box1 li a:hover .content{ display:flex;}
.PODBox2 .box2{ margin-top:40px;}
.PODBox2 .box2 .hd{font-size: 20px;}
.PODBox2 .box2 .bd{ padding-top:4px;}
.PODBox2 .box2 .bd li{ width:32%; height:62px; margin:12px 2% 0 0;}
.PODBox2 .box2 .bd li:nth-of-type(3n){ margin-right:0;}
.PODBox2 .box2 .bd li img{ max-height:62px;}
.PODBox2 .box2 .text{ display:none;}
.PODBox3{ padding:40px 0;}
.PODBox3 .bg{ margin-top:32px; padding:68px 16px 0 16px; background-size:auto 150px;}
.PODBox3 .pic{ width:330px; height:auto; top:-108px; }
.PODBox3 .content{ padding:20px 16px 10px 16px;}
.PODBox3 .content li{ width:100%; height:auto; padding:20px 16px; margin-bottom:12px;}
.PODBox3 .content li .text1{ line-height:40px; height:40px; margin-bottom:4px; font-size: 18px;}
.PODBox3 .content li .text1 img{ width:40px; height:40px;}
.PODBox4{ padding:40px 0 0 0;}
.PODBox4 .wrapper{flex-direction: column; padding-top:12px;}
.PODBox4 .box2{ width:100%; order:1;}
.PODBox4 .box2 img{ width:100%; height:auto;}
.PODBox4 .box1{ width:100%; order:2; padding:24px 20px 0 10px;}
.PODBox4 .box1 li{ margin:0 0 40px 0;font-size: 13px; text-align:center;}
.PODBox4 .box1 .text1 strong{ font-size:42px; line-height:51px;}
.PODBox4 .box1 .text2{ display:none;}
.PODBox4 .box1 .text3{ display:block;}
.PODBox5 .IndexTitle{ display:block;}
.PODBox5 img{width:100%; height:auto; margin-top:26px;}
.PODBox6{ background:url(../images/b2c/b2c30.webp) center center; background-size:auto 300px; padding:40px 28px;}
.PODBox6 .IndexTitle{font-size: 28px;line-height: 40px;}
.PODBox6 .pic{ width:100%; height:auto; margin-top:24px;}


.left_nav { display:none;}

.ArticleList{ margin:0; padding:0 16px}
.ArticleList>ul>li>a{ margin:24px 0 0 0; height:70px;}
.ArticleList>ul>li>a>img{ width:28%; height:70px; margin-right:3%; border-radius:6px;}
.ArticleList ul li a .title{ width:69%; line-height:24px; height:48px; font-size:17px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical; white-space:normal; font-weight:normal;}
.ArticleList ul li a .desc{ display:none;}
.ArticleList ul li a .info{ width:69%; line-height:17px; height:17px; font-size:12px; white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-all;}

.pager{ padding:20px 0 0 0;}
.pager a:nth-of-type(1),.pager a:nth-of-type(2),.pager a:nth-last-of-type(1){ display:none;}

.rightbox{ margin-top:20px;}
.page_right .qcode{ width:48%; margin:20px 0 0 4%; text-align:center; padding:16px 16px;}
.page_right .qcode:nth-of-type(1){ margin:20px 0 0 0;}
.page_right .qcode .pic{ width:100%; height:auto; margin:0 0 8px 0;}
.page_right .qcode .tit{ font-size:15px; line-height:21px; margin-top:8px; color:#FF1135;}
.page_right .qcode .desc{ font-size:12px; line-height:17px; margin-top:4px; }

#ShowArticle{ margin:56px 0 30px 0;}
.article {    width: 100%; margin:18px 0 0 0; box-shadow:none;   padding: 0 16px;}
.article .ArticleTitle {    font-size:24px;  line-height:33px;}
.article .info{ font-size:12px; line-height:17px; margin-top:15px;}
.article .Content { margin-top:15px; }
.article .Content p{ margin:20px 0 0 0;}
.article .Content img{ max-width:100%; border-radius:6px; }
.article .Content table{ max-width:100%;table-layout:fixed;}
.article .Content table td{word-wrap:break-word; border:1px solid #CCC; padding:10px 0px; color:#333}
.article .Content table th{ padding:0; font-size:12px;border:1px solid #CCC;}
.article .Content .pc{ display:none;}
.mobileqcode{ display:block; border-top:1px solid #eee; margin-top:20px; padding-top:20px;}
.mobileqcode .qcode{ width:48%; margin:0 0 0 4%; float:left; padding:16px 0; border:1px solid #ccc; border-radius:12px; text-align:center;}
.mobileqcode .qcode .pic{ width:116px; height:116px;}
.mobileqcode .qcode .tit{ font-size:15px; font-weight:bold; line-height:21px; margin-top:8px;color: #FF1135;}
.mobileqcode .qcode .desc{ font-size:12px; color:#666; line-height:17px; margin-top:4px;}
.mobileqcode .qcode:nth-of-type(1){ margin-left:0;}

.MainBox{ width:100%; max-height:1000px; padding:0 15px;}
.NextBox{ padding:10px 0; width:100%;}
.NextBox li{ width:96%; margin:5px 2% 5px 2%;}
.articlelist li{ width:100%;}
.articlelist1 li{ width:100%; margin:0; padding:10px 0; border-bottom:1px solid #eee;}
.articlelist1 li img{width:30%; height:70px; margin-right:3%; float:left;}
.articlelist1 li .title{ width:67%; line-height:24px; height:48px; font-size:17px; font-weight:normal; float:left; margin-top:0; }

.articlelist2 li {    margin: 24px 0 0 0; }
.articlelist2 ul li a{ margin:0; height:70px;}
.articlelist2 ul li a img{ width:30%; height:70px; margin-right:3%; border-radius:6px;}
.articlelist2 ul li a .title{ width:67%; line-height:24px; height:48px; font-size:17px; font-weight:normal;}
.articlelist2 ul li a .date{ width:67%; line-height:17px; height:17px; font-size:12px; margin:5px 0 0 0;}

/*关于我们*/
.AboutBox{ padding:40px 16px;}
.AboutBox1{ margin:20px 16px 24px 16px;  width:auto; border-radius: 12px; overflow:hidden; padding:0;}
.AboutBox1 .pic{ position:inherit; float:none; width:100%; float:left; height:auto;}
.AboutBox1 .text{ background:#fff; width:100%; margin:0; float:left; position:relative; padding-bottom:20px;}
.AboutBox1 h2{ position:absolute; padding:0 24px; display:inline-block; left:0; top:-30px;  color:#fff;background: linear-gradient( 270deg, #FF5EA9 0%, #FB560A 100%);border-radius: 0px 100px 100px 0px; line-height:40px;font-size: 17px;font-weight: 600; }
.AboutBox1 p{ margin:0 16px;color: #555555; }
.AboutBox2{ background:url(../images/about/about4.webp) center top no-repeat; background-size:auto 205px; margin-top:24px; padding:114px 16px 0 16px}
.AboutBox2 .bg{ background:none; padding:0;}
.AboutBox2 .content{padding:12px 16px 32px 16px;}
.AboutBox2 .content .text{ padding:0; background:none; overflow:hidden;}
.AboutBox2 .content .text1{ display:block; padding:32px 0 0 0; background:#fff; margin:20px 0 0 0; border-radius:12px 12px 0 0; font-size: 28px; line-height: 40px;}
.AboutBox2 .content .text2{ display:block; padding:12px 0 32px 0; background:#fff; border-radius:0 0 12px 12px; font-size: 14px; margin:0;}
.AboutBox3{ padding:40px 16px;}
.AboutBox3 .hd{ margin-top:32px;}
.AboutBox3 .hd ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.AboutBox3 .hd li{ margin:0;}
.AboutBox3 .hd li:before { content: ""; display: block; width: 19px; height: 19px; background: #DDDDDD;  border-radius: 50%; position: absolute; top: 30px; left: 10px;}
.AboutBox3 .hd li.on:before{ width:29px; height:29px; top:24px;left: 5px;}
.AboutBox3 .bd i{ display:none;}
.AboutBox3 .bd .pic{ float:none; width:100%;}
.AboutBox3 .bd .text{ width:100%; float:none; padding:20px 16px 20px 16px;}
.AboutBox3 .bd .title{font-size: 18px; line-height: 25px;}
.AboutBox3 .bd .desc{font-size: 13px;}



.AboutBox4{ display:none;}
.AboutBox5{ background:url(../images/about/bg6.jpg) center center; background-size:cover; padding-top:103px;}
.AboutBox5 .title1{ font-size:28px; line-height:40px; width:210px; margin:0 auto;}
.AboutBox5 .btn{width: 120px;height: 28px; line-height:28px;font-size: 14px;}
.AboutBox6{  display:block;padding:40px 16px; background:#fff;}
.AboutBox6 .title{font-size: 17px;font-weight: 500;line-height: 24px;text-align: center; margin-top:24px;}
.AboutBox6 .bd{box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08);border-radius: 12px; margin-top:20px;}
.AboutBox6 .bd li{ display:block; width:100%; height: auto;}
.AboutBox6 .bd li img{ height:210px; width:100%; float:left;}
.AboutBox6 .bd li p{ font-size:15px; line-height:60px;  text-align:center;font-weight: 500; }
.AboutBox6 .hd{ height:32px; text-align:center;}
.AboutBox6 .hd li{ display:inline-block;width: 8px;height: 8px;background: #000000;opacity: 0.3; margin:24px 4px 0 4px; border-radius:50%; font-size:0;}
.AboutBox6 .hd li.on{ background: #FB560A; opacity:1;}


.PartnersBox .IndexTitle{font-size: 34px;line-height: 48px;}
.PartnersBox .bd{ padding-top:24px;}
.PartnersBox .IndexBoatBox{ padding-bottom:40px;}

.StoresBox{ width:100%;background: #F5F5F5; padding:4px 16px 64px 16px;}
.StoresBox .wrapper{ width:100%;}
.StoresBox .IndexTitle3{ display:none;}
.storeslist li{ width:100%; height:auto; margin:20px 0 0 0; padding-bottom:16px;border-radius: 12px;}
.storeslist li img{ height:auto;}
.storeslist li .title{ font-size:18px; line-height:32px; margin:20px 16px 0 16px;}
.storeslist li .title a{ line-height:32px; padding:0 16px;font-weight: 500;font-size: 14px;border-radius: 20px; width:auto;}
.storeslist li .desc{margin:8px 16px 0 16px;font-size: 12px;line-height: 22px; height:auto;}
.storeslist li .tag{margin:16px 16px 0 16px;}
.storeslist li .tag a{ padding:0 16px; line-height:24px;height: 24px;background: rgba(255,17,54,0.1);border-radius: 24px;font-size: 12px;}


.footer{ padding:24px;}
.footer .footerlink{ padding:0;}
.footer .footerlink .link dt{ text-align:left; position:relative; line-height:45px;}
.footer .footerlink .link dt:before {content:"";  width: 14px; display:block;   height:12px; background:url(../images/down.png); position:absolute; right:0; top:12px; background-size:contain; }
.footer .footerlink .link dt.up:before{ background:url(../images/up.png);}
.footer .footerlink .link dd{ display:none; font-size:12px;}
.footer .footerlink .logo{ width:100%; margin:0 0 15px 0;}
.footer .footerlink .logo dd:nth-of-type(2){ display:none;}

.footer .footerlink .logo img{ width:50%;}
.footer .footerlink .logo p{ margin-top:10px;}
.footer .footerlink .link{ width:100%; margin:0;}
.footer .footerlink .qcode{ display:none;}

.footer .footerlink .otherqcode{ width:100%; position:relative; top:0;}
.footer .footerlink .otherqcode dt{ display:inline-block;}
.footer .footerlink .otherqcode dd:nth-child(-n+3){ }
.footer .footerlink .otherqcode dd{ width:32px; height:32px; margin-right:24px;}
.footer .footerlink .otherqcode dd i{ height:32px;}
.footer .footerlink .otherqcode dd a:hover .pic{ width:160px; top:-200px; left:-64px;}
.footer .footerlink .otherqcode dd:nth-of-type(1)  a:hover .pic{ left:-20px;}



.footer .footerlink .madress{ display:block; }
.footer .footerlink .madress dd{ line-height:17px;}
.footer .footerlink .madress dd p{ margin:12px 0;}
.footer .coryright{ text-align:left; margin:0; line-height:45px;}
.footer .coryright a:link{ color:#333;}

.kefu{ display:none;}
.MGoToTop{  position:fixed; right:28px; bottom:32px; width:48px; height:48px; background-image:url(../images/MGoTop.png); background-size:contain; z-index:100;}
.MGoToTop:hover{ background-image:url(../images/MGoTop2.png);}
.left_qrcode{ display:none;}
}

/* ========== 首页商业赋能板块自适应（保持卡片 374px 宽度） ========== */
/* 1. 突破 wrapper 宽度限制 */
.IndexService .wrapper {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
}

/* 2. Flex 父容器 */
.IndexService .wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 关键：左对齐，保证换行后对齐第一行 */
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 3. 卡片固定宽度 374px */
.IndexService li {
    width: 374px;
    margin: 80px 0 0 0;
    float: none;
    /* 保留原有样式：背景、圆角、阴影、高度等 */
    background: #FFF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.08);
    position: relative;
    height: 425px;   /* 保持原高度，确保 hover 滑动效果 */
}

/* 4. 平板及小屏：改为两列自适应 */
@media screen and (max-width: 1300px) {
    .IndexService li {
        width: calc(50% - 30px);
        min-width: 280px;
    }
}

/* 5. 手机：单列 */
@media screen and (max-width: 767px) {
    .IndexService li {
        width: 100%;
        margin-top: 20px;
        height: auto;
    }
    .IndexService .wrapper ul {
        gap: 20px;
    }
}