/*
Theme Name: Logimax
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Logistics & Transportation HTML Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/
.pc{display: block;}
.mobile{display: none;}
@media (max-width: 1200px) {
    .pc{display: none;}
    .mobile{display: block;}
}
ul ,ol ,li{
    list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.tc{
    text-align: center;
}
.swiper-pagination-bullet{
    background-color:var(--white) !important;
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active{
    background-color:var(--theme) !important;
}
.swiper img{
    max-width: 100%;
    text-align: center;
}
/*全国运输*/
.quanguoyunshu_list{ overflow:hidden; margin-top:5%;border-top:2px solid var(--border);}
.quanguoyunshu_list ul li.wrap{ overflow:hidden; border-bottom:2px solid var(--border); padding-top:50px; padding-bottom:50px;transition:all 0.3s; padding-right:60px; background:url(../images/i_pic2.png) right 20px center no-repeat; background-size:40px 40px;}
.quanguoyunshu_list ul li.wrap:hover{border-bottom:2px solid #182987; background-image:url(../images/i_pic2_on.png);}
.quanguoyunshu_list ul li.wrap .imgs{float:left;width:240px;overflow:hidden;/*background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s; position:relative;*/margin-right:40px;}
.quanguoyunshu_list ul li.wrap .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.quanguoyunshu_list ul li.wrap:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.quanguoyunshu_list ul li.wrap .txts{ 
    /* overflow:hidden; */
}
.quanguoyunshu_list ul li.wrap .txts .date{ overflow:hidden; color:#999999; font-size:17px; line-height:30px; height:30px;}
.quanguoyunshu_list ul li.wrap .txts .h3{font-weight:normal; overflow:hidden; font-size:26px;color:#000000; white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.quanguoyunshu_list ul li.wrap:hover .txts .h3{ color:#182987;}
.quanguoyunshu_list ul li.wrap .txts .p{ 
    overflow:hidden; 
    line-height:1.5em; 
    margin-top:38px; 
    /* height:150px;  */
    color:#999999;
     font-size:22px;
     text-overflow: ellipsis; 
     display: -webkit-box;
      -webkit-line-clamp: 2; 
      /* -webkit-box-orient: vertical;  */
      max-width:880px;}
.quanguoyunshu_list .title{
    display: inline-block;
    padding: 5px 15px;
    color: var(--white);
    background-color: var(--theme);
}
.quanguoyunshu_list .short_title{
    font-weight: 600;
    font-size: 14px;
    margin-left: 5px;
}
.quanguoyunshu_show .container{
    max-width: 1000px;
}

.newsnopic_list .title{
    padding:unset;
    color: var(--black);
    background-color: unset;
}

/*首页新闻中心*/
.index_news .content-item li{
    margin-bottom: 15px;
}
.index_news .content-item li a{
    color: var(--colorBlack);
    display: block;
    border: 1px solid #EBF0FC;
    padding: 20px 22px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  .index_news .content-item li a:hover{
    color: var(--colorPrimary);
      border-color: transparent;
      background: #fff;
      -webkit-box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
      box-shadow: 10px 0 30px rgba(210, 218, 249, 0.4);
  }
  .index_news .content-item li a .content-item-title{
    font-size: 15px;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  .index_news .content-item li a:hover .content-item-title{
    color: var(--colorPrimary);
  }
  .index_news .content-item li a .newsdate {
    color: #4f556b;
    display: block;
    margin-bottom: 18px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-family: 'Montserrat-Regular';
  }

  /*在线客服*/
  .side {
    position: fixed;
    width: 78px;
    right: 0;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-bottom: 0
}

.side ul li {
    width: 78px;
    height: 78px;
    float: left;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

.side ul li:hover {
    background: var(--theme);
    color: #fff
}

.side ul li:hover a {
    color: #fff
}

.side ul li i {
    height: 25px;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 14px;
    transition: all .3s
}

.side ul li i.bgs1 {
    background-image: url(../images/right_pic5.png)
}

.side ul li i.bgs2 {
    background-image: url(../images/right_pic7.png)
}

.side ul li i.bgs3 {
    background-image: url(../images/right_pic2.png)
}

.side ul li i.bgs4 {
    background-image: url(../images/right_pic1.png)
}

.side ul li i.bgs5 {
    background-image: url(../images/right_pic3.png)
}

.side ul li i.bgs6 {
    background-image: url(../images/right_pic6_on.png)
}

.side ul li:hover i.bgs1 {
    background-image: url(../images/right_pic5_on.png)
}

.side ul li:hover i.bgs2 {
    background-image: url(../images/right_pic7_on.png)
}

.side ul li:hover i.bgs3 {
    background-image: url(../images/right_pic2_on.png)
}

.side ul li:hover i.bgs4 {
    background-image: url(../images/right_pic1_on.png)
}

.side ul li:hover i.bgs5 {
    background-image: url(../images/right_pic3_on.png)
}

.side ul li .sidebox {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 0;
    right: 0;
    transition: all .3s;
    overflow: hidden
}

.side ul li.sidetop {
    background: var(--theme);
    color: #fff
}

.side ul li.sidetop:hover {
    opacity: .8;
    filter: Alpha(opacity=80)
}

.side ul li.sideewm .ewBox.son {
    width: 150px;
    height: 150px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 100px;
    position: absolute;
    left: -150px;
    top: 0;
    background-image: url(../images/ewm.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0
}

.side ul li.sideetel .telBox.son {
    width: 240px;
    height: 100px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 0px;
    background: var(--theme);
}

.side ul li.sideetel .telBox dd {
    display: block;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    padding-left: 82px;
    font-size: 18px
}

.side ul li.sideetel .telBox dd span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 32px;
    font-size: 18px
}

.side ul li.sideetel .telBox dd.bgs1 {
    background: url(../images/right_pic8.png) 28px center no-repeat;
    background-color: #e96410
}

.side ul li.sideetel .telBox dd.bgs2 {
    background: url(../images/right_pic9.png) 28px center no-repeat
}

.side ul li:hover .son {
    display: block!important;
    animation: fadein 1s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (max-width:1200px){
    .quanguoyunshu_list ul li.wrap{
        padding-right:0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .quanguoyunshu_list ul li.wrap .txts{
        margin-top: 15px;
    }
    .quanguoyunshu_list ul li.wrap .imgs{
        float:none;
        width:100%;
        margin-right: 0px;
        
    }
    .quanguoyunshu_list ul li.wrap .txts .p{
        margin-top:10px;
        max-width:100%;
        font-size: 18px;
        height: unset;
        display: block;
    }
}

.business-img{}

.footer-section .f-logo{
    display: flex;
    align-items: center; 
    justify-content: left; /* 水平居中 */
}
.footer-section .f-menu .widget-head{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--white);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.footer-section .f-menu .widget-head .list-area{
    
}
.footer-section .f-menu .list-area p{
    font-size: 14px;
    color: var(--white);
}
.footer-section .f-menu .list-area p span{
    margin-right: 10px;
}
.footer-section .f-menu .list-area p span a{
    color: var(--white);
}
.footer-section .f-menu .widget-head span{
    display: inline-block;
}
.footer-section .f-menu .widget-head span a{
    font-size: 18px;
    color:var(--white);
}
.footer-section .f-erweima .f-erweima-img img{
    max-width: 120px;
    height: auto;
}
.footer-section .f-erweima{
    display: flex;
    align-items: center; 
    justify-content:end;
}
.footer-section .f-erweima .f-erweima-title{
    font-size: 12px;
}

@media (max-width:1200px){
    .footer-section .f-erweima{
        text-align: left;
      }
    .footer-section .f-menu .widget-head{
        display: none;
    }
}