@charset "utf-8";


/* 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: #FF1136}
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%;}
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; margin:0 auto; position:relative;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:20px; z-index:10; }
.header .logo{ width:300px; float:left; margin-top:15px;}
.header .logo a img{ height:50px;}


.nav{ width:620px; font-size:16px; float:left;}
.nav .close{ display:none;}
.nav ul{ width:100%;}
.nav ul li{float:left;  text-align:center; position:relative;}
.nav li a,.nav li a:active,.nav li a:visited{text-decoration:none; color:#fff; display:inline-block; position:relative; text-align:center; padding:0 0px; margin:0 20px; float:left;height:80px; line-height:80px; overflow:hidden; }
.nav li a.hover:after {    content: "";    position: absolute; top:60px; left: 50%;    transform: translate(-50%);    width: 16px;    height: 3px;    border-radius: 3px;    background: white;}
.nav li a .up{ display:none;}
.nav li .nav2{width:100px; padding:20px 16px; border-radius:16px; margin:0;   background:#fff; top:65px; left:0px; position:absolute;  z-index:999; opacity:1; visibility:hidden;}
.nav li .nav2 li{width:100%;}
.nav li ul a,.nav li ul a:active,.nav li ul a:visited{ display:block; color:#333;  width:100%; height:35px; padding:0; line-height:35px;  text-align:center; margin:0;}
.nav li:hover .nav2{ visibility:visible;}
.nav li ul li a:hover{color: #FF1136;  border-bottom:none; }
.nav li .nav2:before {content:""; position:absolute; top:-8px; left:43px; width: 0; display:block;   height: 0;    border-width: 0 8px 8px;  border-style: solid;    border-color: transparent transparent #fff;}

.header .member{  position:absolute; width:220px; 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(139deg,#ffe838 0%,#ffdb12 100%);    color: #333;    border-radius: 24px;}

.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: #FF1136; }
.headerfixed .nav li a.hover{font-weight:bold;}
.headerfixed .nav li a.hover:after{ background:#FF1136;}

.headerfixed .member .btn{ color:#333;}
#MenuBtn{ display:none;}

.main_title{width:100%; border-bottom:1px solid #F4F4F4; background:#FFF;line-height:40px; height:40px; }
.main_title a:link,.main_title a:visited,.main_title a:active{color:#434343;}


/*首页*/
.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; }
.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;}
.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; background:#F4F4F4;}
.IndexService li{ width:580px;height:428px; background:#FFF; margin:80px 40px 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:290px; }
.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:#FF1136; border-radius: 2px;}
.IndexService li .desc{margin:16px 32px 0 32px;  font-size: 18px;line-height: 24px; }
.IndexService li .hoverbox{position:absolute; top:428px; width:100%; height:428px; left:0; font-size:14px; line-height:25px; padding:22px 22px; background-image: url(../images/index/product3.png),linear-gradient(to top right, #FFFFFF, #FEEEEF) ; 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 #FCE0E4;font-size: 22px;font-weight: 500;line-height: 30px;color: #FF1136; padding-bottom:12px;}
.IndexService li .title2 .more{ float:right; color:#FF1136;font-size: 14px;}
.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 20px; border: 1px solid #FCE0E4;border-radius: 24px; margin:20px 16px 0 0;}

.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:128px auto 0 auto; font-size: 24px;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 120px 0;background: #F8F8F8;}
.IndexReview .bd{width:100%; margin-top:80px; 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 li{ width:100%; display:block; height: 282px;}
.IndexReview .bd li .text{font-size: 26px;color: #FF1136;line-height: 37px; margin:56px 64px 0 64px;}
.IndexReview .bd li .tag{ margin:20px 64px 0 64px;}
.IndexReview .bd li .tag span{ display:inline-block;background: #FF1136;border-radius: 24px; line-height:32px; padding:0 20px; color:#fff; margin-right:16px;}
.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 64px;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: #FF1136; opacity:1;}
.IndexCase{width:100%; padding:60px 0; background:#F4F4F4;}
.IndexCase .swiper-slide{ width:100%; height:340px; padding:60px 60px; border-radius:10px; background:#fff;}
.IndexCase .title{ font-size:24px; line-height:40px; color: #FE3860}
.IndexCase .tag{ margin-top:20px; line-height:30px;}
.IndexCase .tag span{ display:inline-block; padding:0 20px; background:#FE3860; color:#fff; margin-right:15px; border-radius:15px;}
.IndexCase .desc{ margin-top:20px; line-height:28px; font-size:15px; color:#858585;}
.IndexCase .tag span:nth-child(4n-1){background: #B64EF2;}
.IndexCase .tag span:nth-child(4n-2){background: #F24EBE;}
.IndexCase .tag span:nth-child(4n-3){background: #FE3860;}
.IndexCase .tag span:nth-child(4n-4){background: #FF8C45;}

.IndexPhoto{width:100%; padding:120px 0; background:#F4F4F4;}
.IndexPhoto li{ width:31%; height:306px; margin:20px 1%; float:left; border-radius:24px; overflow:hidden; background:#fff; display:block;}
.IndexPhoto li img{ width:100%; height:250px; float:left;}
.IndexPhoto li .title{ width:100%; font-size:17px; line-height:50px; text-align:center; float:left;}
.IndexPhoto li:nth-of-type(1),.IndexPhoto li:nth-of-type(2){ height:442px; width:48%;}
.IndexPhoto li:nth-of-type(1) img,.IndexPhoto li:nth-of-type(2) img{ height:386px;}

.IndexWishes{width:100%; padding:60px 0 120px 0; }
.IndexWishes .wrapper{ position:relative;}
.IndexWishes .box1{ width:956px; height:456px; background:url(../images/about/6.jpg); padding:80px 140px 80px 100px;}
.IndexWishes .box1 li{ width:50%; float:left; color:#fff;}
.IndexWishes .box1 li .title{ font-size:50px; line-height:73px;}
.IndexWishes .box1 li .desc{ font-size:20px; line-height:40px; margin-top:12px;}
.IndexWishes .box1 li:nth-of-type(3){ width:100%; margin-top:60px;}
.IndexWishes .box2{ width:456px; height:268px; position:absolute; left: 744px; top: 245px; background:url(../images/about/7.jpg);  border-radius: 24px;}

.IndexMap{width:100%; height:1129px;  padding:100px 0 140px;   background-size:cover; }
.IndexMap .wrapper{ text-align:center;}
.IndexMap .wrapper img{ max-width:100%;height:auto;}
.IndexMap .IndexTitle,.IndexMap .IndexTitle2{ color:#fff;}

.IndexPartners{ width:100%; background:#F4F4F4; padding: 100px 0 120px 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:#FF1136; color:#FF1136;}
.IndexBoatBox li:nth-of-type(7){ margin-right:0;}

.IndexNews{  width:100%; background:#fff; padding:80px 0 80px 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:#f676a6;border-bottom:3px solid #f676a6; }
.mainbox .bd{ padding:10px 20px 0 20px; }

/*关于我们*/
.AboutBox1{height: 340px;background: #FFF4F8 ; padding:48px 544px 0 56px; border-radius: 12px; position:relative; margin:100px auto 168px auto;font-weight: 400;line-height: 24px;}
.AboutBox1 .pic{ position:absolute; top:48px; right:-300px; border-radius:6px 0 0 6px;}
.AboutBox1 .bg{ position:absolute; bottom:0; left:0;}
.AboutBox1 h2{font-weight: 600;font-size: 22px;line-height: 30px; margin-bottom:24px;}
.AboutBox2{ background:url(../images/about/bg2.jpg) center top; padding:36px 0 120px 0; text-align:center; color:#fff;}
.AboutBox2 .title1{font-size: 44px;line-height: 62px; margin-top:64px;font-weight: 400;}
.AboutBox2 .title2{font-size: 20px;line-height: 24px; margin-top:16px;font-weight: 400;}
.AboutBox3{background: #F4F4F4; padding:100px 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: #FF1136;}
.AboutBox3 .hd li.on:before {content:"";  width: 6px; display:block; width: 19px;height: 19px;background: #FF1136; border:5px solid #F4DEE1; 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: 218px;position:relative;}
.AboutBox3 .bd .pic{ width:388px; height:218px; margin-right:48px; float:left;}
.AboutBox3 .bd .title{ width:620px;font-weight: 500;font-size: 22px;color: #FF1136;line-height: 30px; margin-top:40px; float:left;}
.AboutBox3 .bd .desc{ width:620px;font-weight: 400;line-height: 26px; margin-top:12px; float:left;}
.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: #FF1136;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: #FF1136;}
.AboutBox4 .hd li.on:before {content:"";  width:100px; display:block; height: 4px;background: #FF1136;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:#FF1136;}

.AboutBox5{ padding-top:141px; background:url(../images/about/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: 110px;height: 32px; display:inline-block;background: #FFFFFF;border-radius: 24px; margin-top:24px;color: #FF1136; text-align:center; line-height:32px;}
.AboutBox6{ display:none;}

/*产品页面*/
.ProductBanner{ width:100%; background:url(../images/product/bg_header-express.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, #FEEEEF) ;  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: #FF1136;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: #FF1136; 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:#FF1136;}
.expresslist2{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.expresslist2 li{width: 580px;height: 194px;border-radius: 12px;border: 1px solid #FCE0E4; margin-top:40px; padding:24px;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%, #FF1136 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/product/express11.jpg); 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, #FEEEEF) ; 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 94px; background:#fff url(../images/product/express12.jpg) no-repeat; background-size:46px 40px; background-position:24px 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/product/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:#FF1136;}
.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; }


.WarehouseBnner{ background-image:url(../images/warehouse/bg1.jpg);}
.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: #FFE7EA;border-radius: 16px;}

.WarehouseBox2{ background:url(../images/warehouse/bg2.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:80px 64px 0 64px; line-height:24px; background:#fff; color:#333;}

.WarehouseBox3 .wrapper{ text-align:center;}
.WarehouseBox3 .pic1{ margin:64px auto 0 auto;}
.WarehouseBox3 .slidelist{ margin-top:120px;display: flex; justify-content: space-between;  flex-wrap: wrap;}
.WarehouseBox3 .slideBox{ width:374px; position:relative; height:302px;}
.WarehouseBox3 .slideBox .title{ text-align:center;font-weight: 500;font-size: 20px;line-height: 28px;}
.WarehouseBox3 .slideBox .bd{ width:100%; height:250px; margin-top:24px;}
.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: #FF1136; 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 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/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/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;}



/*文章列表页*/
.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 #FF1136; 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:#FF1136;}

.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 #FF1136; color: #FF1136;}


/*文章详情页*/
#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:30px; font-size:16px; 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: #FF1136; border:1px solid #FF1136;}
.article .Content p{   margin:20px 0 0 0;}
.article .Content h1,.article .Content h2{ font-size:22px; margin:25px 0 15px 0; line-height:25px;  border-bottom:1px solid #efefef;padding-bottom:10px; }
.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; padding-bottom:10px; border-bottom:1px solid #efefef; margin:25px 0 15px 0; }
.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 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 li{ width:156px; margin:0 0 0 20px; float:left; height:195px;}*/
.ServiceList li{ width:18%; margin:0 0 0 2.5%; float:left;}
.ServiceList li:first-child{ margin-left:0;}
.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: #FF1136;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: #FF1136; padding:0 10px; margin-left:3px;}
.storeslist li .tag a:hover{color:#fff; background: #FF1136;}

/*底部*/
.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:224px; position:absolute; top:200px; right:0;}
.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.webp); background-size:cover;}
.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:#ff1136;}

.kefu .pic{ position: absolute; top:-90px; right:70px; width:192px; height: 217px; padding:16px 16px 0 16px; background: linear-gradient(#FFEDEF,#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, #FF5EA9 0%, #FF1136 100%); margin-bottom:8px;}
.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:28px; vertical-align:middle;}
.headerfixed{ background: linear-gradient(139deg, #FF5EA9 0%, #FF1136 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:64%; 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 ul{width:100%;}
.nav ul li{width:100%;display:block; padding: 30px 0 0 56px;}
.nav ul li a{ color:#333;  font-weight:500; line-height:32px; height:32px; width:100%; text-align:left; display:block; }
.nav li a,.nav li a:active,.nav li a:visited{color:#333; margin:0; height:22px; }
.nav li a.on, .nav li a:hover{ background:none;color:#333; }
.nav li a .down{ display:inline-block; width:14px; height:12px; vertical-align:middle; background:url(../images/down.png);background-size:contain;  margin:0px 0 0 70px;}
.nav li a .up{background:url(../images/up.png);}
.nav li a.hover:after{ display:none;}
.nav.open { display:block;}
.nav:before { display:none;}
.nav li .nav2 {width: 100%; padding:12px 0 0 0; display: none; position: static; margin: 0; width: 100%; background: none;}
.nav li .nav2:before{ display:none;}
.nav .nav2 li{ margin:0; padding:0; float:left;}
.nav li ul a,.nav li ul a:active,.nav li ul a:visited{margin-top:16px; line-height:22px; height:22px; font-size:14px; font-weight:300; text-align:left;}

.main_title{width:100%; border-bottom:1px solid #F4F4F4; background:#FFF;line-height:40px; height:40px;  }
.main_title a:link,.main_title a:visited,.main_title a:active{color:#434343;}

.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:192px;}
.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:312px; background:url(../images/index/more2.jpg) no-repeat; background-size:18px 18px; background-position:95% 220px;}
.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:320px;}

.IndexWhy{ padding:40px 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:20px 0 0 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;}
.IndexReview .bd{ margin:32px 16px 0 16px; width:auto; }
.IndexReview .bd:before{ width:71px; height:60px; top:-26px; right:20px;}
.IndexReview .bd li{ width:100%;}
.IndexReview .bd li .text{ font-size:20px; line-height:28px; margin:40px 20px 0 20px;}
.IndexReview .bd li .tag{ margin:16px 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:8px 20px 0 20px;}
.IndexReview .hd{ margin-top:24px;}
.IndexMap{ padding:0; height:auto;}
.IndexNews{ padding:40px 0 0 0;background: #F4F4F4;}
.IndexNews .scroll-container{ padding:4px 16px 0 16px;white-space:normal; height:1215px;}
.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; }
.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/product/express25.jpg) 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/bg10.jpg) center top;}
.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;}
.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:32px 20px 40px 20px;}
.WarehouseBox3 .pic1{ width:100%; height:auto; margin:0;}
.WarehouseBox3 .slidelist{ margin-top:20px; display:block;}
.WarehouseBox3 .slideBox{ width:100%; height:auto; margin-top:20px;}
.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 img{ height:28px; margin-bottom:10px;}
.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;}


.main_title {    border-bottom: 1px solid #F4F4F4;    line-height: 30px;    height: 30px;}
.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;}


.AboutBox1{ width:auto; padding:0; margin:24px 16px 40px 16px;background: #FFFFFF;border-radius: 12px; overflow:hidden; height:auto;position:relative; padding-bottom:24px;}
.AboutBox1 .pic{ position:relative; top:0; right:0; width:100%; height:228px;    object-fit: cover; margin-bottom:27px;}
.AboutBox1 h2{ position:absolute; padding:0 24px; display:inline-block; left:0; top:200px; color:#fff;background: linear-gradient( 270deg, #FF5EA9 0%, #FF1136 100%);border-radius: 0px 100px 100px 0px; line-height:40px;font-size: 17px;font-weight: 600;}
.AboutBox1 p{ margin:0 16px;color: #555555; }
.AboutBox2{ padding:20px 0 60px 0; background:url(../images/about/bg3.jpg) top center no-repeat; background-size:cover;}
.AboutBox2 .title1{ margin-top:40px;font-size: 28px;line-height: 40px;}
.AboutBox2 .title2{font-size: 14px;line-height: 20px; margin-top:8px;}
.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 li{ height:400px; }
.AboutBox3 .bd .pic{ width:100%; margin:0; height:200px; float:none;}
.AboutBox3 .bd .title{ width:auto; margin:20px 16px 0 16px; float:none;font-size: 18px;line-height: 25px;}
.AboutBox3 .bd .desc{ width:auto; margin:12px 16px 0 16px; float:none;font-size: 13px;line-height: 24px;}
.AboutBox3 .bd i{ display:none;}
.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:230px; 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:230px; 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 8px 0 8px; border-radius:50%; font-size:0;}
.AboutBox6 .hd li.on{ background: #FF1136; 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;}
}