@charset "utf-8";
/* CSS Document */
body {
    MARGIN: 0px;
    PADDING: 0px;
    COLOR: #000;
    FONT-SIZE: small;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto;
   

}
html {
    width:100%;
}
 /*链接样式*/
a{ font-size: small; color:#444;} 
a:link{text-decoration : none ;color : #444;} 
a:visited {text-decoration : none ;color : #444;} 
a:hover {text-decoration : underline ;color: #ED1218;} 
a:active {text-decoration : none ;color : #444;}

/*去除链接虚线*/  
a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}

 /*定义层容器*/
.main {
  margin:0;
  width:100%;
  float:left;
  position:relative;
}
#head {
 width:100%;
 margin:0 auto;
 padding:0;
 overflow:hidden;
}

p,ul,li{ padding:0; margin:0; list-style:none;}
img{ border:0;}
.clear{ clear:both }


/*定义主内容*/
.PageBody { float:left; display:inline; width:96%; margin:0 0 0 2%; height:auto; position:relative;}


/*顶部菜单*/

.page-top {
    width: 100%;
    height: 48px;
    background-color: rgba(14, 20, 36, 0.9);
    color:#fff;
    z-index:999;
    position:fixed;
    left:0;
    top:0;

}
.top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top:0;
}
.top_logo {
    flex: 1 1 auto;
    text-align: left;
    transition: all 0.5s ease;
}
    .top_logo img {
        height:24px;
        margin:14px 0 0 10px;
    }
.top_s {
   flex: 0 0 40px;
   margin:14px 10px 0  0;
}
    .top_s i {
        font-size:large;
    }
.top_search {
    flex: 1 1 20%;
    margin: 10px 20px 0 3%;
    transition: all 0.5s ease;
    display:none;
}
    .top_search form {
        float:left;
        display:inline;
        width:100%;
        background-color:#fff;
        border-radius:10px;
        position:relative;

    }
    .top_search form i{
        position:absolute;
        right: 0px;
        top: 0px;
        z-index:1;
        color:#000;
        cursor:pointer;
        padding: 5px 8px;
        font-size:large;
       
    }
        .top_search form input {
            float: left;
            display: inline;
            width: 100%;
            padding: 6px 10px;
            border-radius: 10px;
            border: none;
            box-sizing: border-box;
            caret-color: auto;
            transition: all 0.5s ease;
        }

.top_m{
    flex: 0 0 auto;
    margin-top: 12px;
    caret-color: transparent;
    position: relative;
    margin-right: 20px;
}
    .top_m i {
        font-size: x-large;
    }

/*主菜单样式*/
.top_menu {
    flex: 2 2 auto;
    position: absolute;
    width: 100%;
    z-index: 901;
    left: 0;
    top: 48px;
    display:none;
    padding: 20px 0;
    background-color: rgba(0,0,0,0.9);
}
#menu {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-bottom:40px;
}

    #menu li {
        text-align:center;
        width:48%;
        float:left;
        margin:20px 0 0 2%;
    }

        #menu li a {
            text-decoration: none;
            color: #fff;
            padding:0;
            width:100%;
            float:left;
            display: inline;
        }
            #menu li a b {
                float:left;
                width:100%;
                font-weight:normal;
                 padding:8px 0;
            }

        #menu li i {
            font-size: x-large;
        }

.line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.m_line .line {
  left: 15%;
  width: 70%;
}



#banner {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    padding:48px 0 0 0;
    transition: height 0.5s ease;
    overflow: hidden;
    margin: 0 0 -10px 0;
}
#ind_video {
    float:left;
    width:100%;
    height: auto;
    overflow: hidden;
    position:relative;
}
#vd {
    float: left;
    display: block;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}
#p-vd {
    position:absolute;
    font-size: 8VW;
    left:calc(50% - 4VW);
    top:calc(50% - 4VW);
    z-index:3;
    color:#fff;
}

@keyframes scaleText {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}
#p-vd {
    animation: scaleText 2s ease-in-out infinite;
}


/*游艇系列*/
#ind_pro {
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    background: #434750 url("img/page_b1.jpg") no-repeat center top;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.ind_tit {
    float:left;
    display:block;
    width:100%;
    text-align:center;
    color:#fff;
}

    .ind_tit h1 {
        float:left;
        display:block;
        width:100%;
        font-size: x-large;
        padding:10px 0;
        margin:40px 0 0 0;
        letter-spacing:2px;

        }
    .ind_tit a {
        color:#fff;
        font-size: medium;
    }
    .ind_tit span {
        width:90%;
        float:left;
        display:block;
        margin:0 0 0 5%;
        color: #fff;
        font-size: small;
    }

