/* ========================================================================= *\
    vmcarousel plugin
\* ========================================================================= */

.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;height: 420px;}
.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left;}
.vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;}
.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}
.vmc-arrow-left, .vmc-arrow-right{
    position: absolute; top: 50%; left: -46px; width: 50px; height: 50px; margin-top: -25px; overflow: hidden;
    opacity: 1; border-radius: 50%; transition: opacity 0.3s ease;
    text-align: center;
    border: 2px solid #ccc;
}
.vmc-arrow-right{left: auto; right: -46px; border: 2px solid #ccc;}
.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;}
.vmc-arrow-left:after, .vmc-arrow-right:after{
    display: inline-block;
    font-style: normal;
    border-radius: 25px;
    font-size: 30px;
    line-height: 50px;
    color: #ccc;
    font-family: '宋体';
    height: 50px;
    width: 50px;
}
.vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after{color: #000;}
.vmc-arrow-left:after{content: "<";}
.vmc-arrow-right:after{content: ">";}
.vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;}
.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}

/* .container ul li{
    width: 200px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #ccc;
    padding: 0 10px;
} */
.container ul li span{
    width: 100%;
    height: 35px;
    display: block;
    line-height: 35px;
    text-align: center;
    border: 1px solid #ccc;
    border-top: none;
    margin: 0 auto;
}
@media screen and (max-width: 1399px){
.vmc-arrow-left{
    left:0;
    background: rgba(255, 255, 255, 0.726);
}
.vmc-arrow-right{
    right: 0;
    background: rgba(255, 255, 255, 0.726);
}
.vmc-arrow-left:after,.vmc-arrow-right:after{
    color: #ccc;
}
.vmc-viewport{
    height: 330px;
}
}