.slideshow {
    /* height: 600px; */
    object-fit: cover;
}



.atc-ls {
    box-sizing: border-box;
   padding: 30px 0;
}

.fx {
    display: flex;
}

.nav-link {
    white-space: nowrap;
}

.jumbotron {
    height: 450px;
}

.ifc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fdc {
    flex-direction: column;
}

.trade-guide {
    background-size: cover;
    min-height: 450px;
    padding-top: 60px;
    margin-top: 90px;position: relative;
}

.trade-bg {
    position: fixed;
    height: 120%;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
.a{position: absolute;}

.b {
    width: 100%;
}

.h {
    height: 100%;
}

.bb {
    box-sizing: border-box;
}
.ifx{display: inline-flex;}

.custom-gutter-trade>[class^="col-"]>div {
    height: 196px;
    cursor: pointer;
    transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;
}
.custom-gutter-trade>[class^="col-"]>div:hover {
    transform: translateY(-3px);
    transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;
}

.custom-gutter-trade>[class^="col-"]>div span {
    width: 288px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.trade-guide
{
    background-attachment: fixed;background-image: url(/template/default/images/bgcity.png);background-size: 100% auto;background-repeat: repeat-y;
}

.trade-guide h3 {
    color: #fff;
    
}

.trade-content{z-index: 3;left: 0;top: 0;}
.mask{background-color: rgba(0,0,0,0.7);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.trade-title{font-size: 38px;}
.art-title>span{
   /*  font-size: 20px; */font-weight: 700;line-height: 1.3;
}
.ar-thumb {
   object-fit: cover;border-radius: 5px;overflow: hidden;
 }
.secthon-t{color: #057FEB;}

@media (min-width: 576px){
    .logo-sm-height{
        height: 60px !important;
    }
}


/* @media (min-width: 576px){
    .trade-guide{height: 880px;margin-top: 20px;}
    .custom-gutter-trade>div{margin-top: 20px;}
    .trade-title{font-size: 20px;    margin-bottom: 30px;}
    .jumbotron{height:200px;}
} */
@media (min-width: 992px){
    .trade-guide{height: 450px;margin-top: 60px;}
    .custom-gutter-trade>div{margin-top: 0px;}
    .trade-title{font-size: 38px;   }
    .jumbotron{height:600px !important;}
    .swiper-wp,.slideshow{height: 600px;}
    .ar-thumb {
        width: 300px;
         height: 180px; 
     }
     .atc-ls {
        padding: 15px 0;
    }
}

.culture{width: 100%;height: 253px;box-sizing: border-box;background-color: #F8F8F8;}
.culture-desc{align-items: center;}
.culture img{
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.culture span{
    color: #000;
}
.art-title{flex: 1;margin-left: 1rem;}
.card-img-top{min-height: 100% !important;transform: scale(1);transition: 0.5s;}
.product:hover .card-img-top{transform: scale(1.1);transition: 0.5s;}
.product:hover .card-body{    box-shadow: 0 0 20px rgba(0, 0, 0, .2);transition: 0.5s;}
.product .card-body{    box-shadow: none;transition: 0.5s;}
.card-text{word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.jumbotron{background-position: center !important;}
.cf{color: #fff;}
.r{position: relative;}
.ib{display: inline-block;}
.topic-t{top: 100px;left: 50px;}
.form-control,.submit-btn{height: calc(1.5em + 1.75rem + 2px);}
.ml40{margin-left: 40px;}
.comp img{    max-width: 70%;    max-height: 100%;}
.comp {
    margin: 10px 0;
    width: 100%;
    /* max-width: 255px; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
   /*  width: 255px; */
    height: 70px;text-align: center;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    padding: 10px 0;    border-radius: 20px;
   /*  display: inline-flex;align-content: center;justify-content: center; */
}
.art-desc{line-height: 1.5;}
.x-news-time-box {
    border-left: 1px solid #f5f5f5;
}
.x-news-day {
    font-size: 36px;
    color: #555555;
    text-align: center;
   
}
 .x-news-time {
    font-size: 16px;
    color: #555555;
    text-align: center;
}
.x-news-time-box{width: 100px;
    line-height: 1.5;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.f0{font-size: 0;}
.swiper-pagination-bullet{width: 14px;border-radius:0;
    height: 3px;}
.swiper-button-next{
background-image: url(/template/default/images/next.png);
}
.swiper-button-prev{
    background-image: url(/template/default/images/prev.png);
}
.swiper-button-next, .swiper-button-prev{background-size: cover;}
.navbar{    padding: 1rem 1rem;}
.histroy{background-color: #F8F9FA;}
.text-theme{color: #057FEB;}