.ind_pro {
    float:left;
    display: block;
    width:100%;
    position:relative;
    height: auto;
    margin-top: 40px;
    overflow:hidden;
    padding-bottom:100px;
    
}

    .ind_pro .bd {
        position: relative;
        z-index: 0;
        width:100%;
        float:left;
    }
    .ind_pro .bd li {
        position: relative;
        float: left;
        display: inline;
    }

        .ind_pro .bd li img {
            display: block;
            width: 90%;
            margin-left:5%;
            transition: all 0.3s ease;
        }

        .ind_pro .bd li b {
            position: absolute;
            left: 0px;
            bottom: 30px;
            z-index: 1;
            color: #fff;
            mix-blend-mode: screen;
            font-size: medium;
            width:100%;
            letter-spacing:1px;
        }

        .ind_pro .bd li span {
            position: absolute;
            left: 0;
            bottom: 0px;
            z-index: 1;
            color: #fff;
            width:100%;
            mix-blend-mode: screen;
        }

        .ind_pro .bd li dd {
            position: absolute;
            right: 60px;
            bottom: 60px;
            z-index: 1;
            color: #fff;
            mix-blend-mode: screen;
            margin: 0;
            padding: 0;
        }

.ind_pro .hd {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 8px;
    bottom: 60px;
    text-align: center;
}

    .ind_pro .hd li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 12px;
        height: 12px;
        line-height: 99px;
        overflow: hidden;
        margin: 0 5px;
        cursor: pointer;
        background-color: #A6A7A9;
        border-radius:50%;
    }

        .ind_pro .hd li.on {
            background-color:#fff;
        }

    .ind_pro .prev {
        width: 20px;
        height: 20px;
        position:absolute;
        left: 50%;
        top: -4px;
        margin-left: -80px;
        background-color: #fff;
        border-radius:50%;
        text-align:center;
        line-height:20px;
    }

    .ind_pro .next {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 50%;
        top: -4px;
        margin-left: 60px;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
    }


/*3D展示*/
#ind_pro_3D {
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    background: #22262F url("img/page_b2.jpg") no-repeat center top;
    background-size: cover;
    padding-bottom: 80px;
    overflow: hidden;
    overscroll-behavior: contain;
}
    #ind_pro_3D .color-tit {
        display:none;
    }
    .pro_3D_show {
        width: 120%;
        display: block;
        float: left;
        margin: 40px 0 0 -10%;
        position: relative;
    }
    .pro_3D_show img {
        float: left;
        width: 100%;
        cursor: move;
    }
.reel-preloader {
        bottom:30px !important;
        position: absolute;
        height:1px !important;
        left:0;
        background-color: rgba(255, 255,255, 0.5) !important;

}
.pro_3D_item {
    height:40px;
    width:100%;
    text-align:center;
    position:absolute;
    bottom:-40px;
    left:0;
    display:flex;
    justify-content:center;

}
    .pro_3D_item a {
        margin: 0 10px 0 10px;
        color: #fff;
        cursor: pointer;
        transition: all 0.5s ease;
    }

        .pro_3D_item a:hover {
            text-decoration:none;
        }
        .pro_3D_item a:hover img {
            transform: scale(1.3);
        }
        .pro_3D_item a img{
            float: left;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            margin-right: 10px;
            border:#1D212A solid 2px;
            transition: all 0.5s ease;
            cursor:pointer;
        }
.pro_3d_on img{
    border:#fff solid 2px !important;
}
.pro_3d_R {
        position:absolute;
        width:135px;
        height:66px;
        background:url("images/L.png") no-repeat center top;
        right:0;
        top: calc(50% - 100px);
        cursor:pointer;
        display:none;
}
.pro_3d_L {
    position: absolute;
    width: 135px;
    height: 66px;
    background: url("images/R.png") no-repeat center top;
    left: 0;
    top: calc(50% - 100px);
    cursor:pointer;
    display:none;
}

.pro-show {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
}
.pro-show .pro_3D_item a:hover img {
    transform: scale(1.3);
}

.pro-show .pro_3D_item a img {
    width: 20px;
    height: 20px;
    border: #ddd solid 2px;
    transition: all 0.5s ease;
    cursor: pointer;
}
.pro-show .pro_3d_on img {
    border: #F36B53 solid 2px !important;

}
.pro-show .pro_3D_item {
    bottom: 15px;
}
.pro-show .pro_3D_item a{
    padding:0;
    width:20px;
}
.pro-show .pro_3D_show {
     min-height:260px;
    margin: 20px 0 0 -10%;

}
.pro-show .reel-preloader {
    bottom:50px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.color-tit {
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    bottom:70px;
    font-size:16px;
    letter-spacing:2px;
    font-weight:bold;
}

/*关于*/

#ind_abt {
    float:left;
    display:block;
    width:100%;
    height:auto;
    background-color:#000;
}
    #ind_abt ul {
        padding:0;
        margin:0;

    }
        #ind_abt ul li {
            float:left;
            display:inline;
            width:50%;
            position:relative;
            text-align:center;
            color:#fff;
        }
            #ind_abt ul li:hover p {
                transform: translateY(-20px);
            }
            #ind_abt ul li:hover a {
                opacity: 1;
                visibility: visible;
                border: #fff solid 1px;
                transform: scale(0.9);
            }
            #ind_abt ul li img {
                width:100%;
                float:left;
            }
            #ind_abt ul li p {
                position: absolute;
                width: 60%;
                text-align: center;
                top: 20%;
                left: 0;
                padding: 0;
                margin: 0 0 0 20%;
                display: inline-block;
                transition: all 0.5s ease;
            }
            #ind_abt ul li em {
                font-size: small;
                font-style:normal;
                letter-spacing:2px;
                font-weight:normal;
                border-bottom:#fff solid 1px;
                padding-bottom:4px;
                width:100%;
                float:left;
            }
            #ind_abt ul li b {
                width:100%;
                 font-size: medium;
                 font-weight:normal;
                 letter-spacing:2px;
                 padding:10px 0;
                float:left;
               
            }
            #ind_abt ul li span {
                font-size: small;
                border-bottom:#fff solid 1px;
                padding-bottom:8px;
                float:left;
                width:100%;
            }
            #ind_abt ul li a {
                position: absolute;
                width: 120%;
                border: #000 solid 1px;
                padding: 5px 0;
                left: -10%;
                bottom: -60px;
                color: #fff;
                font-size: small;
                text-decoration:none;
                font-weight: normal;
                border-radius: 5px;
                opacity: 0;
                visibility: hidden;
                transition: all 0.5s ease;
            }
                #ind_abt ul li a:hover {
                    transform: scale(1);
                }

