@charset "utf-8";

body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}

div:focus{
    outline:none;
}


/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}

 .content-content,
 .content-text,
 .content-text .content,
.categorycontent {display:block;width:100%;}
.content-content img,
.content-text img,
.content-text .content img,
.categorycontent img {
	max-width:100%;
    max-width: 100%;
    height: auto;
	}

.copyright{padding: 20px 0;text-align: center;}
.copyright p{color: #999;margin-bottom: 2px;}
.copyright p a{color: #999;}


.cbanner{margin-top: 70px;background-size:cover;}
@media screen and (max-width:486px) {
    .cbanner {margin-top:0px;}
	.col-mdla {width: 25%;float: left;position: relative;min-height: 1px;padding-right: 1px;padding-left: 1px;}
}
.cbanner .container {height:100%;}
.cbanner-bg{height:100%;background: rgba(0,0,0,.68);}
.cbanner-title {position: relative; display:block; height:100%;}
.fat-menu2-title h4.column-title,
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{position: absolute; top: 40%; transform: translateY(-40%);color: #fff;font-size: 42px; }
.cbanner-title h4.column-title,
.cbanner-title h4.column-title a,
.cbanner-title h4.special-title a,
.cbanner-title h4.type-title a{color: #fff;}
.cbanner-title h4.column-title:after,
.cbanner-title h4.special-title:after,
.cbanner-title h4.type-title:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: 15px;}


@media (min-width:769px) {
.cbanner-bg{min-height:auto;}
.cbanner-title{margin-bottom: 40px;}
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{font-size: 40px;}
.col-mdla {width: 12.5%;float: left;position: relative;min-height: 1px;padding-right: 1px;padding-left: 1px;}
.search-container {width: 70%;margin: 20px 0px 20px 0px;}
}

@media (min-width:992px) {
    .cbanner-bg{min-height:auto;}
    .cbanner-title h4.column-title,
    .cbanner-title h4.special-title,
    .cbanner-title h4.type-title{font-size: 30px;}
	.col-mdla {width: 12.5%;float: left;position: relative;min-height: 1px;padding-right: 1px;padding-left: 1px;}
	.search-container {width: 70%;margin: 20px 0px 20px 0px;}
}

@media (max-width:768px) {
.cbanner-bg{min-height:auto;}
.cbanner-title{margin-bottom: 30px;}
.cbanner-title h4.column-title,
.cbanner-title h4.special-title,
.cbanner-title h4.type-title{font-size: 20px;}
.col-mdla {width: 25%;float: left;position: relative;min-height: 1px;padding-right: 1px;padding-left: 1px;}
.search-container {width: 100%;margin: 20px 0px 20px 0px;}
}


.content-subtitle{margin-left: 15px;margin-right: 15px;}







.banner3{background: url(../images/base/s2.jpg) center center no-repeat;background-size:cover;}
.banner3-bg{max-height: 320px; padding: 80px 0 200px; background: rgba(0,0,0,.68);}
.banner3-title{}
.banner3-title h4{color: #fff;font-size: 42px;}
.banner3-title h4:after{content:"";display: block;height: 3px;width: 2em;background: #fff;margin-top: .5em;}
@media screen and (min-width: 992px) and (max-width: 1199px){
.banner3-bg{min-height:500px;}
.banner3-title h4{font-size: 60px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.banner3-bg{min-height:300px;}
.banner3-title h4{font-size: 50px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
.banner3-bg{min-height:200px;}
.banner3-title h4{font-size: 40px;}
}

.hot-news {margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.hot-news ul{padding: 0;margin: 0;}
.hot-news ul li{line-height: 35px;margin-top: 20px;padding: 0 10px;border-bottom-width:1px; border-bottom-style: dashed;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot-news ul li span{padding-right: 10px;font-size: 18px;color: #D33D25;vertical-align:middle;}


.s31-img{float: left;width: 248px;height: 185px;position: relative;overflow: hidden;}
.s31-img img{width: 100%;height: 100%;object-fit: cover;transition: all 300ms ease-in-out 0s;}
.s31-img span{position: absolute;bottom: 10px;left: 10px;color: #fff;}
.s31-text{padding: 30px;overflow: hidden;}
.s31-text h4{color: #333;margin-bottom: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s31-text h4 a{color: #333;}
.s31-text p{line-height: 24px;max-height: 72px;overflow: hidden;margin-bottom: 0;}
@media screen and (min-width: 0) and (max-width: 767px){
.s31-img{float: none;width: 100%;margin: 0 auto;}
}


.title20{border-left:8px solid #060D33;padding-left: 20px;margin-bottom: 30px;}
.title20 h4{font-size: 22px;color: #333;text-transform : uppercase;}
.title20 h4 a{color: #333;}
.title20 p{font-size: 16px;color: #333;text-transform : capitalize;}
.title20 p a{color: #333;}
@media screen and (min-width: 768px) and (max-width: 991px){
.title20 h4{font-size: 32px;}

}
@media screen and (min-width: 0) and (max-width: 767px){
.title20 h4{font-size: 24px;}
}
/*单号搜索*/
.sou{
	display: flex;
    justify-content: center;
}
.sou_1{
	width: 60%;
    margin: 20px 0px 20px 0px;
}
.btn{
	background: #060d33;
    color: #fff;
}


.new-teg{margin-bottom: 60px;margin-left: 15px;margin-right: 15px;}
.new-teg-list{}
.new-teg-list a{display: inline-block;margin-right: 2px;margin-bottom: 15px;line-height: 32px;padding: 0 10px;background: #f5f5f5;color: #333;border-radius: 2px;}
.new-teg-list a:hover{background: #1276E6;color: #fff;}


/*内容页相关文章*/
.content-relevant-list1{padding: 30px 0;margin: 0 15px;}
.content-relevant-list1 dl:after{content:"";display:table;clear:both;}
.content-relevant-list1 dt {margin:30px 0px 15px 0px;font-size:18px;}
.content-relevant-list1 dt em {padding-right:10px;}
.content-relevant-list1 dd a {display:block; margin:0px 10px 0px 0px; padding:10px 0px 10px 10px; border-bottom: 1px dashed #ededee;}
.content-relevant-list1 dd:before {content:"";position:absolute;left:5px;top:20px;width: 5px;height: 5px;background: #060D33;border-radius: 10px;}

/* 可视化中清除边距 */
#visual-right .cbanner {margin-top:0px;}
#navbar .nav .dropdown-menu {border-radius: 0px;}
@media (min-width: 486px) {
    #navbar .nav .dropdown-menu {
        border-top: 2px solid #060D33;
    }
}
@media (max-width: 486px) {
    #navbar .nav .dropdown-menu {
        padding-top: 10px;
        margin-left: 20px;
        border-left: 2px solid #060D33;
    }
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none;}

#myModalLang {z-index:9999999999;}
#login .dropdown-menu-user { padding:15px; overflow: hidden;}
#login .dropdown-menu-user li {
    float:left;
    width: 50%;
}

#login .dropdown-menu-user li a {display:inline-block;}
#myModalLang .modal-body {text-align: center;}

.s1-ite {
    position: relative;
    margin: 20px 10px;
    text-align: center;
    box-shadow: 0 5px 15px 0 #eee;
}
.s1-im {
    padding: 20px 0;
    overflow: hidden;
    height: 105px;
    text-align: center;
}
.s1-te {
    padding: 0px 2px 9px 0px;
}
.s1-im img {
    max-width: 100%;
    height: 84px;
    margin: 0px auto;
}
.col-mdla:after{content:"";position: absolute;left: 2%;bottom: -2px;width: 0; transition: all 300ms ease-in-out 0s;display: block;height: 5px;background: #060D33;background-image: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);}
.col-mdla .s1-im a {display:block;}
.col-mdla .s1-te{padding-top: 10px;}
.col-mdla .s1-te h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.col-mdla .s1-te h4:after{margin: 20px 0 10px;content:"";display: block;height: 1px;width: 100%;background: #ccc;}
.col-mdla .s1-te p{line-height: 24px;height: 48px;overflow: hidden;}
.col-mdla:hover{border-color:#555;box-shadow:0 5px 15px 0 #ccc;}
.col-mdla:hover .s1-im img{-webkit-filter: brightness(0.30);filter: brightness(0.30);}

.col-mdla:hover:after{width: 96%;}

.bottom clearfix {
	margin-top: 10px;
    padding-top: 15px;
}
/* 快递查询页面栏目描述 */
.column_description{padding: 20px 0px;text-align: center;}
/* 快递查询 */
.so-cont {display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;width: 100%;height: 70px;margin: 11px auto;padding: 8px;background-color: #fff;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);border-radius: 8px;z-index: 1;}
.so-cont .ant-input {width: 80%;height: 49px;line-height: 22px;font-size: 16px;color: #999999;text-indent: 10px;background: #fff;border: 1px solid #eeeeee;outline: none;}
.so-cont .ant-input:focus {border-color: #e06d08;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgb(248 147 53 / 20%);}
.so-cont .so-btn {position: relative;display: inline-block;font-weight: 400;white-space: nowrap;text-align: center;width: 118px;height: 49px;font-size: 16px;color: #fff;background: #e06d08;border: 1px solid #e06d08;border-radius: 2px;cursor: pointer;}
.so-cont .so-btn:focus {outline: unset;}
.so-cont .so-btn:hover {outline: unset;box-shadow: 0 0 0 2px rgb(248 147 53 / 20%);}
/* 快递查询列表 */
.basic_logistics {font-size: 16px;}
.logistics_details {display: flex;flex-direction: column;width: 100%;height:auto;margin: 11px auto;padding: 8px;background-color: #fff;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);border-radius: 8px;z-index: 1001;align-items: stretch;}
.waybill_no {padding-left: 10px;width: 35%;}
.logistics_title{background-color: #f5f5f5;margin: 15px 10px;padding: 10px;}
.logistics_records{padding: 10px 29px;}
.remarks {padding-left: 10px;width: 30%;}
.kd-body {width: 100%;margin: 0 auto;border: 1px solid #eeeeee;overflow-y: auto;margin-bottom: 20px;}
.kd-body .content {padding: 10px 30px;align-items: flex-start;color: #aeaeae;display: flex;position: relative;}
.kd-body .content:first-child{color: #333;}
.kd-body .content .kd-item-icon {align-items: center;background: #fff;border: 2px solid #f5f5f5;border-radius: 50%;display: flex;height: 24px;justify-content: center;margin-right: 8px;position: relative;width: 24px;z-index: 2;}
.kicon-yiqianshou.kdzs-icon {font-size: 26px !important;color: #e06d08;}
.kd-body .content:first-child .kd-item-icon .kdzs-icon {font-size: 26px !important;}
.kd-body .content:first-child .kd-item-icon .kdzs-icon {color: #e06d08;}
.kd-body .content .kd-yuan-icon {border: 2px solid #f5f5f5;height: 12px;margin-right: 20px;transform: translate(6px, 3px);width: 12px;}
.kd-item-box {width: 100%;}
.kd-body .content .kd-item-box .times strong {margin-right: 5px;}
.kd-body .content .kd-item-box .ionf {padding-bottom: 13px;}
.kd-body .content .kd-item-tail {background-color: #f5f5f5;height: 100%;left: 43px;position: absolute;top: 0;width: 1px;}
.kd-body .content:lakd-child .kd-item-tail {display: none;}


/* 时间轴容器 */
.timeline {
    position: relative;
    padding-left: 40px;
    margin: 20px 0;
}

/* 时间轴每个条目 */
.timeline-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* 圆形图标 */
.timeline-icon {
    position: absolute;
    left: 0;
    width: 24px;
    height: 35px;
    background-color: white;
    border-radius: 50%;
    /* border: 2px solid darkorange;
    display: flex;
    justify-content: center;
    align-items: center; */
    z-index: 1;
}

/* 垂直时间线 */
.timeline-item::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #ccc;
    z-index: 0;
}

/* 时间轴的内容部分 */
.timeline-content {
    background-color: white;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-left: 40px; /* 为图标留出空间 */
    width: 100%;
}

.timeline-content h4 {
    margin: 0 0 5px;
    font-size: 16px;
}

.timeline-content p {
    margin: 5px 0;
    color: #666;
}


/* 底部地图版权 end*/
@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
}

.wangan{
    margin-left: 10px;
    width: 23px;
}