@charset "utf-8";
.inbanner {
    text-align: center;
    overflow: hidden;
    position:relative;
    background: url(../images/inbanner_about.jpg) no-repeat;
    background-position: center;
    height: 350px;
    background-size: cover;
    position: relative;
}
.inbanner_serv {background-image: url(../images/inbanner_serv.jpg);}
.inbanner_news {background-image: url(../images/inbanner_news.jpg);}
.inbanner_track {background-image: url(../images/inbanner_track.jpg);}
.inbanner_help {background-image: url(../images/inbanner_help.jpg);}
.inbanner_about {background-image: url(../images/inbanner_about.jpg);}

/*innav*/
.innav{background-color: rgba(0,0,0,.5);position: relative;margin-top: -50px;height: 50px;}
.innav .innav_ul{float: left;width: 100%;}
.innav .innav_ul li{float: left;padding: 10px 26px 10px 26px;line-height: 30px;margin: 0 10px 0 0;}
.innav .innav_ul li a{font-size: 16px;color: #fff;}
.innav .innav_ul li.on{background-color: #fff;/* position: relative; *//* height: 50px; *//* top: -22px; *//* padding-bottom: 0; *//* line-height: 50px; */}
.innav .innav_ul li.on a{color: #02a9b2;}


/*inmain*/

.in_main{padding-bottom: 120px;background-color: #f3f3f3;}

.in_main .nr{background-color:#fff;padding: 0 20px 40px 20px;box-sizing: border-box;}
.in_main .innav_wz{ border-bottom:1px solid #eee;text-align: left;line-height: 50px;margin-bottom: 60px;color:#999;padding-left: 24px;background: url(../images/innav_wz.png) no-repeat left;}
.in_main .innav_wz a{ color:#999; font-size:14px;}
.in_main .innav_wz a:hover{color: #02a9b2; }
.in_main .innav_tit{margin-bottom: 50px;text-align: center;padding-bottom: 12px;}
.in_main .innav_tit span{font-size: 30px;color: #1b1b1b;position: relative;}
.in_main .innav_tit span:before{ content:"";position:absolute; width:183px; height:16px; background:url(../images/innav_tit.png) no-repeat;bottom: -30px; margin-left: -91px; left: 50%;}
.in_main .inmain_txt{}
.in_main .inmain_txt p{font-size: 14px;color: #8a8a8a;line-height: 26px;}
/* help */
.faq_contain {width: 100%;}
.qamain { width: 100%; margin-top: 20px;}
.qarside { width: 318px; }
.qarside .imgb { width: 100%; padding-bottom: 30px; }
.qarside .imgb img { width: 100%; height: auto; }
.qamain .b {margin-bottom: 10px;width: 100%;padding: 0 20px;box-sizing: border-box;/* box-shadow: 1px 1px 11px 0px rgb(4 0 0 / 10%); */border-radius: 10px;border: 1px solid #eee;}
.qamain .b:hover { border-color:#02a9b2;}
.qamain .b.on { border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.qamain .b .q {    /*! margin-bottom: 10px; */cursor: pointer;line-height: 55px;height: 55px;font-size: 15px;color: #333;position: relative;padding-left: 60px;/* border: 1px solid #eee; */}
.qamain .b .q em{display:inline-block;background-color: #02a9b2;height: 25px;color:#fff;line-height: 23px;padding: 0 5px;border-radius: 5px;margin-right: 10px;width: 25px;text-align: center;position: absolute;left: 20px;top: 16px;}
.qamain .b.on .q { color: #02a9b2; font-weight: bold; }
.qamain .b .a {display: none;padding: 18px 60px;font-size: 14px;line-height: 28px;color: #666;position: relative;background-color: #f6f6f6;margin-bottom: 18px;}
.qamain .b .a em{display:inline-block;background-color: #231815;height:20px;color:#fff;line-height: 19px;padding: 0 5px;border-radius: 15px;margin-right: 10px;position:absolute;left: 20px;top: 23px;width: 20px;text-align: center;display: none;}
.qamain .b .q:hover span.txt { color: #02a9b2; }

/*新闻资讯*/
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.newsfirst {
  margin: 20px 0 30px 0;
}
.nleft {
  width: 480px;
}
.nleft .pic {
  width: 100%;
  height: 230px;
}
.nleft .pic img{width:100%; height:100%;}
.nleft .pic:after {
  padding-bottom: 67%;
}
.nright {
  width: calc(100% - 500px);
}
.nright .newstit {
  padding: 19px 0 18px 25px;
  background: #02a9b2 url(../images/newsbg.jpg) no-repeat 95% center;
  color: #fff;
}
.nright .newstit span {
  font-size: 22px;
  display: inline-block;
}
.nright .newstit em {
  font-size: 12px;
  font-family: arial;
  display: inline-block;
  margin-left: 10px;
}
.nright .newscon {
  padding-top: 25px;
  /* border: 1px solid #d6d6d6; */
  background-color: #f5f5f5;
}
.nright .newscon .date {
  font-family: arial;
  color: #999;
  padding: 14px 0 10.3% 3%;
}
.nright .newscon .date span {
  font-size: 40px;
  display: block;
  margin-bottom: 6px;
}
.nright .newscon .date em {
  font-size: 12px;
}
.nright .newscon .newfirstcon {
  width: 83%;
  margin-left: 5%;
}
.nright .newscon .newfirstcon a {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  transition: 0.3s;
}
.nright .newscon .newfirstcon p {
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nright .newscon:hover a {
  color: #02a9b2;
}

.prev-next {
  float: left;
  margin-top: 10px;
}
.prev-next a {
  display: block;
  color: #999;
  line-height: 25px;
  transition: 0.3s;
}
.prev-next a b {
  color: #666;
}
.prev-next a:hover {
  color: #2b59a4;
}
.prev-next a.prev {
  border-bottom: 1px dashed #d4d4d4;
}

.pic {
  position: relative;
  overflow: hidden;
}
/*新闻列表*/
.new-list{ }
.new-list li{color: #666;padding: 36px 20px;/* border-bottom: 1px #efefef solid; */background-color: #fff;box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 5%);margin-bottom: 40px;}
.new-list li:hover{box-shadow: 0px 6px 10px 0px rgb(2 169 178 / 20%);}
.new-list li span{margin-right: 30px;color: #fff;text-align: center;background: #02a9b2;float: right;width: 80px;height: 80px;font-size: 14px;}
.new-list li span strong{font-size: 27px;margin-top: 13px;display: block;margin-bottom: 10px;}
.new-list li p{font-size: 14px;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.new-list li a{padding-bottom: 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 18px;color: #333;display: block;/* font-weight: bold; */}
.new-list li a:hover{ color: #02a9b2;}

/*新闻分页*/
.pagination {text-align: center;line-height: 30px;margin-top: 20px;}
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child{ padding: 0 10px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; margin: 4px; text-decoration: none; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pagination .number {width: 40px;font-size: 14px;border: 1px solid #e9e9e9;display: inline-block;color: #555;margin: 2px;text-decoration: none;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.pagination .number.current {width: 48px;font-size: 14px;border: 1px solid #02a9b2;display: inline-block;color: #fff;background: #02a9b2;margin: 0 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.pagination a:hover { text-decoration: underline; }


/* 文章页 */
.article{padding: 0 15px;}
.article .a-title{padding-bottom: 14px;border-bottom: 4px solid #f5f5f5;text-align: center;}
.article .a-title .h1{width: 100%;line-height: 35px;font-size: 36px;margin-bottom: 8px;padding: 0 10px 10px 0;margin-top: 0;font-weight: bold;}
.article .a-title .info{width: 100%;line-height: 20px;font-size: 12px;color: #999;}
.article .a-title .info em{margin-right: 18px;font-style: normal;}
.article .a-dd{padding: 10px;background: #f5f5f5;color: #666;font-size: 13px;line-height: 1.6em;border-radius: 4px ;border: 1px solid #eee; margin-bottom: 20px;}
.page_control .page_go{width: 50%;font-size: 12px;}
.page_control .page_go a{ line-height: 33px; font-size: 13px; color: #666;}
.page_control .page_go a:hover{ color: #02a9b2;}
.fl {  float: left;}
.fr {  float: right;}
.text-right {text-align: right!important;}
/* 返回样式 */
.page_control {width: 100%;margin-top: 30px;border-top: 1px solid #f1f1f1;padding-top: 20px;position: relative;}
.page_control .button {width: 120px;height: 30px;line-height: 28px;font-size: 14px;padding: 0;text-align: center;margin-top: -18px;background: #fff;border-radius: 0;display: inline-block;box-sizing: border-box;position: absolute;top: 3px;left: 48%;}
.button.btn-main-em {color: #02a9b2;border: 1px solid #02a9b2;}
.button.btn-main-em:hover{color: #fff;border: 1px solid #02a9b2; background-color:#02a9b2;}
/*track*/
.wayExpressBox{ margin-top: 20px; }
.wayExpressBox .search_txt {
    width: calc(100% - 140px);
    font-size: 14px;
    line-height: 18px;
    resize: none;
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid #02a9b2;
    position: relative;
    overflow: hidden;
float: left;}

.wayExpressBox .search_txt .query_txt {
    display: inline-block;
    line-height: 25px;
    width: 100%;
    height: 70px;
    border: none;
    font-size: 14px;
    vertical-align: top;
    color: #666;
    resize: none;
    overflow-y: hidden;
    outline: none;
}
.wayExpressBox .search_box {
    margin-bottom: 15px;
    position: relative;
    z-index: 3;
width: 130px;float: right;}
.wayExpressBox .result-list {
    position: relative;
    z-index: 1;
}
.wayExpressBox .search_box .search_btn {
    display: block;
    width: 100%;
    line-height: 40px;
    color: #fff;
    background: #02a9b2;
    border: 0;
    font-family: microsoft yahei;
    border-radius: 4px;
    cursor: pointer;
}
.wayExpressBox .result-list .result-item, .wayExpressBox .result-list .result-map-item {
    background: #fff;
    padding: 0 0 25px;
    color: #131313;
    margin-bottom: 20px;
    position: relative;
}

.wayExpressBox .result-list .result-item .result-top, .wayExpressBox .result-list .result-map-item .result-top {
    margin-bottom: 10px;
    position: relative;
border-bottom: 1px solid #f3f3f3;}
.wayExpressBox .result-list .result-item .result-top .numbers, .wayExpressBox .result-list .result-map-item .result-top .numbers {
    display: block;
    width: 520px;
    font-size: 20px;
    line-height: 56px;
    
    margin-bottom: 30px;
    margin: 0;
}
.wayExpressBox .result-list .result-item .result-top .result-static, .wayExpressBox .result-list .result-map-item .result-top .result-static {
    position: absolute;
    right: 0;
    top: 15px;
    text-align: right;
}
.wayExpressBox .result-list .result-item .result-top .result-static em.static-text, .wayExpressBox .result-list .result-map-item .result-top .result-static em.static-text {
    font-size: 16px;
    line-height: 26px;
}
.wayExpressBox .result-list .result-item .result-top .result-static.static-4 .static-text, .wayExpressBox .result-list .result-map-item .result-top .result-static.static-4 .static-text {
    color: #02a9b2;
}
.wayExpressBox .branch-list {
    min-height: 185px;
}

.wayExpressBox .result-list .result-item .branch-list .branch-item, .wayExpressBox .result-list .result-map-item .branch-list .branch-item {
    padding-left: 60px;
    position: relative;
    padding-bottom: 10px;
    display: none;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item.first, .wayExpressBox .result-list .result-map-item .branch-list .branch-item.first {
    display: block;
    font-weight: 700;
    color: #6c0611;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item.show, .wayExpressBox .result-list .result-map-item .branch-list .branch-item.show {
    display: block;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item.first .branch-circle, .wayExpressBox .result-list .result-map-item .branch-list .branch-item.first .branch-circle {
    width: 40px;
    height: 17px;
    line-height: 17px;
    background: #f5b100;
    color: #fff;
    left: 0;
    top: 0;
    border-radius: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-size: 12px;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item .branch-line, .wayExpressBox .result-list .result-map-item .branch-list .branch-item .branch-line {
    display: block;
    width: 1px;
    height: 100%;
    background: #e9e9ee;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 1;
}

.wayExpressBox .result-list .result-item .branch-list .branch-item .branch-text, .wayExpressBox .result-list .result-map-item .branch-list .branch-item .branch-text {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item .branch-time, .wayExpressBox .result-list .result-map-item .branch-list .branch-item .branch-time {
    font-size: 12px;
    color: #a1a1a1;
    line-height: 22px;
    font-weight: normal;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item .branch-circle, .wayExpressBox .result-list .result-map-item .branch-list .branch-item .branch-circle {
    display: block;
    width: 6px;
    height: 6px;
    padding: 6px;
    background: #fff;
    border: 1px solid #33a2f7;
    border-radius: 100%;
    position: absolute;
    left: 13px;
    top: 6px;
    z-index: 2;
}
.wayExpressBox .result-list .result-item .branch-list .branch-item .branch-circle em, .wayExpressBox .result-list .result-map-item .branch-list .branch-item .branch-circle em {
    display: block;
    width: 6px;
    height: 6px;
    background: #33a2f7;
    border-radius: 100%;
    position: absolute;
    left: 3px;
    top: 3px;
}
.express-cont.price .price-result .result-item-list div {
    line-height: 88px;
    text-align: center;
}
.express-cont.price .price-result .ship_a {
    display: block;
    width: 135px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #231815;
    cursor: pointer;
    margin: 0px auto 0;
    border-radius: 100px;
}


/*查价样式*/
.in_price{ padding: 20px 0; }
.price_con {margin: 0;color: #666;font-size: 15px;}
.p_item {float: left;margin: 0 2% 15px 0;width: 49%;border: 1px solid #e8e8e8;padding: 6px 0;border-radius: 100px;}
.p_item:nth-child(2n){ margin-right:0;}
.p_item_tiji{width: 100%;}
.p_item span {width:30%;text-align:right;display:inline-block;/*border-right: 1px solid #e8e8e8;*/padding-right: 16px;color: #000;}
.p_item .p_txt {width: 60%;height: 43px;border: 1px solid #fff;outline: none;padding-left: 10px;font-size: 15px;color: #666;}
.p_item .p_txt:focus{  
    border-style:solid;  
    border-color: #fff; 
    background-color:#f8f8f8; 
    
} 
.p_item .p_txt1 {width: 150px;}
.p_input {padding: 10px 100px;outline: none;border-radius: 5px;background-color: #02a9b2;color:#fff;font-size:16px;border: none;margin-top: 20px;}
.p_input:hover{
    opacity: 0.8;
}
table {
    border-collapse: collapse;
    border-spacing: 0;}
.biao1 { width: 1100px; text-align: center; margin:20px auto; }
.biao1 tr { }
.biao1 th {font-size: 14px;border: 0;padding:10px 0;background-color: #333;color:#fff;}
.biao1 td {font-size: 14px;border: 1px solid #ddd;padding:10px 0;}
.biao1 tr:hover{
    background-color: #f3f3f3;
}
/*查价结果*/
.express-cont.price .price-result {
    width: 100%;
    background: #f1f1f1;
    margin-bottom: 50px;
    display: none;
    margin-top: 20px;
}
.express-cont.price .price-result .result-item {
    height: 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.express-cont.price .price-result .result-item div {
    width: 20%;
    float: left;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    font-weight: 400;
    color: #696969;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.express-cont.price .price-result .result-item-list {
    height: 60px;
    /* line-height: 88px; */
}
.express-cont.price .price-result .result-item-list .product-type .item-number {
    font-size: 16px;
    font-weight: 700;
    color: #696969;
}
.express-cont.price .price-result .result-item .item-number i {
    font-size: 24px;
    color: #696969;
    line-height: 36px;
    margin-right: 5px;
}
::-webkit-input-placeholder {  color :  #666 ; }
::-moz-placeholder {  color :  #666 ; }
::-ms-input-placeholder {  color :  #666 ; }
/*留言*/
.add-msg-form{ margin-top:20px;}
.add-msg-form input {
    box-sizing: border-box;
    padding: 0 15px;
    /* border: 1px solid #ddd; */
    height: 50px;
    line-height: 50px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 14px;
    background-color: #f0fafb;
    outline: none;
}
.add-msg-form .cf-column {
    position: relative;
    width: 50%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.add-msg-form textarea {
    box-sizing: border-box;
    /* border: 1px solid #ddd; */
    color: #333;
    min-height: 100px;
    padding: 15px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f0fafb;
}
.add-msg-form .col-md-12 {
    width: 100%;
    position:relative;
}
.add-msg-form .col-md-12 .code{ position:absolute;right:15px;top:0;}
.add-msg-form .submit-button {
    box-sizing: border-box;
    width: 100%;
    line-height: 50px;
    height: 50px;
    float: right;
    padding: 0px 15px;
    border: 0px;
    color: #fff;
    position: relative;
    background-color: #02a9b2;
    cursor: pointer;
    font-size: 14px;
    margin-top: 0;
}