/*风采展示*/

.color-1 h1{
    color:#000;
}
.color-1 span {
    color:#000;
}


#ind_show {
    float: left;
    width: 100%;
    height: auto;
    background-color: #DCDCDC;
    padding:0px 0 40px 0;
    overflow:hidden;
    min-height:200px;
}



.ind_show {
    width: 100%;
    height:  auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-top: 40px;
}

    .ind_show .bd {
        width: 90%;
        position: relative;
        float:left;
        margin:0 0 0 5%;
    }

        .ind_show .bd li {
            position: relative;
            padding: 0;
            list-style: none;
            float:left;
            display:block;
        }


            .ind_show .bd li img {
                position: relative;
                z-index: 1;
                width: 100%;
                height: auto;
                float:left;
                display:block;
                
            }


                .ind_show .bd li b {
                    position: absolute;
                    left: calc(50% - 20px);
                    top: calc(50% - 40px);
                    width: 40px;
                    height: 40px;
                    z-index: 5;
                    color: #fff;
                    mix-blend-mode: screen;
                    font-size: xx-large;
                    font-weight: normal;
                    cursor: pointer;
                    transition: all 0.5s ease;
                }
                .ind_show .bd li b:hover {
                   
                    transform: scale(1.1);
                }

                .ind_show .bd li span {
                    position: absolute;
                    width: 100%;
                    bottom: 30%;
                    left: 0;
                    z-index: 3;
                    color: #fff;
                    mix-blend-mode: screen;
                    font-size: medium;
                    font-weight: 100;
                    letter-spacing: 2px;
                }

            .ind_show .bd li dd {
                position: absolute;
                right: 60px;
                bottom: 60px;
                z-index: 8;
                color: #fff;
                mix-blend-mode: screen;
                font-size: 12px;
                margin: 0;
                padding: 0;
            }


    .ind_show .hd {
        display: none;
    }

    .ind_show .prev, .ind_show .next {
        position: absolute;
       
        width: 40px;
        height: 40px;
        z-index: 6;
        top: calc(50% - 20px);
        background-color: #fff;
        border-radius: 50%;
    }

        .ind_show .prev i, .ind_show .next i {
            font-size: large;
            margin-top:12px;
        }

    .ind_show .prev {
        left: 10px;
    }
    .ind_show .next {
        right: 10px;
    }

    #show-vd {
        position: absolute;
        left: 5%;
        top: 0;
        width: 90%;
        height:400px;
        height:auto;
        z-index:1;
        overflow: hidden;
        display:none;
    }

#showvd {
    width: 100%;
    object-fit: fill;
}
.ind_show .bd li b {
    animation: scaleText 2s ease-in-out infinite;
}


/*首页新闻*/
#ind_news {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 40px 0;
    background-color: #323232;
   
}
.ind_news_L {
    float: left;
    display: inline;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    margin: 40px 0 0 0;
    transition: all 0.5s ease;
    border-radius:5px;
}

    .ind_news_L .bd li {
        float: left;
        display: inline;
        position: relative;
        width: 100%;
        height: auto;
       
    }
        .ind_news_L .bd li a {
            float: left;
            display: block;
            color: #000;
          
        }

        .ind_news_L .bd li a h3 {
            float: left;
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            font-size: medium;
            font-weight: normal;
        }
    .ind_news_L .bd li a span {
        float: left;
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        padding-bottom: 15px;
        border-bottom: #000 solid 2px;
        font-size: small;
        line-height: 180%;
        color:#666;
    }
    .ind_news_L .bd li a b {
        float: left;
        display: block;
        font-weight: normal;
        font-size: small;
        margin-top: 20px;
    }

    .ind_news_L .bd li a div {
        float: left;
        display: inline;
        padding: 5%;
        margin: 0;
        box-sizing: border-box;
    }
    .ind_news_L .bd li a img {
        float: left;
        display: block;
        width: 100%;
    }
    .ind_news_L .hd {
        position:absolute;
        right:6%;
        bottom:30px;
        padding:0;
        margin:0;
        
    }
        .ind_news_L .hd li {
            float: left;
            display: inline;
            width: 8px;
            height: 8px;
            color: #12151A;
            background-color: #12151A;
            margin-right: 10px;
            overflow: hidden;
            border-radius: 5px;
            cursor: pointer;
            transition: transform 0.5s ease;
        }
        .ind_news_L .hd .on {
            width:20px;
            
        }
