@CHARSET "UTF-8";
/* 自定义动画 */
.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.wraper{width:86.583333%;max-width:1440px;margin: 0 auto;position: relative;}
@media only screen and (max-width:1550px){
   .wraper{width:89.583333%}

}
/*<<<<<<<<<<<<<<<<<<<<<< 公共 >>>>>>>>>>>>>>>>>>>>>>>*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

@font-face{font-family:'din';src:url(../font/DINCond-Regular.eot);src:url(../font/DINCond-Regular.eot) format('embedded-opentype'),url(../font/DINCond-Regular.woff2) format('woff2'),url(../font/DINCond-Regular.woff) format('woff'),url(../font/DINCond-Regular.bin) format('truetype'),url(../font/DINCond-Regular.svg) format('svg')}
html,body{font-family:'Msyh(Microsoft YaHei)';}
body{position: relative; overflow-x: hidden;}
img{max-width:100%;}
/* .body-bg{position: fixed; left: 0; top: 0; z-index: -999; width: 100%; height: 100%;} */
input, select, textarea, button {vertical-align: middle;resize: none;-webkit-appearance: none !important;outline: none;border: none;background: transparent;}

.viewer-title{display: none;}
.tips1230{font-size: 0.16rem; text-align: center; margin-bottom: 0.4rem; padding: 0.1rem 0.2rem; background: #1074bc; color: #FFF; border-radius: 100px;}
@media only screen and (min-width:1024px){
	.div_m,.div-m{display: none;}
}
@media only screen and (max-width:1024px){

	.div_pc,.div-pc{display: none;}
	html,body{/*max-width:750px;*/ margin: 0 auto;}
	.wrap{width: 100%;}
	.tips1230{display: none;}

}

/* 回到头部 */
.backtop{position: fixed; right: -10px; cursor: pointer; transition: all 0.5s;transform: skew(-13deg);-webkit-transform: skew(-13deg);-moz-transform: skew(-13deg);
	-o-transform: skew(-13deg);	-ms-transform: skew(-13deg);	bottom: 0; z-index: 999999; width: 90px; height: 80px;display: flex; align-items: center; justify-content: center; color: #FFF; background: #8cc544;display: none !important; }
.backtop em{display: inline-block; padding-top: 16px; background: url(../images/backtop.svg) no-repeat center top; background-size: 14px;
	transform: skew(13deg);	-webkit-transform: skew(13deg);	-moz-transform: skew(13deg);	: skew(13deg);-ms-transform: skew(13deg);animation: backtop 2s linear infinite;}
@keyframes backtop {
	0%{background: url(../images/backtop.svg) no-repeat center top;background-size: 14px;}
	50%{background: url(../images/backtop.svg) no-repeat center 20%;background-size: 14px;}
	100%{background: url(../images/backtop.svg) no-repeat center top;background-size: 14px;}
}
.backtop:hover{background: #0077DA;}
@media only screen and (min-width:1921px)
{
.n-banner .banner-text{left:11.41666%;}
}
@media only screen and (max-width:1024px){
	
	.backtop{width: .8rem; height: .8rem; border-radius: 50%; right: 0.3rem; bottom: 1rem;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);}
	.backtop em{padding-top: 0.2rem; font-size: .24rem; text-transform: uppercase;transform: skew(0);-webkit-transform: skew(0);-moz-transform: skew(0);-o-transform: skew(0);-ms-transform: skew(0);}
	
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	
	.backtop{right: -0.1rem; width: 0.9rem; height: 0.8rem;}
	.backtop em{background-size: 0.14rem; padding-top: 0.16rem;}
	@keyframes backtop {
		0%{background: url(../images/backtop.svg) no-repeat center top;background-size: 0.14rem;}
		50%{background: url(../images/backtop.svg) no-repeat center 20%;background-size: 0.14rem;}
		100%{background: url(../images/backtop.svg) no-repeat center top;background-size: 0.14rem;}
	}
}
/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{position: fixed; top: 0; width: 100%; z-index: 99999998; transition: all 0.3s;background:  linear-gradient(90deg, #82c84f 0%, #79c76c 48%, #80c75e 70%, #7ec85b);}
.pc-head{position:relative;}
.pc-head .logo{float: left; }
.pc-head .wraper{position:static}
.pc-head .head2{padding:22px 0;}
.pc-head .logo img{ width: auto;z-index: 1;}
.pc-head .head2::after{content: ""; display: block; clear: both;}
.pc-head .head2r{margin-top:5px;float:right;display: flex;align-items: center;justify-content: flex-end;}
.pc-head .head2 .head_tel{color:#fff;}
.pc-head .head2 .head_tel span{font-family:'din';font-size:28px;font-weight:bold;}
.pc-head .head2 .head_tel,.pc-head .head2 .head2-yuyan a{display: flex;align-items: center;justify-content: flex-end;}
.pc-head .head2 .head_tel img{width:15px;margin-right:4px;}
.pc-head .head2 .head2-yuyan{display: inline-block;margin-left:.15rem;}
.pc-head .head2 .head2-yuyan a{margin-left:0.2rem;color:#fff;font-size:20px;position:relative;}
.pc-head .head2 .head2-yuyan a::after{content: ""; display: block; width:1px;height:80%;background:#fff;opacity: .2;position:absolute;left:-.16rem;top:2px;}
.pc-head .head2 .head2-yuyan img{width:20px;margin-right:4px;}
.pc-head .head2 .head2r::after{content: ""; display: block; clear: both;}
.pc-head .head2 .head_tel em{font-size:16px;}

.banner-swiper{width: 100vw;height:8rem;}
.banner-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner-swiper .swiper-pagination{width: auto !important; bottom: 0.4rem !important; left: 10.416666% !important;}
.banner-swiper .swiper-pagination-bullet{background: #FFF; width: 0.08rem; height: 0.08rem; opacity: 1;position:relative;}
.banner-swiper .swiper-pagination-bullet-active{}
.banner-swiper .swiper-pagination-bullet-active:after{width: 0.16rem; height: 0.16rem;border-radius: 50%;border:1px solid #fff;content:'';position:absolute;left:-50%;top:-50%;margin-left:-1px;margin-top: -1px;}
.banner-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.banner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}
.banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.15rem;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{display:none;background: url(../images/h-next.svg) no-repeat center; background-size: contain;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{display:none;background: url(../images/left.svg) no-repeat center; background-size: contain;}
.banner-swiper .swiper-button-next:hover, .banner-swiper.swiper-container-rtl .swiper-button-prev:hover{background: url(../images/h-next-on.svg) no-repeat center; background-size: contain; opacity: 1;}
.banner-swiper .swiper-button-prev:hover, .banner-swiper.swiper-container-rtl .swiper-button-next:hover{background: url(../images/left-on.svg) no-repeat center; background-size: contain; opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{opacity: 1; width: 0.7rem; height: 0.7rem; transition: all 0.3s;}
.banner-swiper .swiper-button-prev::after, .banner-swiper .swiper-button-next::after{display: none;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.1rem;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.1rem;}
.banner-swiper .swiper-pagination-clickable .swiper-pagination-bullet{display:none;}

.c-voc-tracking-group {background-color:#fff;border-radius:5px;display: flex;position: relative;border: 2px solid #fff}
.c-voc-marketing-stage--textbox {margin:1rem auto 0;width:600px;}
.c-voc-marketing-text {margin-bottom:20px;color:#fff;font-size:30px;font-weight: 800;}
.c-voc-tracking-input {border: none;flex: 1 1 auto;height:56px;margin-right: 0.1rem;padding:0 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-size:16px;}
.base-button {background-color:#ff960b;border-radius:5px;cursor: pointer;font-size: 20px;min-height:56px;padding:0 .44rem;position: relative;text-align: center;vertical-align: middle;color:#fff;min-width: 130px;}


@media only screen and (min-width:1024px) and (max-width:1366px){
	.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.25rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.2rem;}
}
.banner-swiper .txt{position: absolute; left: 0; top:40%; z-index: 1; /*transform: translateY(-50%); */color: #FFF; width: 100%; padding: 0 10.416666%;}
.banner-swiper .txt .txtl .lp1{font-size: 0.18rem;}
.banner-swiper .txt .txtl h2{text-align:center; text-transform: uppercase;font-size: 0.68rem; font-weight:bold;line-height: 120%;}

@media only screen and (max-width:1024px){
	.banner-swiper .scroll-down{display: none;}
	.banner-swiper{height:7.5rem;}
	.banner-swiper .swiper-pagination{left: 50% !important; transform: translateX(-50%);}
	.banner-swiper .txt{flex-direction: column; padding: 0 6%; top:2rem;  transform: translateY(0);}/*bottom: 0.8rem;*/
	.banner-swiper .txt .txtl .lp1{font-size: 0.38rem;}
	.banner-swiper .txt .txtl h2{font-size:42px; line-height: auto;}
	.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{display: none;}	
	.banner-swiper .swiper-pagination{bottom: 0.3rem !important;}	
    .c-voc-marketing-text{font-size:24px;margin-bottom:12px;}
 
}
@media only screen and (max-width:750px){
  .banner-swiper .txt .txtl h2{font-size:28px;}
  .c-voc-marketing-text{font-size:18px;}
  .banner-swiper .txt{top:32%;}
}


.cont_tbx{display: flex; justify-content: space-between; align-items: flex-end;}
.intit .t1{font-size: 0.32rem; color: #222222;font-weight:bold;}
.intit .t2{font-size: 0.24rem;margin-top:25px;}
.intit .t3{font-size: 0.24rem;margin-top:20px;color:#999999;}
.more1213{margin-top:.8rem;position:relative;display: flex;justify-content: center;align-items: center;font-size:18px;line-height: 0.52rem;color: #FFF;border-radius:5px;background: #ff960b;overflow: hidden;}
.more1213:hover{ background: #e67a05;}

.phone{display:none ;}

/*首页通知公告*/
.notice_box{padding:.4rem 0;color:#fff;background:linear-gradient(90deg, #82c84f 0%, #79c76c 48%, #80c75e 70%, #7ec85b);}
.notice_box .intit .t1{color:#fff;margin-bottom:.3rem;}
.notice_box .flex{justify-content: space-between;}
.notice_box .imgbox{width:250px;}
.notice_box .imgbox img{border:4px solid #fff;}
.notice_box .textbox{width:calc( 100% - 290px );}
.notice_box .textbox .title{display:flex;justify-content: space-between;font-size:.24rem;}
.notice_box .textbox .title h3{width:80%;font-weight:bold;}
.notice_box .textbox .title span{font-size:.2rem;}
.notice_box .textbox .con{font-size:.2rem;line-height:.32rem;margin-top:.3rem;}

/*首页燃油附加费*/
.history-content{background:#f6f7fb;padding:1rem 0;}
.rfbox{display:flex;justify-content: space-between;}
.n_licheng .fl402 {margin-top: 45px;width: 200px;height: 200px;border-radius: 100%;border: 5px solid #ff960b;overflow: hidden;position: relative;}
.n_licheng .fl401 {width: calc(100% - 350px);}
.n_licheng .fl401 .slick_hd {padding-top:50px;}
.n_licheng .fl401 .slick_hd li {padding: 0 10px;position: relative;text-align: center;cursor: pointer;}
.n_licheng .fl401 .slick_hd li h4 {font-size:20px;position: relative;background: #fff;border-radius: 15px;padding: 32px 0;}
.n_licheng .fl401 .slick_hd li.slick-current h4:after {content: '';left:-8px;top: 46%;width: 0;height: 0;border-left: 20px solid transparent;border-bottom: 14px solid #ff960b;transform: rotate(126deg);position: absolute;border-radius: 5px; }
.n_licheng .fl401 .slick_hd li.slick-current h4 {font-size:24px;font-weight:bold;color:#fff;background:#ff960b;}
.n_licheng .slick-slider,.n_licheng .slick-track,.n_licheng .slick-list{height:100%;}
.n_licheng .fl402 .slick-slide{display:flex;align-items: center;justify-content: center;text-align:center;}
.n_licheng .fl402 .slick_bd h4 {font-size:.25rem;color: #ff960b;font-weight:bold;font-size:38px;text-transform: uppercase;opacity: 0; }
.n_licheng .fl402 .slick_bd p {font-size:18px;color: #333;position: relative;opacity: 0;transition: 0s;padding-top:10px; }
.n_licheng .fl402 .slick_bd .slick-current p {opacity: 1;transition: .3s;}
.n_licheng .fl402 .slick_bd .slick-current h4 {opacity: 1;transition: .3s;}
.n_licheng .fl401 .arr_box { align-self: flex-end;position:relative;}

.n_licheng .fl401 .btn{position:relative;display: flex;justify-content: flex-end;height: 0.54rem;}
.n_licheng .swiper-button-white {width: 0.54rem;height: 0.54rem;cursor: pointer;background: url(../image/jt_left.svg);background-repeat: no-repeat;background-position: center;background-size: 0.54rem;}
.n_licheng .swiper-button-white.arr_left{margin-right:15px;}
.n_licheng .swiper-button-white.arr_right{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.n_licheng .swiper-button-white:hover{background: url(../image/jt_leftw.svg)}

.clearfix:after{clear:both;content:'';display:table;}
/*关于*/
.abo_box{padding:1rem 0;}
.abo_box .text{margin-top:.6rem;}
.abo_box .text .t2{line-height:.38rem;}
.abo_box .wraper{display:flex;justify-content:space-between;}
.abo_box img{border-radius:15px;}
.abo_box .wraper .text{width:42%;}
.abo_box .wraper .img{width:48%;}

/*承运商*/
.carr-box{background:#f6f7fb;padding: 1rem 0;}
.carr-box .wraper{display:flex;justify-content: space-between;align-items: center;}
.carr-box .ul{display:flex;width:84%;}
.carr-box .ul .li{padding:0 20px;width:25%;}
.carr-box .ul .li img{border-radius:15px;background:#fff;transition: all 0.5s;width:100%;}
.carr-box .ul .li:hover img{transform: scale(1.05);}

/*服务*/
.ser_box{padding: 1rem 0;}
.ser_box .intit .t1{text-align:center;}
.ser_box .intit .t1 br{display:none;}
.ser_box .more1213{max-width: 580px;margin-left:auto;margin-right:auto;}
.ser_box .ser_btm{padding:1rem 0 .25rem;}
.ser_box .fleft{padding-top:1rem;position:relative;}
.ser_box .fleft .x-box{width:3.6rem}
.ser_box .fcenter{width:55%;background: url(../image/img_center.jpg);background-repeat: no-repeat;background-position: center;}
.ser_box .fright{padding-top:1rem;position:relative;}
.ser_box .x-box{position:absolute;background:#ff960b;color:#fff;border-radius:15px;font-size:.2rem;line-height:.24rem;padding:.1rem 0.2rem;}
.ser_box .x-box span{position:relative;display: block;}
.ser_box .x-box span:after{position:absolute;content: '';right:8px;top:36%;width: 0;height: 0;border-left:.4rem solid transparent; border-bottom: .2rem solid transparent;border-right:.4rem solid #ff960b; }
.ser_box .fleft .x-box{right:-.2rem;top:0;}
.ser_box .x-box4 span:after,.ser_box .x-box5 span:after,.ser_box .x-box6 span:after,.ser_box .x-box7 span:after{transform: rotate(150deg);margin-top: -18px;left: -8px;}
.ser_box .fright .x-box{text-align:center;}
.ser_box .fright .x-box1{left:-1.5rem;top:1.75rem;}
.ser_box .fright .x-box2{left:-1.55rem;top:.85rem;}
.ser_box .fright .x-box3{left:-0.85rem;top:0.2rem;}
.ser_box .fright .x-box4{left: 0.85rem;top: 0.52rem;}
.ser_box .fright .x-box5{right: -1rem;top: 1.25rem;}
.ser_box .fright .x-box6{right: -1.25rem;top: 2.15rem;}
.ser_box .fright .x-box7{left:1.85rem;top:3rem;}
.ser_box .fleft .img{margin-right: -1rem;margin-left:6.2vw;}

/*首页服务类型*/
.h-box4 {background:#f6f7fb;padding: 1rem 0;}
.h-box4 .ul{margin-top: .5rem;}

.h-box4 .ul .li .img{width: 100%; height: 0; overflow: hidden; padding-bottom: 63.5%; position: relative;}
.h-box4 .ul .li .img img{position: absolute; transition: all 0.5s; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.h-box4 .ul .li .txt{padding-top: 0.25rem;}
.h-box4 .ul .li .txt .txt-h{font-size: 0.26rem; line-height: 200%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.h-box4 .ul .li:hover img{transform: scale(1.05);}
.h-box4 .ul .li:hover .txt .txt-h{color:#ff960b;}
.h-box4 .more{margin-top:.7rem ;display: flex;justify-content: center;}

.foot{    overflow: hidden;width: 100%; padding-top: 0.6rem; background:#272525;position: relative;}
.foot .foot1{ padding-bottom:0.6rem;}
.foot .foot1 .foot-logo img{width: auto;}
.foot .floot_cod{text-align:center;color:#ffffff;}
.foot .foot1 .footer_center .flex{justify-content: flex-end;}
.foot .floot_cod p{padding-top:10px;font-size:15px;}
.foot .foot1 .floot_contact{padding-top:40px;padding-left:30px;width:340px;color:#fff;}
.foot .foot1 .floot_contact .li_item:last-child p{font-size:14px;opacity: .7;}
.foot .foot1 .floot_contact .li_item{margin-bottom:20px;display:flex;}
.foot .foot1 .floot_contact .li_item i img{width:18px;height:18px;margin-right:10px;}
.foot .foot1 .floot_contact h3{margin-bottom:.12rem;color:#95b3c9;font-size:.18rem;}
.foot .foot1 .floot_contact p{color:#ffffff;font-size:20px;}
.foot .foot1 .floot_contact .li_tel p{font-size:.32rem;font-family:arial;font-weight:bold;}
.foot .foot2{padding:20px 0;border-top:1px solid rgb(255 255 255 / 8%);}
.foot .foot2 .wraper{display:flex;align-items: center;justify-content: space-between;}
.foot .foot2 .floot_cod,.foot .foot2 .floot_cod p{text-align:center;color:#fff;font-size:.16rem;}
.foot .foot2 .floot_cod img{width:1.6rem}
.foot .foot2 .floot_cod p{padding-top:.2rem;}
.con_top{color:#fff;font-size:24px;text-align:left;padding-bottom:20px;}
.foot .foot2 .code{display: flex;}
.foot .foot2 .footer-code-item {width: 40px;height: 40px;border-radius: 50%;margin-right: 25px;position: relative;cursor: pointer;background:rgb(255 255 255 / 8%);padding: 8px;box-sizing: border-box;transition: all 0.5s ease; }
.foot .foot2 .footer-code-item:hover {background-color: #8cc544;}
.foot .foot2 .footer-code-item img{width:80%;margin: 0 auto;}
.foot .foot2 .footer-code-item a{width:100%;height:100%;display: flex;justify-content: center;align-items: center;}
.foot .foot2 .code .footer-code-item:hover .code-item-code {display: block;transition: all 0.5s ease;}
.foot .foot2 .conts{ font-size:16px; color: rgb(255 255 255 / 30%);}
.foot .foot2 .conts a{display: inline-block; margin-left: 0.1rem; line-height: .2rem; color: rgb(255 255 255 / 20%); transition: all 0.3s;}
.foot .foot2 .conts a img{display: inline-block;vertical-align: text-bottom; margin-right: 0.05rem;}
.foot .foot2 .conts a:hover{color: #FFF;}

@media only screen and (min-width:1024px) and (max-width:1366px){
	.foot .foot1{width: 85%;}
	.foot .foot2 .conts{width: 91%;}
}

.n_main{padding-top:1.5rem;padding-bottom:.9rem;background:#f5f7f7;}
.n_main .c-voc-marketing-stage--textbox{margin:0;}
.n_main .c-voc-marketing-text{color:#222222;font-size:.52rem;}

.wuliu_box{background:#ffffff;margin-top:.4rem;padding:.4rem;}
.pc-node-wrapper {-moz-box-orient: horizontal;-moz-box-direction: normal;-moz-box-align: start;align-items: flex-start;display: -moz-box;display: flex;flex-direction: row;padding: 0 16px;position: relative; } 
.pc-node-wrapper .status {height: 20px;margin-right: 18px;width: 32px; } 
.flexColumn {-moz-box-orient: vertical;flex-direction: column; } 
.flexColumn, .flexRow {-moz-box-direction: normal;-moz-box-align: center;align-items: center;display: -moz-box;display: flex; } 
.pc-node-wrapper .node-content {margin-top: -6px;padding-bottom:.5rem; } 
.pc-node-wrapper:first-child .point {background: url(../image/dui.svg) center;background-repeat:no-repeat;width:28px;height:28px;} 
.pc-node-wrapper:first-child .content{color:#8cc544;}

.pc-node-wrapper .point {background: #c9c9c9;border-radius: 50%;height:16px;width:16px;z-index: 9; } 
.rax-text-v2 {display: block; } 
.pc-node-wrapper .content {margin-bottom: 12px;color:#222222;font-size: .22rem;} 
.rax-view-v2 .desc{color:#999999;font-size:.18rem;}
.pc-node-wrapper .title {margin-right:.2rem; } 
.pc-node-wrapper .subtitle { } 
.pc-package-wrapper .content {-moz-box-flex: 1;flex: 1; }
.pc-package-wrapper .content .title {color:#ff960b;font-size:.28rem;font-weight: bold;line-height: 26px; } 
.pc-package-wrapper .content .title span{font-size:.2rem;font-weight:normal;}
.pc-package-wrapper .content .desc {display: block;font-size:.28rem;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } 
.pc-package-wrapper .contact {-moz-box-orient: horizontal;-moz-box-direction: normal;-moz-box-align: center;-moz-box-pack: center;align-items: center;background:#ff960b;border-radius: 5px;cursor: pointer;display: -moz-box;display: flex;flex-direction: row;}
.pc-node-wrapper::after{background: rgb(102 102 102 / 18%);bottom: -2px;content: "";display: block;left: 32px;position: absolute;top: 6px;width: 1px;}
.pc-node-wrapper:last-child::after{background:none} 
.pc-package-wrapper .contact .text {color:#fff;font-size:.18rem;padding:.12rem .36rem;}
.rax-view-top .pc-package-wrapper{display:flex;align-items: flex-end;border-bottom:2px solid #eaeaea;padding-bottom:.3rem;margin-bottom:.5rem;}
.pc-package-wrapper .desc2{font-size:.22rem;margin-top:10px;}

html{font-size:100px;}
body{font-size:.16rem;}

/***/
.tc_join .con_top{color:#222;font-size:32px;text-align: center;}
.tc_close{position: absolute;right: 10px;top: 10px;color: #bababa;cursor: pointer;padding: 10px;transition: .5s;font-size:30px;}

.tc_join{background: #fff;max-width:1200px;padding: 60px 40px;text-align:left;border-radius: 6px;width:86%;margin: 0 auto;min-height: 200px;position: relative;z-index: 9999;box-shadow:1px 10px 20px 10px rgb(34 34 34 / 15%);}
 .tc_btn {cursor: pointer;}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;display:flex;align-items: center;justify-content: center;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;}
.tc-box{ width: 960px; *height:100%;padding-top:40px; max-width:80%;margin:0 auto; margin-top:-80px; box-sizing:border-box; display: block;position:relative;z-index:1; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow:  hidden; /*display:flex;align-items:center;justify-content: center;*/ }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.tc .close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;display:none;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}

.tc .con {font-size: 18px;color: #747880;line-height: 34px;max-height: 400px;}
.tc_join .floot_contact{display:flex;justify-content: space-between;}
.tc_join .li_item{display: flex;flex-direction: column;align-items: center;width: 33.333%;color:#222222;font-family: 'din';}
.tc_join .li_botom i{display:block;margin:5px;}
.tc_join .li_botom i img{width:30px;}
.tc_join .li_item i img{width:80px;}
.tc_join .li_item .font{font-size:32px;padding-top:20px;font-weight: bold;}
.code-item-code{width:160px;}
.tc_join .li_botom{display: flex;justify-content: center;margin-top: 16px;}
.tc_ewm{text-align:center;}


@media only screen and (min-width:1024px) and (max-width:1440px){
	.banner-swiper .txt .txtl h2{font-size:48px;}
}


@media (max-width:1440px) {
    
    .banner-swiper .txt .txtl h2{}
    .n_main .c-voc-marketing-text{font-size:42px;}
	.pc-package-wrapper .content .desc{font-size:24px;}
	.abo_box .text .t2,.intit .t3{font-size: 20px;}
	.abo_box,.carr-box,.ser_box{padding:60px 0;}
	.n_main{padding-top:120px;}	
   .notice_box .textbox .title span{font-size:16px;}
   .notice_box .textbox .con{margin-top:.1rem;font-size:16px;line-height:28px;}   
   .ser_box .x-box span:after{border-left:.6rem solid transparent;}
   .banner-swiper{height: 10rem;}
}
@media (max-width:1280px) {

  .ser_box .fcenter{width: 45%;background-size: 70%;}
  .ser_box .x-box{border-radius:5px;}
  .ser_box .x-box4 span:after, .ser_box .x-box5 span:after, .ser_box .x-box6 span:after, .ser_box .x-box7 span:after {margin-top: -12px;}
  .more1213 {line-height: 50px;}
  .tc_join .li_item .font{font-size: 24px;}
  .code-item-code{width:120px;}
  .tc_join .li_item i img{width: 50px;}
}

@media only screen and (min-width:750px) and (max-width:1020px){

   .ser_box .fleft .img{width:45%;margin-right: -.5rem;}
   .ser_box .fright .img{width:45%;}
   .ser_box .x-box span:after {border-left: 0.1rem solid transparent;border-bottom: 0.15rem solid transparent;border-right: 0.2rem solid #ff960b;}
   .ser_box .x-box{line-height: 20px;padding: 5px 8px;}
   .ser_box .fleft .x-box{width: 2rem;}
   .ser_box .fright .x-box1{left:-.75rem;top:1.75rem;}
	.ser_box .fright .x-box2{left:-.85rem;top:1.15rem;}
	.ser_box .fright .x-box3{left: -0.45rem;top: 0.42rem;}
	.ser_box .fright .x-box4{left: 0.65rem;top: 0.52rem;}
	.ser_box .fright .x-box5{right:.2rem;top: 1.25rem;}
	.ser_box .fright .x-box6{right: .25rem;top: 1.85rem;}
	.ser_box .fright .x-box7{left: 1.25rem;top: 2.5rem}
	.ser_box .x-box4 span:after, .ser_box .x-box5 span:after, .ser_box .x-box6 span:after, .ser_box .x-box7 span:after{left: 5px;}

}

@media (max-width:1080px)
{
 .wraper{width:94%;}
    .phone{display:block !important;}
    .pc{display:none !important;}	
	.f16{font-size:.20rem;}
	.c-voc-tracking-input{font-size:16px;}
    .more1213{justify-content: center;margin:30px auto 0;font-size:16px;}		
	.h-box4{padding:60px 0 ; }
	.h-box4 .ul .li{width:100%;float:none;margin-right:0;margin-bottom:.3rem;}
    .h-box4 .ul .li .txt .txt-p,.h-box4 .ul .li .txt .txt-time{font-size:.24rem;}
	.h-box4 .ul .li .txt .txt-h{font-size:20px;}
	.foot{padding-top: 60px;}
	.foot .foot1{ padding-bottom:40px;}
	.foot .foot1 .foot-logo,.foot .foot1 .code.floatr{float: none; }
	.foot .foot1 .code{margin-top:30px}
	.foot .foot1 .foot-logo img{margin: 0 auto; display: inline-block;}
	.foot .foot1 .code .code-item-code{left:0;width: 80px;}
   .foot .foot1 .footer_center .flex{justify-content: flex-start;margin-top:20px;} 
   .n_main .c-voc-marketing-text{font-size:30px;}
   .n_main{padding-top: 1rem;}
   .notice_box .textbox .title h3{width:76%;}
   .intit .t1{font-size:28px;}
   .notice_box .flex{flex-direction: column;}
   .notice_box .imgbox,.notice_box .textbox,.notice_box .textbox .title h3{width:100%;}
   .notice_box .imgbox img{width:100%;}
   .notice_box .textbox{margin-top:20px;}
   .notice_box .textbox .title{flex-direction: column;}
   .notice_box .textbox .title h3{margin-bottom:10px;}
   .history-content{padding:.8rem 0;}
	.abo_box .text .t2{font-size:20px;line-height:32px;}
	.abo_box .wraper .text {width: 46%;margin-top: 0.3rem;}
	.abo_box,.carr-box,.ser_box{padding:40px 0;}
	.carr-box .ul .li img{border-radius:10px;}
	.h-box4 .ul{margin-top: 0.25rem;}
	.intit .t3{margin-top:15px;}
	.ser_box .ser_btm{padding-top:60px;}
	 .ser_box .x-box{font-size: 14px;}

	
}
@media (max-width: 750px) {
    .banner-swiper {height:7.5rem;}
     .intit .t2{margin-top: 15px;}
	.bth{margin-top: 40px;}
    .bth svg{width:25px;height:30px;}
	.foot .foot2 .wraper{display:block;}
	.foot .foot2 .code{margin-top:15px;justify-content: center;}
	.foot .foot2 .conts{text-align:center;font-size:14px;}
	.foot .foot1 .foot-logo img{width: 240px;}
	.con_top{font-size:20px;}
	.foot .foot1 .floot_contact p{font-size:18px;}
	.pc-head .logo img{width:80px;}
	.pc-head .head2r{align-items: flex-end;flex-direction: column-reverse;margin-top:-15px;}
	.pc-head .head2 .head2-yuyan a::after{content:none;}
	.pc-head .head2 .head_tel em{display:none;}
	.pc-head .head2{padding-bottom:15px;}
	.c-voc-marketing-stage--textbox{width:100%;margin-top:.5rem;}
	.c-voc-tracking-input,.base-button{min-height:50px;height:50px;}
	.rax-view-top .pc-package-wrapper{flex-direction: column;align-items: flex-start;}
	.pc-package-wrapper .contact{margin-top:20px;}
	.pc-package-wrapper .content .desc,.pc-package-wrapper .desc2{font-size:.2rem;}
	.wuliu_box {padding:.3rem 0.2rem}
	.pc-node-wrapper{padding:0;}
	.pc-node-wrapper::after{left:8px;}
	.pc-node-wrapper .content{flex-direction: column;align-items: flex-start;font-size:.18rem;}
	.pc-node-wrapper:first-child .point{    margin-left: -5px;}
	.pc-node-wrapper .node-content{padding-bottom:.3rem;}
	.rax-view-v2 .desc{font-size:.16rem;}
	.pc-node-wrapper .subtitle{margin-top:5px;}
	.base-button{font-size:16px;min-width:100px;padding: 0 24px;}
	.pc-head .head2 .head_tel span,.pc-package-wrapper .content .title{font-size:24px;}
	.abo_box .wraper,.carr-box .wraper{flex-direction: column;}
	.abo_box .wraper .img,.abo_box .wraper .text{width:100%;}
	.abo_box .wraper .text{margin-bottom:20px;}
	.carr-box .ul{width:100%;margin-top:20px;flex-wrap: wrap;}
	.carr-box .ul .li{padding:0 10px;width:50%;margin-bottom:15px;}
	.h-box4 .ul .li .txt{padding-top:.15rem;}
	.intit .t1{font-size:24px;line-height:32px;}
	.notice_box .textbox .title{font-size:20px;}
	.notice_box .textbox .title h3{}
	.ser_box .ser_btm{flex-direction: column;}
   .ser_box .intit .t1 br{display:block;}
   .ser_box .fleft .img{width:40%;margin-left:0;margin-right:0}
   .ser_box .fleft{padding-top:0;}
   .ser_box .fright .img {width: 30%;float: right;margin-right: 24%;}
   .ser_box .x-box{font-size:14px;line-height: 20px;}
   .ser_box .fleft .x-box {width:4rem;padding:12px;right: 0;}
   .ser_box .fleft .x-box span:after{top:auto;left:8px;transform: rotate(141deg);bottom:4px;}
   .ser_box .fright .x-box span:after{top:auto;left:8px;transform: rotate(141deg);bottom:4px;}
   .ser_box .fright{padding-top:30px;}
   .ser_box .x-box span{height:1px;}
   .ser_box .fright .x-box1{left:1rem;top:2rem;}
	.ser_box .fright .x-box2{left:.85rem;top:1.15rem;}
	.ser_box .fright .x-box3{left: 1.5rem;top: 0.2rem}
	.ser_box .fright .x-box4{left: auto;top:-.5rem;right: 1.2rem;}
	.ser_box .fright .x-box5{right:.2rem;top: .85rem;}
	.ser_box .fright .x-box6{right: .25rem;top: 1.85rem;}
	.ser_box .fright .x-box7 {right:.85rem;top: 2.5rem;left: auto;}
	.ser_box .x-box4 span:after, .ser_box .x-box5 span:after, .ser_box .x-box6 span:after, .ser_box .x-box7 span:after{left: 5px;}
	.n_licheng .fl401{width:calc(100% - 240px);}
	.pc-head .head2 .head_tel{margin-top:4px;}
   .notice_box .textbox .con {margin-top: 0.2rem;font-size: 14px;line-height: 22px;}
   .n_licheng .swiper-button-white{width: 0.84rem;height: 0.84rem;background-size: 0.84rem;}
   .n_licheng .fl402{width: 180px;height: 180px;}
   .n_licheng .fl402 .slick_bd p{font-size:15px;}
   .n_main .c-voc-marketing-text{font-size:24px;}
    .tc_join .floot_contact{flex-direction: column;}
   .tc_join .li_item{width:100%; flex-direction: row;}
   .tc_join .li_botom{justify-content: flex-start;font-size: 15px;line-height: 24px;}
   .tc_join .li_item i,.tc_join .li_item i img,.tc_join .li_botom i img{width:36px;}
    .tc_join .li_item i,.tc_join .li_botom i{padding-right:5px;}
   .tc_join .li_item .font,.tc_join .li_botom p{width:80%;padding-top:0;}
	.tc_join{padding:40px 20px 30px;}
	.tc_join .con_top{font-size:26px;}
	.tc_join .li_botom i{margin:0;}
	

}

@media (max-width:480px) {
   .foot .foot1 .footer_center .flex{display:block;}
   .con_top{text-align:left;}
   .foot .foot1 .floot_contact{padding-left:0;padding-top:20px;}
   .foot .floot_cod{text-align:left;}
   .foot .floot_cod p{padding-left:20px;}
   .foot .foot1 {padding-bottom: 20px;}
   .ser_box .fleft .x-box span:after{bottom:-4px;}

}