.qudao-intro {
 
    
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    flex-wrap: wrap;
    margin: 20px auto;
    max-width: 1200px;
    
    

}

.qudao-intro.jiage {
 
        flex-direction: column;
    
    

}

.qudao-intro-content {

    flex: 1 1 300px;

    display: flex;

    flex-direction: column;

    justify-content: center;
    padding: 15px;
}

.qudao-intro-content.ddd dl dt{ background:#c00000; color:#fff; text-align:center; float:left; width:10%; line-height:4;}
.qudao-intro-content.ddd dl dd{ background:#ffffff; color:#000000; text-align:center; float:left; width:30%; border-bottom:1px solid #ededed; border-right:1px solid #ededed; line-height:4;}
.qudao-intro-content.ddd dl.fr dd{ background:#000000; color:#fff; line-height:6; }
.qudao-intro-content.ddd dl.fr dt{ background:#c00000; color:#fff; line-height:6; }

.img2{ overflow:hidden; }
.img2 img{ float:left; width:33.33333%; }
.qudao-intro-content.ttt dl dt{ background:#f2ab3b; color:#fff; text-align:center; line-height:3;}


.qudao-intro-content.ttt dl ul{ list-style:none; }
.qudao-intro-content.ttt dl ul li{ list-style:none; }
.qudao-intro-content.ttt dd.ff li{ background:#266af1; color:#fff; text-align:center; }


.qudao-intro-content.ttt dd li:nth-child(2n+0){ text-align:center; float:left; width:30%; line-height:3; border-bottom:1px solid #ededed;  border-right:1px solid #ededed; }
.qudao-intro-content.ttt dd li:nth-child(2n+1){ text-align:center; float:left; width:70%; line-height:3; border-bottom:1px solid #ededed; border-left:1px solid #ededed;  border-right:1px solid #ededed;}

.qudao-intro .qudao-intro-content{ flex:auto; }
.qudao-intro.jiage .qudao-intro-content{
 
    flex: auto;
    
    

}

.qudao-intro-content h3 {

    font-size: clamp(18px, 4vw, 22px);

    margin-bottom: 20px;

    color: #2569F2;

}



.qudao-intro-content p {

    font-size: clamp(14px, 3vw, 16px);

    line-height: 1.8;

    color: #333;

    margin-bottom: 15px;

    text-align: justify;

}

 

/* 服务介绍部分的新样式 */

.service-intro {

    display: flex;



    padding: 40px 0;

    flex-wrap: wrap;

}



.service-intro-image {

    flex: 1 1 300px;

    background-color: #e0e0e0; /* 灰色占位区域 */

    min-height: 440px;

    border-radius: 8px;

    margin-right: 30px;

    margin-bottom: 20px;

}



.service-intro-content {

    flex: 1 1 300px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.service-intro-content h3 {

    font-size: clamp(18px, 4vw, 22px);

    margin-bottom: 20px;

    color: #2569F2;

}



.service-intro-content p {

    font-size: clamp(14px, 3vw, 16px);

    line-height: 1.8;

    color: #333;

    margin-bottom: 15px;

    text-align: justify;

}



/* 为何选择ToWhere全球快递部分的样式 */

.why-choose-section {



    text-align: center;

    margin-bottom: 30px;



}



.why-choose-title {

    color: #2569F2;

    font-size: clamp(22px, 4vw, 28px);

    font-weight: bold;

    margin-bottom: 15px;

    position: relative;

}







.why-choose-desc {

    max-width: 90%;

    margin: 0 auto 40px;

    font-size: clamp(14px, 3vw, 16px);

    line-height: 1.8;

    text-align: center;

}

.why-choose-desc p{ font-weight:bolder; }

.features-container {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-top: 20px;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    gap: 20px; align-items: center;

}

.features-container IMG{ max-width:300px; }

.feature-item {

    width: calc(20% - 20px);

    min-width: 150px;

    text-align: center;

    margin-bottom: 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.feature-icon {

    width: clamp(100px, 15vw, 140px);

    height: auto;

    margin-bottom: 20px;

}



.feature-title {

    color: #2569F2;

    font-weight: bold;

    margin-bottom: 5px;

    font-size: clamp(14px, 3vw, 16px);

}



.feature-desc {

    color: #333;

    font-size: clamp(12px, 2vw, 14px);

}



/* 邮寄流程部分的样式 */

.mailing-process-section {

    text-align: center;

    margin-bottom: 30px;

    border-bottom: 5px solid #E1E1E1;

}



.mailing-process-title {

    color: #2569F2;

    font-size: clamp(22px, 4vw, 28px);

    font-weight: bold;

    margin-bottom: 15px;

    position: relative;

}



.mailing-process-underline {

    width: clamp(200px, 50%, 340px);

    height: 2px;

    background-color: #2569F2;

    margin: 0 auto 30px;

}



.process-flow {

    position: relative;

    height: auto;

    min-height: 70px;

    margin: 0 auto 40px;

    max-width: 1200px;

    background: linear-gradient(90deg, #FFFF99 0%, #FFCC33 33%, #FFA500 66%, #FF8C00 100%);

    clip-path: polygon(0 0, 97% 0, 100% 54%, 96% 113%, 86% 100%, 0 100%);

    /* clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%); */

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px 8%;

    flex-wrap: wrap;

}



.process-step {

    text-align: center;

    z-index: 1;

    margin: 5px 0;

    width: calc(16.66% - 10px);

    min-width: 80px;

}



.process-step-number {

    color: #2569F2;

    font-weight: bold;

    font-size: clamp(14px, 3vw, 18px);

    margin-bottom: 5px;

}



.process-step-name {

    color: #2569F2;

    font-size: clamp(12px, 2vw, 14px);

}



.process-details {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-top: 20px;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    gap: 30px;

}



.process-detail-item {

    background-color: #f0f0f0;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 15px;

}



.process-detail-image {

    width: 100%;

    height: 120px;

    background-color: #e0e0e0;

    margin-bottom: 15px;

    border-radius: 8px;

}



.process-detail-title {

    font-weight: bold;

    font-size: clamp(16px, 3vw, 18px);

    margin-bottom: 10px;

}



.process-detail-desc {

    font-size: clamp(12px, 2vw, 14px);

    line-height: 1.5;

    color: #333;

    text-align: left;

}



/* 立即下单按钮样式 */

.order-now-button {

    background-color: #F2AB3B;

    color: #333;

    font-size: clamp(16px, 3vw, 18px);

    font-weight: bold;

    padding: 12px 40px;

    border: none;

    border-radius: 30px;

    cursor: pointer;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    transition: all 0.3s ease;

    margin: 30px auto;

    display: block;

}



.order-now-button:hover {

    background-color: #e09b2d;

    transform: translateY(-2px);

    box-shadow: 0 6px 12px rgba(0,0,0,0.15);

}



/* 邮寄选项样式 */

.shipping-options {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin: 20px auto;

    max-width: 800px;

}



.shipping-option {

    margin: 5px 15px;

    padding: 8px 15px;

    font-size: clamp(12px, 2vw, 14px);

    color: #333;

    position: relative;

}



.shipping-option:not(:last-child)::after {

    content: "|";

    position: absolute;

    right: -15px;

    color: #ccc;

}



/* 常见问题样式 */

.faq-section {

    background-color: white;

    padding: 40px 4%;

    margin-bottom: 40px;

}



.faq-title {

    color: #2569F2;

    font-size: clamp(22px, 4vw, 28px);

    font-weight: bold;

    text-align: center;

    margin-bottom: 15px;

}



.faq-underline {

    width: clamp(150px, 30%, 200px);

    height: 2px;

    background-color: #2569F2;

    margin: 0 auto 40px;

}



.faq-container {

    max-width: 900px;

            margin: 0 auto;

}



.faq-item {

    margin-bottom: 20px;

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 20px;

}



.faq-question {

    font-weight: bold;

    font-size: clamp(16px, 3vw, 18px);

    color: #333;

    margin-bottom: 10px;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    align-items: center;
    
    background-color:transparent; 
    
    border:none;

}



.faq-question::after {

    content: "+";

    font-size: 22px;
 

}

.faq-question.active::after {

    content: "-";

    font-size: 22px;
 

}

.faq-answer {

    font-size: clamp(14px, 3vw, 16px);

    color: #666;

    line-height: 1.6;
    
    display:none;

}


 
.business .box {
	position: relative; 
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
 
.business .box ul.items {
	margin: 0 auto;
	margin-top: 60px;
    display:flex; 
        flex-wrap: wrap;
}

.business .box ul.items li {
	width: 300px;
	height: 300px;
	margin: 0 8px;
	background: #e1e1e1;
	overflow: hidden;
	 display:inline-block;
	 margin-bottom:20px;
	 position:relative;
	     border-radius: 50px;
	 
}

.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto; 
	width:50%;
	height:2px ;
	background:#ff0000;
} 

.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../Images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
 .business .box ul.items li img{ max-width:180px;
	display: block;
	margin: 0 auto;
   margin-top:20px;  }

.business .box ul.items li strong {
	display: block;
	margin-top: 20px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}
.business .box ul.items li span {
	display: block;
	margin-top: 20px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color:#ebebeb;
	margin-bottom:10px;
}
.business .box ul.items li p {
	position: relative;
	top: 0px;
	color: White;
	font-family: Arial, "宋体";
	font-size: 20px;
	line-height: 2;
	text-align: center;
    padding:0px 10px; 
    
	background :#95bbfb;
	display:none;
	
   width:100%;
   height:100%;
	
   position:absolute;    padding: 0px 30px;
    
}

.business .box ul.items li:hover {
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
	
    cursor:pointer;
	
}

.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
 
.business .box ul.items li:hover strong {
	color: White; 
	display:none; 
}

.business .box ul.items li:hover p {
	top: 0px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
	z-index:9999;
	
	background :rgb(37, 105, 242);
	justify-content:center;
       align-items: center;
   
	display:flex;
}
 
 @media (min-width: 1151px) and (max-height: 700px) {
    .business .box ul.items {
        margin-top: 50px;
    }
}

@media (max-width: 1000px) {
    .business .box ul.items li {
        width: 270px; 
        margin: 30px 0 0 21px;
        padding: 10px 0 5px 15px;
    }
}

.buy{ display:flex; justify-content: center; }

.buy .card     
{
    width: 320px;
    height: 300px;
    margin: 0 8px; 
    overflow: hidden;
    display: flex; 
    
    flex-direction: column;
    justify-content: space-around;
    
    
    
    border:1px solid #000; border-radius:30px; text-align:center; box-sizing:border-box;  padding:20px ; 
}
.buy .card a{ border:1px solid #000; padding:15px 10px ; text-decoration:none; color:#000; border-radius:10px;   }

.faqlist     
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    gap: 20px;
    }
.faqlist ul{ list-style:none; }
    .faqlist li{ background:#ffffff; margin-bottom:30px; padding:40px 20px; position:relative;  }
    
     .faqlist li .faqcon *{ line-height:2; }
    .faqlist li .faqtit{ position:absolute; top:-10px; left:20px; background:#093099; color:#ffffff; padding:10px 20px;   }
    
    
    
    .liangdian ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto; 
    max-width: 1200px;
}

.liangdian ul li {
    text-align: center;
    background-color: #d1d1d1;
    border-radius: 10px;
    height: 240px;
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 10px 10px 20px 10px;
    width: 20%;
    
    padding:20px;
    
    position:relative;
}




.liangdian.fw ul li {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 10px 10px 20px 10px;
    width: 23%;
    
    padding:20px;    flex-direction: column;
        justify-content: flex-start;
}


.liangdian.fw ul.kjfw li { 
    background-color: #e1e1e1; 
}
.liangdian.fw ul.kjfw li img{ margin-bottom:20px; }
.liangdian.fw ul li p {
    line-height: 2;
    font-size: 14px;
    color:#000000;
    margin: 0 auto;
}
.liangdian.fw ul.kjfw li p {
    line-height: 1.5;
    font-size: 14px; 
}
.liangdian.fw ul li img{ max-width:70%; margin: 0 auto; }
.liangdian ul li p{ line-height:2; font-size:20px; max-width:60%; }
.liangdian.fw ul li span{ position:absolute; left:0px; top:0px; background:#366bea; padding:5px 20px; color:#ffffff;    border-top-left-radius: 10px;   border-bottom-right-radius: 10px; }


.liangdian.fw.ld ul li span{ background:#f2b30b;  }

.liangdian.fw ul li h4{ color:#000000; font-size:20px; margin-top:20px; margin-bottom:20px; }
.liangdian.fw ul li h4 em{ color:#ed8127; font-style:normal; }


.liangdian.ld ul li p{ color:#dfdfdf;  line-height:1.5; font-size:12px; max-width:100%; }


/*
.liangdian.ld ul li:nth-child(5) h4{ margin-top:-43%;}
*/

.feaflex{ display:flex; flex-wrap: wrap; justify-content: space-between; padding-bottom:20px;  padding-top:20px;  }
    
.feaflex .feaitem{ width:42%; text-align:center;  }
.feaflex .feaitem a{ position:relative; text-decoration: none; display:block; background:#ffffff;  padding:30px 50px; border-radius: 80px; height: 100%; }
.feaflex .feaitem h3{ margin:20px 0px; font-size:40px; color:#000000; }

.feaflex .feaitem .txt{ text-align:left; padding:0px 30px;  }

.feaflex .feaitem .txt p{ color:#000000; line-height:1.8; font-weight:bolder;  }

.feaflex .feaitem a .ck{ display:none; font-weight:bolder;  text-align:center; align-items: center;
    justify-content: center; color:#000000; font-size:40px;   position:absolute; z-index:999; background:rgba(237,237,237,0.8); width:100%; height:100%; left:0; top:0px; border-radius: 80px;   }

.feaflex .feaitem a:hover .ck{ display:flex;}




.grbgff{ display:flex; flex-wrap: wrap; justify-content: space-between;    align-items: center; }

.grbgff .gritem{ background:#e1e1e1; text-align:center; padding:0px 50px 80px; border-radius:50px; }

.grbgff .gritem .gbimg{ max-width:183px; margin-bottom:30px; }

.grbgff .gritem p{ text-align:center; font-size:18px; font-weight:bolder; }

.bgflex{ display:flex; flex-wrap: wrap; justify-content: space-between;    align-items: center; }

.bgflex .bgimg{ width:50%; text-align:center; }
.bgflex .bgtxt{ width:50%; }

.bgflex .bgimg img{ max-width:80%; }


@media (max-width: 920px) {
 .liangdian ul { 
    justify-content: start; 
    width:100%;
    margin:0px;
}

.liangdian ul li {
    text-align: center;
    background-color: #d1d1d1;
    border-radius: 10px;
    height: 240px;
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 1%;
    width: 46%;
    padding: 1%;
}


.liangdian.fw ul li {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 10px 1% 20px 1%;
    width: 46%;
    
    padding:20px;
}
}


@media (max-width: 768px) { 

.liangdian.fw ul li {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    display: flex
;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 10px 1% 20px 1%;
    width: 98%;
    
    padding:20px;
}

.feaflex .feaitem {
    width: 100%;
    text-align: center;
    margin-bottom:30px;
}

.feaflex .feaitem a { 
    padding: 30px 10px;
    border-radius: 20px;
}

.service-intro-image {
    flex: 1 1 300px;
    background-color: #e0e0e0;
    min-height: 241px;
    border-radius: 8px;
    margin-right: 0px; 
    margin-bottom: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.service-intro-content p{ font-size:16px !important;
    line-height: 1.8; }
    
    .grbgff .gritem{ width:100%; }
 .grbgff .grjt {
        width: 100%;
        text-align:center;
        margin:20px 0px;
    }
    
    .grbgff .grjt img{ height:50px; }
    
    .grbgff .gritem .gbimg {
    max-width: 100%;
    margin-bottom: 30px;
        text-align:center;
}
}


.jiage.aa .qqudao-intro-content dl dt{ background:#000000; color:#fff; text-align:center; float:left; width:30%; line-height:4;}
.jiage.aa .qqudao-intro-content dl dd{ background:#ffffff; color:#000000; text-align:center; float:left; width:70%; border-bottom:1px solid #ededed; border-right:1px solid #ededed; line-height:4;}
.jiage.aa .qqudao-intro-content dl.fr dd{ background:#c00000; color:#fff; line-height:6; }
.jiage.aa .qqudao-intro-content dl.fr dt{ background:#c00000; color:#fff; line-height:6; }