.ind_news_R {
    float: right;
    display: inline;
    width: 100%;
    margin: 10px 0 0 0;
    overflow:hidden;
}
    .ind_news_R ul {
        display:flex;
        flex-direction: column;
        justify-content: start;
        height:100%;
    }
        .ind_news_R ul li {
            transition: transform 0.5s ease;
            margin-bottom: 10px;
           
        }
            .ind_news_R ul li:last-child {
                margin:0;
            }
            .ind_news_R ul li:hover {
                transform: translateY(-5px);
            }
            .ind_news_R ul li a {
                flex: 0 1 auto;
                padding: 2%;
                background-color: #fff;
                display: flex;
                justify-content: space-between;
                color: #000;
                text-decoration: none;
                border-radius: 5px;
            }
        .ind_news_R ul li a div {
          flex:0 1 auto;
          width:85%;
          margin-left:4px;
        }
        .ind_news_R ul li a dl {
           flex: 0 0 1;
           padding:0;
           margin:40px 0 0 0;
           width:60px;
           text-align:center;
        }
            .ind_news_R ul li a dl dt {
                width:100%;
                height:40%;
                font-size: small;
                
            }
            .ind_news_R ul li a dl dd {
                width:100%;
                height:40%;
                margin-top:4px;
                font-size: medium;
            }
        .ind_news_R ul li a h3 {
            float: left;
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            font-size: medium;
            font-weight: normal;
        }
        .ind_news_R ul li span {
            float:left;
            display:block;
            width:100%;
            height:40px;
            overflow: hidden;
            margin:10px 0 0 0;
            font-size: small;
            line-height: 180%;
            color:#666;
        }

/*底部*/

#pilot {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom:-20px;
    z-index:8;
    position:relative;
}
    #pilot img {
        width:100%;
    }
    #pilot a {
        position: absolute;
        right: 2%;
        top: 20%;
        text-align: center;
        font-size: 2.5VW;
        color: #fff;
        letter-spacing: 2px;
        transition: all 0.5s ease;
    }
        #pilot a:hover {
            transform:scale(1.2)
        }
    #pilot a b {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 4px;
    }
    #pilot i {
        color:#fff;
        font-size: 5VW;
    }
.pilot_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: #323232;
    z-index:-1;
}
.bg-color-1 {
    background-color: #323232;
}

#btm {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 30px 0;
    background-color: #323232;
    z-index: 0;
}
.btm_T {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: #fff solid 1px;
    padding: 20px 0 30px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.btm_T img{
    flex:0 0 300px;

}
    .btm_T ul {
        flex: 2 2 auto;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .btm_T li {
        margin-left:5%;
    }
#btm a {
    color: #fff;
    transition: all 0.5s ease;
}
    #btm a:hover {
        letter-spacing: 2px;
    }
.btm_C {
    float:left;
    width:96%;
    margin:20px 0 0 2%;
    padding:20px 0;

}
    .btm_C ul {
        display:flex;
        justify-content:space-between;
        flex-wrap: nowrap;
    }
        .btm_C ul li {
            display:flex;
            justify-content:left;
        }
            .btm_C ul li span {
                margin-left:15px;
                color:#fff;
                line-height:160%;
            }
            .btm_C ul li a {
                color: #F36B53 !important;
                border: #F36B53 solid 2px;
                height:16px;
                padding:5px 10px;
                font-size:12px;
                border-radius:20px;
                margin-top:6px;
                text-decoration:none;
            }
            .btm_C ul li img {
                height:40px;
            }
    .btm_C i {
        color: #F36B53;
        font-size:34px;
        margin-top:4px;
    }

.btm_B {
    float: left;
    width: 100%;

    color: #585858;
    font-size:small;
    text-align:center;
    margin:30px 0 0 0;
}



.bar {
    float:left;
     width:100%;
     max-height:300px;
     overflow:hidden;
     margin:48px 0 -4px 0;
}
    .bar img {
        width:100%;
    }
.nav-tit {
    float: left;
    width: 100%;
    border-bottom: #dedede solid 1px;;
    font-weight: normal;
    height:40px;
    background-color:#f5f5f5;
   
}
    .nav-tit span {
        float:left;
        display:inline;
        width: 90%;
        margin:10px 0 0 10px;
    }
    .nav-tit ul {
        float:right;
        display: flex;
        flex-wrap:nowrap;
        justify-content:end;
        width:60%;
        height:40px;
        margin-top:0px;
    }
    .nav-tit b {
        position: absolute;
        height: 5px;
        bottom: -3px;
        width: 5%;
        right: 0;
        background-color: #EC6A52;
        transition: all 0.5s ease;
        display:none;
    }
        .nav-tit ul li {
            margin:0 4% 0 4%;
        }
            .nav-tit ul li a {
                height:100%;
                float:left;
                padding:0 4px;
                font-weight:bold;
            }

