@media only screen and (max-width:1600px){
	/*1600px*/
	#fulfillment {}
	#fulfillment h2 {font-size:42px;}
	
}
@media only screen and (max-width:1440px){
	/*1440px hmBusiness*/
	.hmBusiness .box, .case .box, .excellentBox, .slideLogo {padding:0 60px;}
	.hmBusiness .item .info, .case .item .info {width:80%;}
	/*1440px hmService*/
	.hmService .left {width:40%;}
	.hmService .info {padding-left:5%;}
	.hmService .right {margin-right:0; display: block; width:55%;}
	/*1440px excellentBox*/
	.excellentBox .prev {left:-6.5%;}
	.excellentBox .next {right:-6.5%;}
	.excellentBox .text p {padding:2% 0;}
	/*1440px slideLogo*/
	.slideLogo .ctxBtn.prev {left:-60px;}
	.slideLogo .ctxBtn.next {right:-60px;}
	/*1440px*/
	#fulfillment h2 {font-size:38px;}
}
@media only screen and (max-width:1280px){
	.inner {width:93.75%;}
	/*1280px banner*/
	.banner {padding-bottom:41.40625%;}
	/*1280px logo*/
	.logo a {width:123px; height: 40px;}
	/*1280px nav*/
	.nav {margin:0 130px;}
	.nav li {padding:23px 25px;}
	/*1280px menu*/
	.menu li {font-size:14px; line-height: 46px;}
	.menu li a {padding:0 20px;}
	/*1280px breadcrumb*/
	.breadcrumb {padding:10px 0;}
	/*1280px footer*/
	.footer dl {padding-right:7%;}
	.footer dt {margin-bottom: 15px;}
	/*1280px boxTitle*/
	.boxTitle .title {font-size:32px;}
	/*1280px culture*/
	.culture h3 {font-size:20px;}
	/*1280px cultureList*/
	.cultureList li h3 {font-size:22px;}
	/*1280px honor*/
	.honor h2 {font-size:32px;}
	/*1280px honorPic*/
	.honorPic h2 {font-size:18px; margin-top:3%;}
	.popup .box {width:60%; margin-left:-30%;}
	/*1280px honorList*/
	.honorList h3 {font-size:32px;}
	/*1280px contact*/
	.contact .text h2 {font-size:26px;}
	.contact .icon {padding-top:2px; padding-bottom: 2px;}
	/*1280px groupIntro*/
	.groupIntro h2 {font-size:32px;}
	/*1280px groupAim*/
	.groupAim .pic {width:47.834%;}
	/*1280px hmTitle*/
	.hmTitle .title, .businessTitle .title, .hmBrands .title {font-size:32px;}
	/*1280px hmBrands */
	.hmBrands .inner {width:93.75%;}
	.hmBrands .brands {width:100%;}
	.hmBrands .brands .img {width:15%; height:auto;}
	/*1280px businessTitle*/
	/*1280px hmAbout*/
	.hmAbout .groupData {padding-right:8%;}
	/*1280px readmore*/
	.readmore {width:150px;}
	.readmore .a {height:38px; line-height: 38px;}
	/*1280px hmBusiness*/
	.hmBusiness .box, .case .box {position:relative;}
	.hmBusiness .owl-carousel, .case .owl-carousel {position:static;}
	.hmBusiness .ctxBtn.prev, .case .ctxBtn.prev {left:0;}
	.hmBusiness .ctxBtn.next, .case .ctxBtn.next {right:0;}
	.hmBusiness .item h3, .case .item h3 {font-size:22px;}
	/*1280px logolist*/
	.logolist h3 {font-size:16px;}
	/*1280px businessAbout*/
	.businessAbout h2 {font-size:26px;}
	.businessAbout h3 {font-size:38px;}
	/*1280px serviceList*/
	.serviceList .num {font-size:50px;}
	.serviceList .info {padding:15% 12%;}
	.serviceList h2 {font-size:22px;}
	/*1280px distribution*/
	.distribution .groupData span {font-size:42px;}
	.distribution .groupData .yi {font-size:26px;}
	/*1280px digitalTop*/
	.digitalTop {font-size:28px;}
	.digitalTop h2 {font-size:42px;}
	/*1280px serviceAbout*/
	.serviceAbout h2 {font-size:32px;}
	/*1280px advantage*/
	.advantage .top {font-size:16px; line-height: 1.875em;}
	.advantage h3 {font-size:32px;}
	/*1280px cooperation*/
	.cooperation {font-size:28px;}
	.cooperation h2 {font-size:48px;}
	/*1280px excellent*/
	.excellent .title h2 {font-size:16px;}
	.excellent .title h3 {font-size:32px;}
	/*1280px excellentBox*/
	.excellentBox #excellent {position:static;}
	.excellentBox .ctxBtn.prev {left:0;}
	.excellentBox .ctxBtn.next {right:0;}
	.excellentBox .text {line-height: 2em;}
	/*1280px imported*/
	.imported h2 {font-size:22px;}
	.imported h3 {font-size:42px;}
	.imported .info {font-size:26px;}
	/*1280px sixAdvant*/
	.sixAdvant h3 {font-size:20px;}
	/*1280px global*/
	.global .td {font-size:20px;}
	.global .td span {font-size:32px;}
	
	/*1280px mode*/
	.mode .info {padding-left:10%; padding-right:10%;}
	/*1280px delivery*/
	.delivery h2 {font-size:32px;}
	.delivery h3 {font-size:42px;}
	/*1280px*/
	.overseas h2 {font-size:32px;}
	.overseas .intro {font-size:18px;}
	/*1280px*/
	#fulfillment h2 {font-size:32px;}
}
@media only screen and (max-width:1024px){
	/*1024px schBtn*/
	.schBtn {padding-right:20px;float: left;}
	/*1024px nav*/
	.navBtn {display: block;}
	.nav {margin:0; position:fixed; left:-100%; top:0; width:100%; height:100%; background-color:rgba(0,64,153,.95); z-index:7; transition:left .3s; padding-top:70px;}
	.nav.open {left:0;}
	.nav .navBox {height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.nav ul {float:none; border-top:1px solid rgba(255,255,255,.2); margin-bottom:0px;}
	.nav li {float:none;border-bottom:1px solid rgba(255,255,255,.3); line-height:45px; position:relative;padding:0;}
	.nav li a {padding:0 3.125%; color:#fff; display:block;}
	.nav li a:hover, .nav li.on a, .nav li.cur a { font-weight: normal;}
	.nav li.on {background-color:transparent;font-weight: normal;}
	.nav li ul {margin-bottom:0; position:static; left:auto; top:auto; display:none; transform: none; text-align:left; border-top:none;}
	.nav li li {display:block; padding:0; border-bottom:none;border-top:1px solid rgba(255,255,255,.3); font-size:14px;}
	.nav li li a {text-indent:2em;}
	.nav li em {display:block; position:absolute; top:0; right:0; height:45px; width:45px; padding-right:3.125%;}
	.nav li em:after {content:''; display:block; width:9px; height:9px; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; left:50%; top:50%; transform:rotate(-45deg); margin:-5px 0 0 -6.5px; transition:all .3s;}
	.nav li em.open:after {transform:rotate(45deg); margin:-6px 0 0 -6px;}
	.other{right: 0;width: 150px;}
	.nav ul{margin-right: 0;margin-bottom: 0;}
	.nav .compaybox{position: relative;top: 0;right: 0;font-size: 16px;padding: 0 3.125%;border-bottom:1px solid rgba(255,255,255,.3);}
	.nav .compaybox .heada{height: 45px;width: 100%;position: relative;background: none;line-height: 45px;}
	.nav .compaybox .heada::before{content: "";transform: rotate(-45deg);top: 22px;margin: -5px 0 0 -6.5px;transition: all .3s; position: absolute;right: 28px;height: 9px;width: 9px;border-right: 1px solid white;border-bottom: 1px solid white;}
	.nav .compaybox .heada.ona::before{transform: rotate(45deg);}
	.nav .compaybox dl{width: 100%;left: 0;background:none;padding: 0;}
	.nav .compaybox dl dd{height: 45px;line-height: 45px;text-indent: 2em;border-bottom: 1px solid rgba(255,255,255,.3);}
	/*1024px bar*/
	.bar {background-color:transparent; border-bottom:none;}
	.bar .inner {width:auto;}
	/*1024px breadcrumb*/	
	.breadcrumb {float:none; padding:0.976% 3.125%; background-color:#fff; border-bottom:1px solid #eee;}
	/*1024px menu*/
	.menu {margin:3.125%; position:relative;}
	.menu span {display: block; background-color: #004099; color:#fff; padding:5px 10px; font-size:14px;cursor: pointer; position:relative;}
	.menu span:after {width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); content:''; display: block; position:absolute; right:10px; top:50%; margin-top:-6px;}
	.menu ul {display:none; background-color: #f9f9f9;}
	.menu ul.open {display: block;}
	.menu li {float:none; line-height: 32px;}
	.menu .cur {display: none;}
	.menu li a {background-color:#f9f9f9; padding:5px 10px;}
	/*1024px footer*/
	.footer .btm {display: block;}
	.footer .td {display: block;}
	.footer .line {padding:10px 0;}
	.footer .line i {width:auto; margin-left:0;}
	.footer .left {display: none;}
	.footer .right {float:none;}
	.footer .top {margin-bottom: 0;}
	/*1024px pagesList*/
	.pagesList {width:auto;}
	.pagesList ul {font-size:0; line-height: normal; text-align:center;}
	.pagesList li {display: inline-block; padding:0 10px; float:none; font-size:14px; line-height: 24px;}
	.pagesList li:after {right:-0.5px;}
	.pagesList li:last-child {padding:0 10px;}
	/*1024px copyright*/
	.copyright {width:auto; text-align:center;}
	/*1024px WeChat*/
	.WeChat {width:100px; float:none; margin:0 auto 15px;}
	.WeChat p {margin-bottom: 0;}
	/*1024px social*/
	.social {float:none; margin-bottom: 15px;}
	.social ul {font-size:0; line-height: normal; text-align:center;}
	.social li {display: inline-block; margin:0 10px;}
	.social .qrcode {right:50%; top:auto; bottom:100%; margin-right:0; margin-bottom:15px; transform:translateX(50%);}
	.social .qrcode:after {top:auto; bottom:-5px; margin-top:0; right:50%; margin-right:-5px; transform:rotate(135deg);}
	/*1024px boxTitle*/
	.boxTitle .title {font-size:28px;}
	/*1024px culture*/
	.culture .top {width:40%;}
	/*1024px cultureDetails*/
	.cultureDetails {padding-top:3.125%;}
	/*1024px submenu*/
	.submenu a {height:40px; line-height: 40px; border-radius: 20px; width:150px;}
	/*1024px jobFilter*/
	.jobFilter .submit {height: 50px; line-height: 50px;}
	.jobFilter select {height: 50px;}
	/*1024px jobSearch*/
	.jobSearch .text {padding-top: 11px; padding-bottom: 11px;}
	.jobSearch .btn {height: 50px;}
	/*1024px recruit*/
	.recruit {padding-top:2%;}
	/*1024px newsList*/
	.newsList {padding:4% 0 8%;}
	/*1024px newsDetails*/
	.newsDetails {padding:3% 0 8%;}
	.newsDetails .title {font-size: 22px;}
	/*1024px entry*/
	.entry h3 {font-size:30px;}
	.entry h3:after {margin-bottom: 0; margin-left:6px;}
	/*1024px back*/
	.back a {width:150px; height: 40px; line-height: 40px;}
	/*1024px teamItem*/
	.teamItem .photo {width:200px;}
	.teamItem .info {margin-right:200px; padding:1.5% 2.5%;}
	.teamItem h2 {font-size:20px;}
	.teamItem h3 {font-size:16px;}
	.teamItem .intro {font-size:14px; line-height: 1.75em;}
	/*1024px history*/
	.history {padding:3% 0 8%;}
	.history .left {float:none; width:auto; margin-bottom:3.5%;}
	.history .left h2 {font-size:24px; width:auto; padding-bottom:2%;}
	.history .right {float:none; width:auto;}
	.history .box {margin:0 3%;}
	.history .line {top:20px;}
	.history .item {margin-bottom: 3.5%;}
	.history .item:before {top:15px;}
	.history .item h3 {font-size:24px; margin-bottom: 2%; padding-left:5%;}
	.history .item i:after {top:16.5px;}
	.history .item li {line-height: 1.75em; padding-left:5%;}
	.history .item li:before {top:17.5px;}
	/*1024px honor*/
	.honor {padding:3% 0 6%;}
	.honor .left {width:25%;}
	.honor h2 {font-size:26px;}
	.honor .right {width:74%;}
	.honor .list p {font-size: 16px;}
	.honor .more a {height:40px; line-height: 40px;}
	.honor .more i {padding-right:25px;}
	/*1024px honorPic*/
	.honorPic {padding-bottom:3%;}
	.honorPic h2 {font-size:16px;}
	/*1024px honorList*/
	.honorList .item {margin:0 3.5%;}
	.honorList .item:before, .honorList .item:after {top:12px;}
	.honorList h3 {font-size:28px;}
	/*1024px contact*/
	.contact .area li {font-size:16px;}
	/*1024px contact*/
	.contact {padding:3% 0 10%;}
	.contact .text h2 {font-size:22px;}
	.contact .icon {width:30px;}
	/*1024px group*/
	.group {padding:3% 0 10%;}
	/*1024px groupIntro*/
	.groupIntro h2 {font-size:26px;}
	.groupIntro .intro {line-height: 2em;}
	.groupIntro .pic {width:44%;}
	/*1024px groupData*/
	.groupData .counter {font-size:42px;}
	.groupData span {font-size:28px;}
	/*1024px groupText*/
	.groupText {line-height: 2em;}
	.groupText h3 {font-size:18px;}
	/*1024px groupAim*/
	.groupAim .text {line-height: 2em; padding-top:1%; padding-bottom: 1%;}
	.groupAim .text p {padding:1.5% 0;}
	/*1024px singlePage*/
	.singlePage {font-size:16px; line-height: 1.75em; padding:3% 0 10%;}
	/*1024px hmTitle*/
	.hmTitle .title, .businessTitle .title, .hmBrands .title {font-size:26px;}
	/*1024px businessTitle*/
	/*1024px hmAbout*/
	.hmAbout .videoBox {width:50%;}
	.hmAbout .text {padding-left:4%;}
	.hmAbout .groupData {padding-right:3%;}
	/*1024px readmore*/
	.readmore {width:130px;}
	.readmore .a {height:33px; line-height: 33px; font-size:14px;}
	/*1024px hmBusiness*/
	.hmBusiness .item h3, .case .item h3 {font-size:18px;} 
	/*1024px hmNews*/
	.hmNews .left .btn {margin-bottom: 43%;}
	/*1024px logolist*/
	.logolist {width:103%;}
	.logolist.four .item {width:22%; padding-right:3%;}

	.logolist.five {width: 102%;}
	.logolist.five .item {width:18%; padding-right: 2%;}
	/*1024px businessAbout*/
	.businessAbout {padding-top: 3%;}
	.businessAbout h2 {font-size:22px;}
	.businessAbout h3 {font-size:30px;}
	/*1024px serviceList*/
	.serviceList .num {font-size:40px;}
	.serviceList h2 {font-size:20px;}
	/*1024px distribution*/
	.distribution .groupData span {font-size:36px;}
	.distribution .groupData .yi {font-size:22px;}
	/*1024px manage*/
	.manage .icon {border-width:4px;}
	.manage .text h3 {font-size:20px;}
	/*1024px digitalTop*/
	.digitalTop {padding-top:6%;font-size:22px;}
	.digitalTop h2 {font-size:36px;}
	/*1024px serviceAbout*/
	.serviceAbout h2 {font-size:26px;}
	.serviceAbout .pic {width:55%;}
	/*1024px advantage*/
	.digitalTop canvas {position:fixed;}
	.advantage h3 {font-size:26px;}
	/*1024px cooperation*/
	.cooperation {font-size:22px;}
	.cooperation h2 {font-size:38px;}
	/*1024px excellent*/
	.excellent .title h2 {font-size:14px;}
	.excellent .title h3 {font-size:26px;}	
	.excellent .data .counter {font-size:32px;}
	.excellent .data span {font-size:18px;}
	/*1024px excellentBox*/
	.excellentBox .text {line-height: 1.75em;}
	/*1024px imported*/
	.imported h2 {font-size:20px;}
	.imported h3 {font-size:36px;}
	.imported .info {font-size:22px;}
	.imported .btn a {height:40px; line-height: 40px; width:150px; font-size:14px;}
	/*1024px sixAdvant*/
	.sixAdvant h3 {font-size:18px;}
	.sixAdvant p {font-size:14px;}
	/*1024px global*/
	.global .box {width:100%;}
	.global .td {font-size:18px;}
	.global .td span {font-size:28px;}
	
	/*1024px mode*/
	.mode .info h3 {font-size:16px;}
	.mode .info p {font-size:14px;}
	/*1024px slideLogo*/
	.slideLogo h3 {font-size:20px;}
	/*1024px logistics*/
	.logistics li .tag {font-size:16px;}
	.logistics li p {font-size:14px;}
	/*1024px delivery*/
	.delivery h2 {font-size:26px;}
	.delivery h3 {font-size:36px;}
	/*1024px*/
	.overseas h2 {font-size:26px;}
	.overseas .intro {font-size:16px;}
	/*1024px*/
	#fulfillment h2 {font-size:26px;}
}
@media only screen and (max-width:960px){
	/*960px newsList*/
	.newsList li .date {top:15%; left:7%;}
	.newsList li .info {padding:10% 7%;}
	.newsList li p {margin-bottom: 10%;}
	/*960px hmBusiness*/
	.hmBusiness .load, .case .load {padding-bottom: 58.077%;}
	/*960px hmNews*/
	.hmNews .left {width: 34%;}
	.hmNews .right {width:66%;}
	/*960px delivery*/
	.delivery h2 {font-size:20px;}
	.delivery h3 {font-size:30px;}
}
@media only screen and (max-width:768px){
	/*768px logo*/
	.logo {padding:12px 0;}
	.logo a {width:92px; height: 30px;}
	/*768px schBtn*/
	.schBtn {padding-right:10px;}
	.search {width:98%; padding:1%;}
	.search .text {width:95%; padding:5px 2.5%;}
	/*768px nav*/
	.navBtn {padding-left:10px;}
	.nav {padding-top:54px;}
	/* .nav ul {margin-bottom:54px;} */
	/*768px menu*/
	.menu {margin-top:5%; margin-bottom:5%;}
	/*768px footer*/
	.footer {padding:5% 0;}
	.footer .line {padding:5px 0;}
	/*768px backtop*/
	.backtop {display: none;}
	/*768px social*/
	.WeChat, .social {margin-bottom: 10px;}
	/*768px boxTitle*/
	.boxTitle {margin-bottom: 3.5%;}
	.boxTitle .title {font-size:20px;}
	/*768px culture*/
	.culture li:after {margin-top:35.772%;}
	.culture .top {width:60%;}
	.culture h3 {font-size:16px;}
	.culture p {font-size:12px;}
	/*768px cultureList*/
	.cultureList li h3 {font-size:18px;}
	/*768px cultureDetails*/
	.cultureDetails {padding:5% 0 10%;}
	.culturePic .text {font-size:14px;}
	/*768px recruit*/
	.recruit {padding-bottom:10%;}
	/*768px submenu*/
	.submenu ul {font-size:0; line-height: normal; text-align:center;}
	.submenu li {float:none; display: inline-block; padding:0 2%;}
	.submenu a {height:32px; line-height: 32px; width:110px; font-size:14px;}
	/*768px breadcrumb*/
	.breadcrumb {font-size: 12px;}
	.breadcrumb .box {background-position:left 6px; padding-left:10px;}
	.breadcrumb a {padding:0 13px 0 5px;}
	/*768px jobFilter*/
	.jobFilter select {height:40px; font-size: 14px;}
	.jobFilter .submit {height: 40px; line-height: 40px; font-size:14px;}
	/*768px jobSearch*/
	.jobSearch .input {margin-right:45px;}
	.jobSearch .text {padding-top:6px; padding-bottom:6px; font-size:14px;}
	.jobSearch .btn {width:45px; height: 40px; background-size:auto 15px;}
	/*768px jobTop*/
	.jobTop {padding:2% 0; font-size:14px; line-height: 1.65em;}
	/*768px jobItem*/
	.jobItem .jobBtm {line-height: 1.75em;}
	.jobItem h3 {padding-left:20px;}
	.jobItem .mail {font-size: 14px;}
	/*768px pagenavi*/
	.pagenavi a {height:32px; line-height: 32px; margin:0 2%;}
	.pagenavi .a_prev, .pagenavi .a_next {height:30px;width: 30px;}
	/*768px newsList*/
	.newsList {padding-bottom: 10%;}
	.newsList ul {width:103%;}
	.newsList li {width:47%; padding-right: 3%; padding-bottom: 3%;}
	.newsList li .pic, .newsList li span {opacity: 1;}
	.newsList li .pic:after {display: none;}
	.newsList li .date {color:#1eb9ef; top:12%;}
	.newsList li .date i {font-size:24px;}
	.newsList li a:hover {color:#666; border-color:#e5e5e5;}
	.newsList li a:hover .info {background-color: transparent;}
	.newsList li a:hover h2 { font-weight: normal;}
	.newsList li a:hover p {color:#bfbfbf;}
	/*768px postnavi*/
	.postnavi {font-size:14px;}
	.postnavi span {width:47px; padding-right:15px;}
	.postnavi a {margin-left:62px; padding-left:15px;}
	/*768px newsDetails*/
	.newsDetails {padding:2.5% 0 10%;}
	.newsDetails .title {font-size:18px;}
	/*768px entry*/
	.entry {line-height: 1.75em;}
	.entry h3 {font-size:24px;}
	.entry h4 {font-size:16px;}
	/*768px back*/
	.back a {width:110px; height: 32px; line-height: 32px; font-size: 14px;}
	/*768px ctxBtn*/
	.ctxBtn {width:24px; height:24px; margin-top:-12px;}
	.ctxBtn.prev {left:-30%;}
	.ctxBtn.next {right:-30%;}
	/*768px teamItem*/
	.teamItem {padding:5%;}
	.teamItem .photo {width:200px; float:none; margin:0 auto 3.5%;padding-right: 100px;}
	.teamItem .info {margin-right:0; padding:0;}
	.teamItem .title {text-align: center;}
	
	/*768px history*/
	.history {padding-top:0;}
	.history .left {margin-bottom: 5%;}
	.history .left h2 {font-size: 20px; padding-bottom:3%;}
	.history .left h2:after {width:40px; height: 2px;}
	.history .box {max-height: 768px;}
	.history .line {top:15px;}
	.history .item:before {top:10px;}
	.history .item h3 {font-size:18px;}
	.history .item i:after {top:12.5px;}
	.history .item li {font-size:14px; padding-top:2px; padding-bottom: 2px;}
	.history .item li:before {top:12.5px;}
	.history .item li p {margin-left:65px;}
	/*768px honor*/
	.honor .left {float: none; width:auto; margin-bottom:5%;}
	.honor h2 {font-size:20px; padding-left:12px;}
	.honor .right {float:none; width:auto;}
	.honor .blank {display:none;}
	.honor ul {width:104%;}
	.honor .list {width:46%; padding-right:4%; padding-bottom:4%;}
	.honor .list a {padding-left:5%; padding-right:5%;}
	.honor .list p {font-size:14px;}
	.honor .more {clear:none; float:left;width:46%; padding-right:4%; padding-bottom:4%;}
	.honor .more i {display:inline-block;}
	.honor .more a {width:80%; margin:30% auto 0; padding:0 10px; text-align:center;height:35px; line-height: 35px; font-size:14px;}
	.honorPic {padding-left:30px; padding-right:30px;}
	.honorPic .ctxBtn {width:23px; padding-bottom: 23px;}
	.honorPic .prev {left:-27px;}
	.honorPic .next {right:-27px;}
	/*768px popup*/
	.popup .box {width:90%; margin-left:-45%;}
	.popup .close {width:15px; height:15px; left:auto; right:0; top:auto; bottom:100%; margin-bottom:5px; margin-left:0;}
	/*768px honorList*/
	.honorList {padding:8% 0 10%;}
	.honorList .box {padding:0 37px;}
	.honorList .owl-item {height:0;}
	.honorList .active {height:auto;}
	.honorList .ctxBtn {width:35px; height:35px; bottom:-17px;}
	.honorList .item {margin:0 10%;}
	.honorList h3 {font-size:24px; margin-bottom: 3.5%;}
	.honorList li {font-size:14px; line-height: 1.6em;}
	/*768px contact*/
	.contact .area li {font-size:14px;}
	.contact .top {font-size:14px; padding:8% 3.125%;}
	.contact .top span {background-position:left 4px; padding-left:20px;}
	.contact .btm {padding-bottom: 55%;}
	.contact .info {overflow: hidden; display: table; width:100%;table-layout: fixed;}
	.contact .item {padding:0; display: table-cell;}
	.contact .wx {width:125px;}
	.contact .icon {width:20px; padding-right:5px;} 
	.contact .text h2 {font-size:16px; margin-bottom: 5px;}
	.contact .text p {font-size:14px; line-height: 1.75em; padding:1px 0;}
	.contact .qrcode {padding:4px; width:90px; margin-top:5px;}
	/*768px groupIntro*/
	.groupIntro .text {float:none; width:auto;}
	.groupIntro h2 {font-size:20px; padding-bottom: 2.5%;}
	.groupIntro .intro { font-size:14px; line-height: 1.75em;}
	.groupIntro .intro p {margin-top:2%;}
	.groupIntro .pic {float:none; width:auto; margin-top:3.5%;}
	/*768px groupData*/
	.groupData .box {padding:0 2%;}
	.groupData .data {display: block; text-align:center; font-size:12px;}
	.groupData .first {width:23.9%;}
	.groupData .second {width:33.9%;}
	.groupData .third {width:19.3%;}
	.groupData .last {width:22.9%;}
	.groupData .counter {font-size:24px;}
	.groupData span, .groupData .yi {font-size:14px;}
	/*768px groupText*/
	.groupText {line-height: 1.75em; font-size:14px;}
	.groupText h3 {font-size:16px;}
	/*768px groupAim*/
	.groupAim {display: block; width:auto;}
	.groupAim .text {display: block; line-height: 1.75em; font-size:14px; padding:2.5% 3.5%;}
	.groupAim .text p {padding:1.5% 0;}
	.groupAim .pic {display: block; width:auto;}
	/*768px singlePage*/
	.singlePage {font-size:14px;}
	/*768px hmSlides*/
	.hmSlides .ctxBtn {left:auto; right:auto;}
	.hmSlides .owl-page {padding:0 15px; font-size:12px; line-height: 24px;}
	.hmSlides .owl-page .cur {font-size:16px; margin-right:5px;}
	/*768px hmTitle*/
	.hmTitle, .businessTitle { margin-bottom: 5%;}
	.hmTitle .title, .businessTitle .title, .hmBrands .title {font-size:18px;}
	/*768px businessTitle*/
	.businessTitle .intro {font-size:14px;}
	/*768px hmAbout*/
	.hmAbout {padding:7% 0;}
	.hmAbout .hmTitle {margin-bottom: 2%;}
	.hmAbout .top, .hmAbout .videoBox {display: block; width:auto;}
	.hmAbout .text {display: block; width:auto; padding-left:0; margin-top:5%; line-height: 1.75em;}	
	.hmAbout .btm {display: block; width:auto;}
	.hmAbout .groupData {display: block; padding:0; margin-bottom: 5%;}
	.hmAbout .groupData .box {padding:0 2px;}
	.hmAbout .readmore {display: block; margin:0 auto;}
	/*768px readmore*/
	.readmore {width:110px;}
	.readmore .a {font-size:12px; height:30px;line-height: 30px;}
	/*768px hmBusiness*/
	.hmBusiness, .case {padding:7% 0;}
	.hmBusiness .ctxBtn.prev, .case .ctxBtn.prev {left:10px;}
	.hmBusiness .ctxBtn.next, .case .ctxBtn.prev {right:10px;}
	.hmBusiness .item h3, .case .item h3 {font-size:16px;}
	.hmBusiness .active a:hover .info {bottom:55%;}
	.hmBusiness .item .info, .case .item .info {left:5%; width:90%;}
	.hmBusiness .item .readmore {left:5%;}
	.hmBusiness .item .intro {width:90%;}
	/*768px hmService*/
	.hmService {padding:7% 0;}
	.hmService .left {float:none; width:auto; overflow:hidden;}
	.hmService .item {width:94%; padding:5% 3%;background-color: #f9f9f9; margin-bottom:3.5%; border-radius: 2px;}
	.hmService .icon {width:35px;}
	.hmService .info {line-height: 1.5em;}
	.hmService .info h3 {font-size:16px;}
	.hmService .info p {margin-top:5px; display: block;}

	.hmService .cur {background-color: #f9f9f9; color:#666;box-shadow:none;}
	.hmService .cur h3 {font-weight: normal;}
	.hmService .cur .icon i {background-position:0 0;}
	.hmService .right {float:none; width:auto; clear:both;}
	/*768px hmBrands*/
	.hmBrands .inner {width:93.75%;}
	.hmBrands .brands {width:100%;}
	.hmBrands .brands .img {width:30%; height:auto;}
	/*768px hmNews*/
	.hmNews {padding:7% 0;}
	.hmNews .left {float:none; width:auto; padding-bottom: 0;}
	.hmNews .left .hmTitle {text-align:center; margin-bottom: 5%;}
	.hmNews .left .btn {margin-bottom:0;}
	.hmNews .left .ctxBtn {position:absolute;top:50%;transform:translateY(-50%); margin:0;}
	.hmNews .left .prev {left:0;}
	.hmNews .left .next {right:0;}
	.hmNews .right {float:none; width:auto; padding:0 45px;}
	.hmNews .right a {width:98%; margin:0 auto;}
	.hmNews .readmore {position:static; left:auto; bottom:auto; margin:5% auto 0;}

	.hmNews .right .date {left:7%; top:12%;}
	.hmNews .right .date i {font-size:24px;}
	.hmNews .right .info {padding:5% 5% 8%;}
	.hmNews .right .pic, .hmNews .right span {opacity: 1;}
	.hmNews .right p {margin-bottom: 5%;}
	.hmNews .right a:hover, .hmNews .right a:hover .date {color:#fff;}
	.hmNews .right a:hover h3 {font-weight: normal;}
	.hmNews .right a:hover .info {background-color: transparent;}
	/*768px logolist*/
	.logolist, .logolist.five {width:105%;}
	.logolist.four .item, .logolist.five .item {width:45%; padding-right:5%; padding-bottom:5%;}
	.logolist h3 {font-size:14px; padding-top:2.5%; padding-bottom: 2.5%; margin-bottom: 20px;}
	.logolist h3:after {border-width:5px; margin-left:-5px;}

	/*768px businessAbout*/
	.businessAbout .inner {display: block;}
	.businessAbout .text {width:auto; display: block; padding-right:0; margin-bottom: 3.5%;}
	.businessAbout h2 {font-size:18px;}
	.businessAbout h3 {font-size:22px; margin-bottom: 2%;}
	.businessAbout .pic {width: auto; display: block;}
	/*768px serviceList*/
	.serviceList ul {width: auto;}
	.serviceList li {width:auto; float:none;}
	.serviceList .num {font-size:30px; margin-bottom: 5%;}
	.serviceList h2 {font-size:18px; margin-bottom: 3.5%;}
	.serviceList .text {font-size: 14px;}
	.serviceList .text p {background-size:12px auto; background-position:left 11px; padding:2px 0 2px 18px;}
	.serviceList .info {padding:5%;}
	.serviceList .info:hover {background-color: transparent;}
	.serviceList .info:hover .num {color:rgba(255,255,255,.1);}
	.serviceList .info:hover h2, .serviceList .info:hover .text {color:#fff;}
	/*768px distribution*/
	.distribution {padding:7% 0;}
	.distribution .groupData {padding:0;}
	.distribution .groupData span {font-size:24px;}
	.distribution .groupData .yi {font-size:16px;}
	/*768px manage*/
	.manage .icon {border-width:3px;}
	.manage .text h3 {font-size:18px;}
	.manage .list {font-size:14px; line-height: 1.75em; min-height: 7em;}
	.manage .text p:before {top:11px;}
	/*768px digitalTop*/
	.digitalTop {padding:5% 0 11%;font-size:18px;}
	.digitalTop h2 {font-size:30px;}
	/*768px serviceAbout*/
	.serviceAbout {padding:8% 0;}
	.serviceAbout .inner {display: block;}
	.serviceAbout .text {display: block; padding-right:0; text-align:center; margin-bottom:2.5%;}
	.serviceAbout h2 {font-size:18px; padding-bottom: 3.5%; margin-bottom: 3%;}
	.serviceAbout h2:after {left:50%; width:15%; margin-left:-7.5%;}
	.serviceAbout .intro {font-size:14px; line-height: 1.75em;}
	.serviceAbout .pic {width:55%;}
	/*768px advantage*/
	.advantage {padding:8% 0;}
	.advantage .box {border-radius: 15px;}
	.advantage .top {font-size:14px; line-height: 1.75em;}
	.advantage h3 {font-size:20px;}
	.advantage ul {width:auto;}
	.advantage li {float:none; width:auto; padding-right:0;}
	/*768px cooperation*/
	.cooperation {font-size:14px; padding:8% 0;}
	.cooperation h2 {font-size:22px;}
	/*768px excellent*/
	.excellent {padding:8% 0;}
	.excellent .title h3 {font-size:20px;}
	.excellent .data li, .excellent .data li:first-child, .excellent .data li:last-child {width:25%; text-align:center; padding:2% 0;}
	.excellent .data .box {text-align:center;}
	.excellent .data .counter {font-size:22px;}
	.excellent .data span {font-size:14px;}
	/*768px excellentBox*/
	.excellentBox {padding:0;}
	.excellentBox .item {display: block;}
	.excellentBox .picBox {display: block; width:auto;}
	.excellentBox .text {display: block; width:auto; padding:0; margin-top:3.5%; font-size:14px;}
	.excellentBox .text p {padding:1% 0;font-size:14px!important;}
	.excellentBox .ctxBtn {background-color: #fff;}
	/*768px imported*/
	.imported .inner {padding-top:5%;}
	.imported h2 {font-size:16px;}
	.imported h3 {font-size:24px;}
	.imported .info {font-size:16px;}
	.imported .btn a {height:32px; line-height: 32px; width:120px; font-size:12px;}
	/*768px sixAdvant*/
	.sixAdvant {padding:8% 0 5%;}
	.sixAdvant h3 {font-size:16px;}
	.sixAdvant ul {width: 105%;}
	.sixAdvant li {width:45%; padding-right:5%; padding-bottom: 5%;}
	.sixAdvant .icon {width:20%; padding-bottom: 20%;}
	/*768px global*/
	.global {padding:8% 0;}
	.global .td {font-size:12px;}
	.global .td span {font-size:16px;}
	.global .mid:before, .global .mid:after {width:4px; height:4px; margin-top:-2px;}
	.global .mid:before {left:1%;}
	.global .mid:after {right:1%;}
	/*768px chainIntro*/
	.chainIntro {padding:8% 0;}
	.chainIntro .title {padding-bottom: 3.5%; margin-bottom: 3%;}
	.chainIntro .title:after {left:50%; width:15%; margin-left:-7.5%;}
	.chainIntro .intro {line-height: 1.75em;}
	/*768px mode*/
	.mode {padding:8% 0;}
	.mode li {width:48%;}
	.mode .info {padding-top:20%;}
	.mode .icon {width:19.86%; padding-bottom:19.86%; margin-bottom:-9.93%;}
	.mode .btm {padding:10%;}
	.mode .btm i {width:9.221%; padding-bottom: 9.221%;}
	/*768px slideLogo*/
	.slideLogo {padding:0 35px;}
	.slideLogo h3 {font-size:16px;}
	.slideLogo .ctxBtn.prev {left:-35px;}
	.slideLogo .ctxBtn.next {right:-35px;}

	/*768px logistics*/
	.logistics {padding:8% 0 6%;}
	.logistics ul {width:105%;}
	.logistics li {width:45%; padding-right:5%; padding-bottom: 5%;}
	.logistics li .info {padding-top:8%; padding-bottom:5%;}
	/*768px delivery*/
	.delivery {padding:8% 0 4%;}
	.delivery .item, .delivery .pic {display: block; width:auto; margin-bottom: 3.5%;}
	.delivery .info {display: block; width:auto; padding-left:0; font-size:14px;}
	.delivery .item:nth-child(2n) .info {padding-right:0;}
	.delivery h2 {font-size:16px;}
	.delivery h3 {font-size:24px;}
	/*768px foreign*/
	.foreign {padding:8% 0;}
	.foreign .title:after {width:15%; margin-left:-7.5%;}
	.foreign h3 {font-size:14px;}
	/*768px domestic*/
	.domestic {padding:8% 0;}
	.domestic .left {float:none; width:auto; padding-top:0; margin-bottom:5%;}
	.domestic .right {float:none; width:auto;}
	.domestic .item {margin-right:10px; padding-bottom:5%; margin-bottom:5%;}
	.domestic .top {padding:0 5%;}
	.domestic .meta {margin-bottom: 3.5%; font-size:14px; line-height: 1.75em;}
	/*768px crossBorder*/
	.crossBorder {padding:8% 0;}
	/*768px*/
	.overseas h2 {font-size:20px;}
	.overseas .intro,
	.overseas .content {font-size:14px;}
	/*768px*/
	#core,
	#joint,
	#operation,
	#local {padding:7% 0 8%;}
	/*768px*/

	#fulfillment h2 {font-size:18px;}
	#fulfillment .text {margin-bottom:0;}
	#fulfillment .intro {margin-bottom:2.5%;}
	/*768px*/
	#leadToCash,
	#ecoSystem {padding:7% 0;}
}
@media only screen and (max-width:540px){
	/*540px cultureList*/
	.cultureList ul {width:auto;}
	.cultureList li {width:auto; padding-right:0; float:none;}
	.cultureList li h3, .cultureList li .pic {margin-bottom: 10px;}
	.cultureList li .excerpt {margin-bottom: 10px; line-height: 1.75em; height:auto;}
	.cultureList li a {padding:15px;}
	.cultureList li a:hover {background-color:#fff; border-color:1px solid #e5e5e5; color:#666;}
	/*540px hmBusiness*/
	.hmBusiness .load, .case .load {padding-bottom: 119.171%;}
	/*540px manage*/
	.manage .box {width:auto;}
	.manage .item {float:none; width:auto; padding-right:0;}
	.manage .icon {width:18%; padding-bottom: 18%; margin-bottom: -9%;}
	.manage .text {padding:15% 1% 5%;}
	.manage .list {min-height: 0;}
	/*540px sixAdvant*/
	.sixAdvant ul {width: auto;}
	.sixAdvant li {width:auto; float:none; padding-right:0;}
	.sixAdvant .icon {width:14%; padding-bottom: 14%; margin-bottom:-7%;}
	.sixAdvant .info {padding:10% 8% 7%;}
	.sixAdvant p {min-height: 0;}
	.sixAdvant .bg {width:20.9%; padding-bottom: 20.9%;}
	/*540px mode*/
	.mode ul {width:auto;}
	.mode li {width:auto; padding-right:0; float:none; padding-bottom: 5%;}	
	.mode .icon {width:13.83%; padding-bottom:13.83%; margin-bottom: -6.915%;}
	.mode .info {padding-top:10%; padding-bottom:5%;}
	.mode .info h3 {margin-bottom: 1.5%;}
	.mode .info p {min-height: 0;}
	.mode .btm {padding:5%;}
	.mode .btm i {width:26px; padding-bottom:26px; margin-bottom: 3.5%;}
	/*540px logistics*/
	.logistics ul {width:auto;}
	.logistics li {float:none; width:auto; padding-right:0;}
	.logistics li .info {padding:5% 8%;}
	.logistics li .tag {font-size:14px; left:8%; width:84%;}
	.logistics li .tag i {width:30px; padding-bottom: 30px; margin-bottom: 1%;}
	.logistics li p {margin-bottom:2%;}
	/*540px foreign*/
	.foreign .list {width:auto;}
	.foreign .item {float:none; width:auto; padding-right:0;}
	.foreign ul {width:101%;}
}

/*20210331*/
@media(max-width:768px){
	.groupData .counter{font-size:18px;}
}