/*
Theme Name: 无锡市兴隆船舶有限公司
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制 for 无锡市兴隆船舶有限公司
*/


.top-menu{position: fixed;top:0;left:0;z-index: 999;width:100%;}
.banner{position: relative;width:100%;overflow: hidden;max-height: 100vh;}
.home-banner .bg-video{width:100%;}
.page-banner{width:100%;height: 600px !important;overflow: hidden;transition: 5s 0s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0px);
    overflow: Hidden;
}
.page-banner .page-video{
    transition: 5s 0s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0px);
    height: 500px;
    overflow: Hidden;
}
.page-banner .bg-video{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.8;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.single-post .main{background: #f1f1f1;}
.sleft{background: #fff;height: 100%;}
.sleft .stitle{background: #0D41AD;padding:15px 0;text-align: center;color:#fff;}
.sleft .stitle strong{display: block;font-size:30px;color:#fff;}
.sleft .nav{padding:15px 10px;}
.sleft .nav li{border-bottom: 1px solid #f1f1f1;padding:10px;}
.sleft .nav li:hover{background: #0D41AD;}
.sleft .nav li:hover a{color:#fff;}
.sleft .scontact{padding:15px;line-height: 2em;font-size:14px;}


/*产品相册*/


.slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;    
}

.page-content{background: #fff;}
.page-path{margin-bottom: 0;}
.page-content .text{background: #fff;}
.page-content .tjcp{background: #fff;padding:15px;}

.pc-slide {
	width: 100%;
	margin: 0 auto;
}

.pc-slide .preview{
    padding:5px 0;
    display: flex;
    justify-content: center;
}
.pc-slide .preview img{
    max-width: 80px;
    height: 55px;
    padding-right: 5px;
}

.pc-slide .cs{background: #fafafa;padding:10px;}
.pc-slide .cs h3{font-size:18px;border-bottom: 1px solid #ddd;padding: 10px;}

.slider {
    position: relative;
    width: 9999px;
}

.slider:before,
.slider:after {
    display: table;
    content: ' ';
}

.slider:after {
    clear: both;
}

.slider__item {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
}

.slider__item img {
    display: block;
    max-width: 100%;
    max-height: 450px;    
}

.slider__switch span {
    color: #fff;
    display: block;
    width: 32px;
    height: 32px;
}

/* Arrows */
.slider__switch {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    padding: 10px 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 1px;
    background: #000;
    opacity: .3;
    transition: opacity .15s ease;
    fill: #fff;
}

.slider__switch--prev {
    left: 10px;
}

.slider__switch--next {
    right: 10px;
}

.slider__switch:hover {
    opacity: .85;
}

.slider__switch[disabled] {
    visibility: hidden;
    opacity: 0;
}

.slider__caption {    
    display: none;
    /*
    描述不需要，隐藏
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: block;
    max-width: 500px;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000');
    */
}

.slider__caption[disabled] {
    opacity: 0;
    visibility: hidden;
}

.slider-nav {
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 99999;
    filter: alpha(opacity=90);
    /* ie8 */
}

.slider-nav__control {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.slider-nav__control.is-active {
    width: 12px;
    height: 12px;
    background: #fff;
}

.slider.has-touch {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.pv-icon-btn-play{display: block;}

/* 新闻 */
.newsbox{margin:0;padding:0;list-style-type: none;}
.newsbox li{max-width: 100%;display: flex;}
.newsbox li .dt{width:75px;height: 75px;background:#0D41AD;color:#fff;font-family: 'Times New Roman', Times, serif;text-align: center;flex:0 0 75px;}
.newsbox li .dt .day{font-weight: bold;text-align: center;font-size:30px}
.newsbox li .info{padding-left: 15px;flex: 0 1 auto;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsbox li .tit{font-size:16px;padding:10px 0;color:#0D41AD}
.newsbox li .desc{color:#999;}

.page-content>.text{padding:15px;}

@media (max-width: 580px) {
    .slider__switch {
        display: none;
    }

    .slider__caption {
        display: none;
    }
}


@media (min-width: 1199.98px) {           
    header{background:#fff;}
    .logo{padding-top:5px;}
    .logo{display: flex;}
    .logo h1{padding-left: 10px;}
    .logo img{max-width: 250px;}        
    .top-menu .container{width:100%;max-width: 100%;transition: all ease .5s;}
    .banner{height: 100%;}
}

@media (max-width:1366px){
    .banner{height: auto !important;}  
}

@media (min-width: 991.98px) {             
    .hp .item img{height: 300px;}
    .footer .fnav{border-left: 1px solid #3399cc;border-right: 1px solid #3399cc;padding-left: 2em;height: 100%;}    
    .box_skitter_large {width: 100%;height: 500px;}
    .box_skitter .prev_button,.box_skitter .next_button{margin-top:-50px;}        
    .top-menu .navbar-nav{width:100%;justify-content: flex-end;}
    .top-menu .navbar-nav>.nav-item>a{color:#fff;font-size:16px;padding:15px;display: block;position: relative;text-shadow: 1px 1px 2px #000;}
    .top-menu .navbar-nav>.nav-item>a::before{content: '';position: absolute;width:100%;height: 3px;
        left: 0;bottom: 0;background-color: #ffff00;transform: scale(0);
        transition: all ease .3s;
    }
    .top-menu .navbar-nav>.nav-item>a:hover{color:#ffff00;transform: translate(10);}
    .top-menu .navbar-nav>.nav-item>a:hover::before{transform: scale(1);}
    .top-menu .navbar-nav>.nav-item{position: relative;}
    .top-menu .navbar-nav>.nav-item .dropdown-menu{display: block;border-radius: 0 !important;transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0;}
    .top-menu .navbar-nav>.nav-item:hover .dropdown-menu{display: block;transform: scaleY(1);}

    .banner .bt{width:100%;position: absolute;top:40vh;text-align: center;color:#fff;z-index: 200;text-shadow: 1px 1px 1px #666;}
    .page-banner .bt{top:180px;}
    .banner .a1,.banner .a2{font-size:22px;line-height: 2em;letter-spacing: 2px;opacity: 0;color:#fafafa;}    
    .banner .a3{color:#99ff99;font-size:40px;font-family: '楷体';letter-spacing: 3px;opacity: 0;}
    .banner .a4{opacity: 0;}
    .banner .down-arrow{position: absolute; bottom: 10px;text-align: center;color:#fff;width:100%;}
    /* .top-menu .navbar-nav>.nav-item>.nav-link:hover{color:#fff;} */
    .box_skitter_large {width: 100%;height: 500px;}
    .box_skitter .prev_button,.box_skitter .next_button{margin-top:-50px;}
    .topbg{background:rgba(0, 0, 0, 0.7);}
    .topbg .container{max-width: 1140px;margin:auto;transition: all ease .5s;}

    .honor-list .blocks-gallery-item{width: 33%;flex-grow:0 !important}
 }

 @media (min-width: 768px) and (max-width: 991.98px) { 
     .logo img{max-width: 150px;}
    .box_skitter_large {width: 100%;height: 500px;}
    .top-menu{position: fixed;top:0;width:100vw;z-index: 999;box-shadow: 1px 1px 1px #333;background:rgba(0,177,215,0.9);}
    .top-menu .navbar-nav{padding:15px;font-size: 16px;}
    .top-menu .navbar-nav li{border-bottom: 1px solid #ddd;}     
    .top-menu a:link,.top-menu a:visited{color:#fff;}
    .box_skitter .prev_button,.box_skitter .next_button{margin-top:-50px;}     
    .banner{height: auto !important;}  
    .banner .bt{width:100%;position: absolute;top:100px;text-align: center;color:#fff;z-index: 55;text-shadow: 1px 1px 1px #666;padding:0 5vw;}
    .banner .a1,.banner .a2{font-size:22px;line-height: 2em;opacity: 0;color:#fafafa;}    
    .banner .a3{color:#99ff99;font-size:40px;font-family: '楷体';letter-spacing: 3px;opacity: 0;}
    .banner .a4{opacity: 0;}
    .banner .down-arrow{display: none;}
    .navbar-toggler{font-size:1.5rem !important;color:#fff;display: block;}
}

 @media (max-width:768px) {      
     body{padding-top:58px;}
     .logo img{max-width: 150px;}
     .top-menu{position: fixed;top:0;width:100vw;z-index: 999;box-shadow: 1px 1px 1px #333;background:rgba(0,177,215,0.9);}
     .top-menu .navbar-nav{padding:15px;font-size: 16px;}
     .top-menu .navbar-nav li{border-bottom: 1px solid #ddd;}     
     .top-menu a:link,.top-menu a:visited{color:#fff;}
     .navbar-toggler{font-size:1.5rem !important;color:#fff;display: block;}     
     .banner{overflow-x: hidden;}
     .mynav{display: none;}
     .footer .fnav,.footer .copyright{border-top:1px solid #ddd;}
     .footer .copyright{display: none;}
     .box_skitter_large {width: 100%;height: 500px;}
     .box_skitter .prev_button,.box_skitter .next_button{margin-top:-50px;}     
    
    .banner .bt{width:100%;position: absolute;top:100px;text-align: center;color:#fff;z-index: 55;text-shadow: 1px 1px 1px #666;padding-left: 10px;padding-right: 10px;}
    .banner .a1,.banner .a2{font-size:14px;line-height:30px;color:#fafafa;opacity: 0;}    
    .banner .a3{color:#99ff99;font-size:22px;font-family: '楷体';letter-spacing: 3px;opacity: 0;}
    .banner .a4{opacity: 0;}
    .banner .down-arrow{display: none;}

    
    .pc-slide {
        width: 100%;
        margin: 0 auto;
    }

    .view .swiper-container {
        width: 100%;
        height: auto;
        border:1px solid #ddd;
        overflow: hidden;
    }

    .view .swiper-wrapper img{
        width:100%;
        height: auto;
    }
}