/*产品中心*/
.pro {
    float:left;
    display:block;
    width:100%;
    height:auto;
    margin:0 0 20px 0;
}
.pro_tit {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    margin:0;
   
}

    .pro_tit h1 {
        float: left;
        display: block;
        width: 100%;
        font-size: large;
        padding: 10px 0 4px 0;
        margin: 10px 0 0 0;
        letter-spacing: 2px;
    }


    .pro_tit span {
        color: #000;
        font-size: small;
        color:#666;
    }

.pro-slide {
    float:left;
    display:block;
    width:100%;
    height:auto;
    margin:10px 0 20px 0;
    position:relative;
}
.pro-slide .ul {
    float:left;
    width:100%;
    position:relative;
    display:flex;
    justify-content: space-between;
    flex-wrap:nowrap;
    margin:0;
    padding:0;
    overflow:hidden;
}
    .pro-slide a i {
        font-size: x-large;
    }
    .pro-slide .next {
       position:absolute;
       left: 0;
       top: calc(50% - 30px);
       z-index:88;
    }
    .pro-slide .prev {
        position: absolute;
        top: calc(50% - 30px);
        right: 0px;
    }
    .pro-slide ul li {
        width: 100%;
        overflow: hidden;
        height: auto;
        float:left;
       
    }
        .pro-slide ul li a {
            padding: 20px;
            box-sizing: border-box;
            background-color: #F8F9FB;
            float: left;
            border-radius: 10px;
            margin: 0 10px 0 10px;
            position:relative;
           
        }
        .pro-slide ul li a:hover img{
            transform: translateY(-5px);
        }
            .pro-slide ul li a h3 {
                float: left;
                width: 100%;
                padding: 15px 0 0 0;
                margin: 0;
                font-size: small;
                border-top: #C9C9C9 solid 1px;
                text-indent:10px;
            }
            .pro-slide ul li a span {
                float: left;
                display: block;
                width: 100%;
                color:#666;
                font-size: small;
                margin: 8px 0 0 0;
                padding-left: 10px;
                border-radius: 10px;
            }
            .pro-slide ul li a i {
                position: absolute;
                right: 30px;
                bottom: 30px;
                z-index: 3;
                font-size: medium;
                background-color: #F8F9FB;
            }
        .pro-slide ul li img {
            width: 100%;
            float: left;
           
            transition: transform 0.5s ease;
        }

.pro-list {
    float:left;
    width:100%;
    height:auto;
}
    .pro-list ul {
        float:left;
        display:flex;
        justify-content: left;
        flex-wrap: wrap;
        width:100%;
    }
    .pro-list ul li {
        width: 100%;
        overflow: hidden;
        height: auto;
        margin-top:20px;
    }

        .pro-list ul li a {
            padding: 20px;
            box-sizing: border-box;
            background-color: #F8F9FB;
            float: left;
            border-radius: 10px;
            margin: 0 10px 0 10px;
            position: relative;
            transition: transform 0.5s ease;
        }

            .pro-list ul li a:hover {
                transform: translateY(-5px);
            }

            .pro-list ul li a h3 {
                float: left;
                width: 100%;
                padding: 15px 0 0 0;
                margin: 0;
                border-top: #C9C9C9 solid 1px;
                text-indent: 10px;
            }

            .pro-list ul li a span {
                float: left;
                display: block;
                width: 100%;
                font-size: 12px;
                margin: 8px 0 0 0;
                padding-left: 10px;
                border-radius: 10px;
            }

            .pro-list ul li a i {
                position: absolute;
                right: 30px;
                bottom: 30px;
                z-index: 3;
                font-size: 20px;
                background-color: #F8F9FB;
            }

        .pro-list ul li img {
            width: 100%;
            float: left;
           
        }

.pro-cot {
    float:left;
    display:block;
    width:100%;
    padding:20px 0;
    box-sizing:border-box;
    line-height:180%;
}
.pro-pics {
    float:left;
    width:100%;
    display:block;
    margin:40px 0 0 0;
}
    .pro-pics h2 {
        float:left;
        width:100%;
        font-size: medium;
        margin:0;
        padding:0;
    }
    .pro-pics b {
        float:left;
        display:block;
        width:100%;
        font-size: small;
        font-weight:normal;
        margin:4px 0 0 0;
    }
    .pro-pics ul {
        float:left;
         width:100%;
         height:auto;
         display:flex;
         justify-content:space-between;
         flex-wrap:wrap;
         margin:20px 0 0 0;
    }
        .pro-pics ul li {
            width: 48%;
            margin: 0 0 10px 0;
            height:auto;
            overflow:hidden;
        }
        .pro-pics ul img {
            width: 100%;
           
            cursor: pointer;
            transition: transform 0.5s ease;
        }
            .pro-pics ul img:hover {
                transform: scale(1.1)
            }
#search_list {
    float:left;
    display:block;
    width:100%;
    height:auto;
}
.search-span{
    padding: 20px 0;
    width: 40%;
    float: left;
    display: block;
    margin: 40px 0 0 30%;
    border: #F36B53 solid 1px;
    text-align: center;
}

/*预约试航*/

#msg {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    position:relative;
   
}
#msg-vd {
    float:left;
    display:block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    z-index:0;
    min-height:600px;
}
.msg-cot {
    position: absolute;
    width: 80%;
    height: auto;
    top: 120px;
    left: 10%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 20px;
    z-index:1;
    box-sizing: border-box;
    border-radius:5px;
}
.msg-cot h1{
    float:left;
    display:block;
    margin:0;
    padding:0;
    font-size: large;
    font-weight:normal;
    letter-spacing:2px;

}
.msg-cot ul{
    float:left;
    display:block;
    width:100%;
    margin:10px 0 0 0;
}
    .msg-cot ul li {
        float:left;
        display:block;
        width:100%;
        border-bottom:#fff solid 1px;
        padding:10px 0;
    }
        .msg-cot ul li span {
            float:left;
            display:inline;
            font-size: small;
            width:60px;
            margin:8px 0 0 0;
        }
        .msg-cot ul li em {
            color:#FF3E46;
        }
        .msg-cot ul li input {
            float: left;
            display: inline;
            width: calc(100% - 70px);
            padding: 10px;
            background: none;
            border: none;
            box-sizing: border-box;
            caret-color: auto;
            color:#fff;
        }
            .msg-cot ul li input:valid {
                background-color: none;
            }
.yy-sub {
    float: left;
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    background-color: #FF3E46 !important;
    transition: transform 0.5s ease;
}
#yy-msg {
    float: left;
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    color: #FF3E46;
   
}

/*关于我们*/
.abt {
    float: left;
    display: inline;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
}
.abt-T {
    float:left;
    display:inline;
    width:96%;
    margin:0 0 0 2%;
}
.abt-T-L {
    float:left;
    display:inline;
    width:100%;

}
.abt-T-L b {
     float:left;
     width:100%;
     font-size:x-large;
     background:url("img/line.gif") no-repeat left top;
     padding:10px 0 0 0;
}
    .abt-T-L h2 {
       float:left;
       display:block;
       width:100%;
       padding:0;
       margin:0 0 10px 0;
       font-size: large;
    
    }
.abt-T-R {
    float:right;
    display:inline;
    width:100%;
    line-height:180%;
}

.abt-vd {
    float: left;
    display: inline;
    width: 96%;
    margin: 20px 0 0 2%;
    position: relative;
    height:auto;
    overflow:hidden;
}
    .abt-vd video {
        float: left;
        width: 96%;
        object-fit: fill;
        border-radius: 20px;
    }
    .abt-vd b {
        position: absolute;
        left: calc(50% - 4VW);
        top: calc(50% - 4VW);
        color: #fff;
        cursor: pointer;
        transition: transform 0.5s ease;
    }
        .abt-vd b:hover {
            transform: scale(1.1);
        }
    .abt-vd i {
        font-size:8VW;
    }
    .abt-vd .abt-vd-dimensions {
        border-radius: 20px !important;
    }
/*播放器尺寸*/
.abt-vd-dimensions {
    width: 100% !important;
    verflow: hidden;
}

.vjs-big-play-button {
    display: none !important; /*播放器自带播放按钮*/
}

.fancybox-iframe {
    background-color: #000 !important;
}
.fancybox-slide {
     padding:10px !important;
}

.abt-C {
    float: left;
    width: 100%;
    background-color: #F4F8FB;
    padding: 20px 0;
    margin: 20px 0 20px 0;
}
    .abt-C ul {
        float:left;
        width:90%;
        margin:0 0 0 5%;
        height:auto;
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
    }
        .abt-C ul li {
            width:100%;
            margin:20px 0 0 0;
        }
            .abt-C ul li img {
                float: left;
                width: 20%;
                transition: transform 0.5s ease;
            }
            .abt-C ul li div {
                float:right;
                width:75%;
            }
            .abt-C ul li h3 {
                float:left;
                width:100%;
                padding:10px 0;
                margin:0;
                font-size:18px;
            }
            .abt-C ul li span {
                float:left;
                width:100%;
                line-height:180%;
                font-size:12px;
            }
            .abt-C ul li:hover img {
                transform: scale(1.1);
            }

/*视频列表*/


.video-list {
    float: left;
    width: 100%;
    height: auto;
}

    .video-list ul {
        float: left;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }

        .video-list ul li {
            width: 48%;
            overflow: hidden;
            height: auto;
            margin-top: 10px;
            border-radius: 10px;
            box-sizing: border-box;
        }

            .video-list ul li a {
                padding: 0;
                float: left;
                position: relative;
                width: 100%;
                color: #fff;
               
            }

                .video-list ul li a:hover img{
                    transform: scale(1.1)
                }

                .video-list ul li a h3 {
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    text-indent: 10px;
                    position: absolute;
                    left: 30px;
                    bottom: 15px;
                    font-weight: normal;
                    font-size: 14px;
                    mix-blend-mode: lighten;
                }

                .video-list ul li a i {
                    position: absolute;
                    left: 15px;
                    bottom: 15px;
                    z-index: 3;
                    font-size: 20px;
                }

            .video-list ul li img {
                width: 100%;
                float: left;
                display:inline;
                transition: transform 0.5s ease;
            }

.vd-tit {
    float: left;
    display: block;
    width: 100%;
    border-bottom: #A2A2A2 solid 1px;
    margin:10px 0 20px 0;
}
    .vd-tit h2 {
        float:left;
        font-size: medium;
        margin:0;
        padding:10px 0 4px 0;
    }
    .vd-tit a {
        float: right;
        display:inline;
        margin:10px 10px 0 0;
    }
/*新闻列表*/
.news-list {
    float:left;
     display:block;
     width:96%;
     margin:0 0 0 2%;
     height:auto;
}
    .news-list ul li {
        float: left;
        display: block;
        width: 100%;
        border-bottom: #A2A2A2 solid 1px;
        padding: 20px 0;
    }
        .news-list ul li a {
            float: left;
            display: inline;
            width: 100%;
        }
            .news-list ul li a dd {
                float:left;
                display:inline;
                width:100%;
                margin:10px 0 0 0;
                font-size: small;
            }
        .news-list ul li img {
            float: right;
            display: inline;
            width: 100%;
            margin:8px 0 0 0;
            border-radius: 10px;

        }


        .news-list ul li h3 {
            float: left;
            display: block;
            width: 100%;
            margin: 0;
            padding: 0;
            font-size: medium;
            transition: transform 0.5s ease;
        }
    .news-list ul li span {
        float:left;
        display:block;
        width:100%;
        line-height:200%;
        margin:10px 0 0 0;
        color:#666;
    }
        .news-list ul li b {
           float:right;
            display:inline;
            margin:10px 0 0 0;
            font-weight:normal;
        }

.news-tit {
    float: left;
    display: inline;
    width: 100%;
    border-bottom: #A2A2A2 solid 1px;
    text-align:center;
}
    .news-tit h1 {
        float:left;
        width:100%;
        margin:0;
        padding:10px 0;
        font-size: medium;
    }
    .news-tit span {
        float:left;
        display:block;
        width:100%;
        margin:10px 0 0 0;
        padding:0 0 10px 0;
        color:#666;
    }
.cot {
    float:left;
    display:block;
    width:100%;
    height:auto;
    min-height:300px;
    padding:20px 0 40px 0;
    line-height:200%;
}

/*联系我们*/
.contact-tit {
    float: left;
    display: inline;
    width: 100%;
    height: 120px;
    margin: 0;
    background: url("images/contact_line-2.jpg") no-repeat center bottom;
}

    .contact-tit h1 {
        float: left;
        display: inline;
        width: 100%;
        height: 80px;
        margin: 10px 0 0 0;
        padding: 0;
        font-size: x-large;
        font-weight: normal;
        text-align: center;
        line-height: 120px;
        letter-spacing: 2px;
        background: url("images/contact_line-1.gif") no-repeat center center;
    }

.contact-cot {
    width: 90%;
    margin: 20px 0 0 5%;
}

.contact-cot-L {
    float: left;
    display: inline;
    width: 47%;
    margin: 40px 0 0 0;
}

.contact-cot-R {
    float: right;
    display: inline;
    width: 47%;
    margin: 40px 0 0 0;
}

.contact-tit-2 {
    float: left;
    display: inline;
    width: 100%;
}

    .contact-tit-2 b {
        font-size: large;
        font-weight: normal;
        padding-right: 10px;
    }

.contact-cot-R ul {
    float: left;
    display: inline;
    width: 100%;
    margin: 40px 0 0 0;
}

    .contact-cot-R ul li {
        float: left;
        display: inline;
        width: 100%;
        padding: 10px 0;
    }

/*档案查询*/
#da {
    float:left;
    display:block;
    width:100%;
    height:auto;
    min-height:600px;

    text-align:center;
}
    #da h1 {
    float:left;
    width:100%;
    padding:20px 0;
    margin:80px 0 0 0;
    font-size:x-large;
    font-weight:normal;
    letter-spacing:2px;
    }
    #da h3 {
        float:left;
        width:100%;
        font-size:small;
        font-weight:normal;
    }
.da-top {
    float: left;
    display: block;
    width: 100%;
    background: url("images/da.jpg") no-repeat center top;
    background-size: cover;
    height: 600px;
    transition: transform 0.5s ease;
}
#da-keys {
    caret-color: auto;
}
.da-search {
    float: left;
    display: block;
    width: 60%;
    height: auto;
    margin: 40px 0 0 20%;
    position: relative;
}
    .da-search input {
        padding: 10px 20px;
        width: 100%;
        border-radius: 20px;
        background-color: #B5B5B5;
        border:none;
        color:#fff;
        box-sizing:border-box;
    }
        .da-search input:valid {
            background-color: #B5B5B5;
        }
        .da-search input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px lightblue inset;
            box-shadow: 0 0 0px 1000px lightblue inset;
        }
    .da-search i {
        position: absolute;
       font-size: medium;
       padding:10px;
       right:5px;
       top:0px;
       cursor:pointer;
       color:#fff;
    }
.da-info {
    float:left;
    display:none;
    height:auto;
    width:100%;
    height: auto;
    padding-bottom:80px;
    margin:20px 0 0 0;
    background-color:#fff;
}
.da-tit {
    float:left;
    width:100%;
    text-align:center;
    margin:10px 0 0 0;
}
    .da-tit h2 {
        font-size:x-large;
        margin:0;
        padding:0;
        letter-spacing:2px;
    }
    .da-tit span, .da-tit b{
        float: left;
        width: 100%;
        font-size: medium;
        margin: 20px 0 0 0;
    }
    .da-tit b {
        font-family:'Times New Roman', Times, serif;
        letter-spacing:2px;

    }
.da-cot {
    margin-top:10px;
    display:block;
    position:relative;
    float:left;
    width:100%;

}
    .da-cot img {
        float:left;
        width:100%;

    }
    .da-cot ul {
        position:absolute;
        left:20%;
        bottom:100px;
        


    }
        .da-cot ul li {
            float:left;
             display:block;
             width:100%;
             text-align:left;
             padding:10px 0;
             font-size: small;
             font-weight:bold;
        }
.da-show {
    float:left;
    width:100%;
    margin:20px 0 0 0;
    
}
    .da-show img {
        width: 100%;
        border-radius: 10px;
    }
.da-list {
    float: left;
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
    margin:20px 0 0 0;
}
    .da-list a {
        width: 48%;
        margin: 10px 0 0 0;
        transition: transform 0.5s ease;
    }
        .da-list a:hover {
            transform: scale(1.1);
        }
    .da-list img {
        width: 100%;
        border: none;
    }

/*分页*/
#pagelist {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 14px;
    text-align: center;
    padding-top: 15px;
}
#pages{ margin:0 auto; width:auto; }
#pages a{padding:8px 15px; border:#ccc solid 1px; margin:0 2px; background-color:#fafafa; border-radius: 5px;}
#pages a:hover{ border:#ED1218 solid 1px; text-decoration:none; background-color:#fff; color:#ED1218;}
.page_on {
    border: #FF3D41 solid 1px !important;
    background-color: #FF3D41 !important;
    color: #fff !important;
}
#rpage{ float:right; display:inline; }
#rpage a{ float:left; display:inline; padding:0 7px; height:23px; line-height:23px; border:#ccc solid 1px; margin:0 2px; border-radius: 5px;}
#rpage a:hover{ border:#000 solid 1px; text-decoration:none; background-color:#333; color:#ccc;}
.page_no{ float: none; padding:8px 15px; margin:0 2px; border:#eee solid 1px; background-color:#fafafa; color:#999; border-radius: 5px;}


/*按钮*/

blockquote,button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, ol, p, pre, td, textarea, th {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
button, input, select, textarea {
    font-size: 100%
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px
}

.layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder {
    line-height: 1.3
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #0E6E6D !important
}

    .layui-input:focus, .layui-textarea:focus {
        border-color: #0E6E6D !important;
        box-shadow: 0 0 0 3px rgba(22,183,119,.08)
    }

.layui-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical
}

.layui-input[disabled], .layui-textarea[disabled] {
    background-color: #fafafa
}

.layui-select {
    padding: 0 10px
}

.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #0E6E6D;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.layui-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.layui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.layui-btn + .layui-btn {
    margin-left: 10px
}

.layui-btn-container {
    word-spacing: -5px
}

.layui-btn-container .layui-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    word-spacing: normal
}

.layui-btn-container .layui-btn + .layui-btn {
    margin-left: 0
}

.layui-table .layui-btn-container .layui-btn {
    margin-bottom: 9px
}

.layui-btn-radius {
    border-radius: 100px
}

.layui-btn .layui-icon {
    padding: 0 2px;
    vertical-align: middle\0;
    vertical-align: bottom
}

.layui-btn-primary {
    border-color: #0E6E6D;
    background: 0 0;
    color: #5f5f5f
}

.layui-btn-primary:hover {
    border-color: #0E6E6D;
    color: #333
    }

.layui-btn-normal {
    background-color: #1e9fff
}

.layui-btn-warm {
    background-color: #ffb800
}

.layui-btn-danger {
    background-color: #ff5722;
}

.layui-btn-web {
    background-color: #93212B
}

.layui-btn-checked {
    background-color: #16b777
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
    color: #0E6E6D !important;
    cursor: not-allowed !important;
    opacity: 1
}