.wz {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 5px;
    margin-bottom: 30px;
    transition: all 3s;
    position: relative;
    overflow: hidden
}

.wz:hover {
    border: 1px solid #e21683;
    transition: all 2s
}

.wz a {
    text-decoration: none
}

.imgtu {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #1a7cde;
    width: 100%;
    height: 190px;
    transition: All 1s;
}

.imgtu img,.art img{
    width: 100%;
    height: 100%;
}

.mySwiper li {
    height: 140px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
    width: 14% !important;
}
.mySwiper img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.d_swiper {
    margin: 10px auto;
    width: 90%;
    margin-left: 5%;
}
.d_swiper .swiper-button-next{
    right: -3%;
}
.d_swiper .swiper-button-prev{
    left: -2%;
}
#imageMenu {
    width: 101%;
    overflow: hidden;
}
.imgtu:hover {
    transition: All .6s;
    transform: scale(1.18);
}

.dbname {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

.describe {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #000
}

.describe2 {
    display: none
}

.describe2 .describe {
    display: block
}

.contact:hover .describe2 {
    display: block;
    background: #bde1ff;
    position: absolute;
    border-radius: 5px;
    padding: 5px;
    bottom: 5px;
    width: 97%
}

.ymlink {
    text-align: right;
    margin-top: 5px;
    background: #fff;
    position: relative;
    z-index: 9
}

.ymlink a {
    border: 1px solid #1a7cde !important;
}

.header .navbar-default .navbar-nav>li>a {
    padding: 0 14px!important;
}
.nlsa {
    margin-top: -4px !important;
}
.nlsa div{
    background-color: #6ec1e3;
    border-color: #6ec1e3;
}
.banner{
    width: 100%;
    height: 550px;
    margin-top: 25px;
    position:relative;
    background: #004489;
    overflow: hidden;
}
.height0{
    height: initial !important;
}
.mt0{margin-top:0}
.banner .banner_bg{
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
    left: 0;
    background-color: #004489;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    /* z-index: 2; */
}
.banner img{width: 100%;opacity: .5;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;position: relative;height: 100%;}
.banner_des{
    position: absolute;
    text-align:center;
    top: 30%;
    width: 100%;
}
.banner_des h1{
    font-size: 50px;
    font-weight: 600;
    width: 753px;
    margin: 0 auto 50px;
    color: #fff;
}
.banner h3{
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
}
.banner_des p{
    color: #6ec1e4;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
}
.b_type{
    background: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    box-shadow: 0px 0px 55px 5px rgba(0,0,0,0.06);
    padding: 25px;
    border-radius: 5px;
}
.b_type:hover{
    box-shadow: 0px 0px 55px 0px rgba(0,0,0,0.19);
}
.d_icon{
    width: 100%;
    height: 50px;
    text-align: center;
}
.tu span{
    width:50px;
    height:50px;
    background:#bfbfbf;
    color: #fff;
    border-radius: 50%;
    font-size: 3rem;
}
.tu span:before {
    top: 6px;
    position: relative;
}
.yes span:before {
    top: 9px;
    position: relative;
}
.d_ty{
    padding: 20px 7px;
}
.d_ty .col-xs-4{
    padding: 25px 30px;
}
.d_icon img{

}
.b_type h3{
    color: #6ec1e4;
    text-align: center;
    font-weight: 600;
}
.b_type p{
    color: #54595f;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7em;
    font-family: emoji;
}
.tmp{margin-bottom: 10px;}
.tmp h1{
    font-weight: 600;
    color: #004489;
}
.tmp h3{
    color: #887E7E;
    font-weight: 600;
}
.d_pro .col-xs-4{
    text-align: center;
    padding: 10px;
}
.d_pro .col-xs-4 .pro_cl{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    background-color: #004489;
    opacity: 0.5;
}
.d_pro .col-xs-4 img{
    width: 100%;
    height: 156.22px;
}
.d_pro h4{
    color: #fff;
    position: absolute;
    top: 51px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.pd0{
    padding: 0;
}

.btn-d{
    margin: 10px 0 30px;
}
.btn-d a{
    background-color: #6ec1e4;
    border-color: #6ec1e4;
}
.btn-d div{
    width: 129px;
    height: 40px;
    border-bottom: 2px solid #6ec1e4;
    margin: 0 auto;
}
.d_article{    background: #faf3e7;}
.art{margin: 20px 0 3.8rem;border-bottom: 1px solid #ccc;padding-bottom: 4.8rem;}
.art_none{
    border-bottom: none;
    padding-bottom: 0;
}
.mtop-30{margin-top: 30px}
.art h3{
    font-weight: 700;
    margin-top: 0;
    font-size: 3rem;
    margin-bottom: 2.2rem;
    font-family: GothamBold,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}
.stit h3{
    font-weight: 600;
    font-size: 1.8rem;
    margin: 0;
    line-height: 35px;
}
.art h4{
    font-weight: 700;
    font-size: 2.6rem;
}
.art p{
    text-rendering: optimizeLegibility;
    font-family: Bitter-Regular,"PT Serif",Georgia,serif;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #474849;
    letter-spacing: 1px;
}
.art a{
    background-color: #020b36;
    background-image: none;
    font-family: GothamBold,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: -.0125em;
    color: #fff;
    padding: 1.8rem 2.4rem 1.6rem;
    border: 3px solid #020b36;
    border-radius: 0;
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.art a:hover{
    background: #fff;
    color: #020b36;
    border-color: #020b36;
}
.art a::after {

    content: '\2192';
    margin-left: 1rem;
    display: inline-block;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
.art a:hover::after {transform: translateX(1rem);}
.OemOdm{
    height: 600px;
    color: #fff;
}
.oom h1 {
    font-size: 4.8rem;
    font-weight: 700;

}
.OemOdm2{background: #020b36;z-index: 1}
.OemOdm2,.oibg{
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0;
    left: 0;
}
.oibg{
    z-index: 2;
    background: url(/TipMfg/img/oom.jpg) no-repeat;
    background-position: bottom;
    opacity: 0.5;
}
.oom{
    position: relative;
    z-index: 3;
    padding: 35px;
}
.oom ul>li{font-size:1.6rem;line-height: 2.5;letter-spacing: 1px;}
.oom ul>li::before {
    content: '\25CE';
    font-size: 3rem;
    line-height: 1;
    width: 1.8rem;
    height: 1.8rem;
    float: left;
    margin-top: .5rem;
    margin-left: -3rem;
}
.d_blue{
    background: #6ec1e4;
    color: #000;
    text-align:center;
    padding: 40px;
    clear: both;
}
.d_blue img{width: 70px;}
.d_blue h4{font-weight: 600;letter-spacing: 2px;font-size: 16px;}
.ilspd{ padding: 30px 0 60px;}
.claer{
    clear: both;
}
.obo,.obo img{
    width: 100%;
}


.one_pro{
    position: relative;
    /* color: #fff; */
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
@media (min-width: 1600px) {
    .one_pro {
        padding-left:10%;
        padding-right: 10%
    }
}
.one_pro h2{
    font-family: GothamBold,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
    font-size: 4rem
}

.opro_d{
    background-color: #faf3e7;
    padding-top: 1rem;
    padding-bottom: 4.8rem;
    width: 100%;
}
.one_art {
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
    padding-right: 0;
    /* margin-bottom: 9.6rem; */
    position: relative;
}
.one_art {
    position: relative;
    padding-top: 4.8rem;
    /* padding-bottom: 4.8rem; */
    padding-left: 5.55%;
    padding-right: 5.55%
}
@media (max-width: 1110px) {
    .subtype .swiper-slide{
        font-size: 1.2rem;
    }
}
@media (min-width: 1200px) {
    .shug{
        display: block !important;
        right: -.5rem;
    }
    .subtype .swiper-slide{
        display: inline-block !important;
        width: initial !important;
        margin-right: 1rem !important;
        font-size: 1.2rem;
    }
    .subNav {

        text-align: center;
        display: table-cell;
    }
}
@media (min-width: 1258px) {
    .shug{
        display: block !important;
        right: -.8rem;
    }
    .subtype .swiper-slide{
        display: inline-block !important;
        width: initial !important;
        margin-right: 1.5rem !important;
        font-size: 1.2rem;
    }
    .subNav {

        text-align: center;
        display: table-cell;
    }
}

@media (min-width: 1400px) {
    .shug{
        display: block !important;
        right: -.8rem;
    }
    .subtype .swiper-slide{
        display: inline-block !important;
        width: initial !important;
        margin-right: 1.5rem !important;
        font-size: 1.3rem;
    }
    .subNav {

        text-align: center;
        display: table-cell;
    }
}
@media (min-width: 1528px) {
    .shug{
        display: block !important;
        right: -1rem;
    }
    .subtype .swiper-slide{
        display: inline-block !important;
        width: initial !important;
        margin-right: 2rem !important;
        font-size: 1.4rem;
    }
}
@media (min-width: 1600px) {
    .one_art {
        padding-left:11.1%;
        padding-right: 11.1%
    }
    .subtype .swiper-slide{
        font-size: 1.5rem;
    }
}
@media (max-width: 768px) {
    .one_art {
        width:100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

@media (min-width: 992px) {
    .one_art {
        padding-left: 3.6rem;
        padding-right: 3.6rem;
        background-position: bottom right
    }

}


@media (min-width: 1600px) {
    .one_art {
        padding-top: 0rem;
        /* padding-bottom: 9.6rem; */
        padding-left: 6.25%;
        /* padding-right: 6.25%; */
    }
}

@media (min-width: 1600px) and (min-width:1600px) {
    .one_art {
        padding-left:12.5%;
        /* padding-right: 12.5%; */
    }
}

@media (min-width: 1600px) {
    .one_art.extend-right::after {
        background-position:bottom -200px right 100px,top 68px left;
        background-size: 100% auto,300px auto
    }
}
.op_top{
    margin-bottom: 7.2rem;
}
.stbg01{
    background: #fff;
}
.stbg01 img{
    transform: scale(1.14);
}
.op_di img{
    width: 100%;
    height: 211px;
}
.op_art .col-xs-4{
    padding: 15px;
    border-radius: 10px;
    transition: all 1s;
    height: 425px;
    overflow: hidden;
}
.op_art .col-xs-4:hover{
    box-shadow: 0px 0px 55px 0px rgba(0,0,0,0.19);
    transition: all 0.5s;
}
.op_des{
    height: 178px;
}
.op_des h2{
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-top: .6rem;
}
.op_des p{
    font-size: 1.5rem;
    letter-spacing: .6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.op_art .col-xs-4 .op_des2 p{display:none}
.op_art .col-xs-4:hover .op_des2 p{display:block}
.op_art .col-xs-4:hover .op_des {
    opacity:0
}
.op_art .col-xs-4:hover .op_des2 {
    display: block;
    background: #faf3e7;
    position: absolute;
    border-radius: 5px;
    padding: 6px 10px 0;
    bottom: 15px;
    left: 13px;
    width: 94%;
    border: 1px solid #ccc;
    opacity: 1;
    transition: all .4s;
}
.op_art .col-xs-4:hover .op_des2 h2 {display:block}
.op_des2 h2 {
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin-top: 0.6rem;
    display: none;
}
.op_des2 {
    /* display: none; */
    opacity: 0;
    transition: all .2s;
    bottom: -10rem;
}
.op_art,.mb30{
    margin-bottom: 30px;
}
.op_top p {
    font-size: 1.8rem;
    letter-spacing: 0.6px;
    margin: 0;
}

.n_subtype{
    background: #949494;
    width: 100%;
    height: 60px;
    z-index: 10;
    position: relative;
    padding: 0;
}
.subtype{
    height:60px;
}
.subtype ul{
    display: inline-block;
    padding:0;
    text-align: center;
}
.wb40{width: 40%}
.subNav{
    height:60px;
    /* text-align: center; */
    /* display: inline-block; */
    vertical-align: middle;
}
.shug{
    position: absolute;
    top: 20px;
    border-right: 1px solid #b5b5b5;
    height:20px;
    display: none;
}
.subtype ul li:last-child .shug{border:none}
.subtype a{color: #fff;display: inline-block;}
.subtype .swiper-slide{
    margin-right: 0;
    padding: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.line{
    padding-top: 30px;
    width: 20%;
    height: 10px;
    margin: 0 auto 40px;
    border-bottom: 3px solid #6ec1e4;
}
.topb36{top: 36%}
.topt45{top: -45px;}
.ct-icon,.ct-icon-container svg {
    position: relative;
    width: var(--icon-size, 15px);
    height: var(--icon-size, 15px);
    transition: var(--icon-transition, fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955));
    fill: var(--icon-hover-color, var(--paletteColor2));
}
/**
 * Blocksy - v1.8.20
 *
 * Copyright (c) 2022
 * Licensed GPLv2+
 */
:root {
    --fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --fontWeight: 400;
    --textTransform: none;
    --textDecoration: none;
    --fontSize: 16px;
    --lineHeight: 1.65;
    --letterSpacing: 0em;
    --buttonFontWeight: 500;
    --buttonFontSize: 15px;
    --has-classic-forms: var(--true);
    --has-modern-forms: var(--false);
    --form-field-border-initial-color: var(--border-color);
    --form-field-border-focus-color: var(--paletteColor1);
    --form-selection-control-initial-color: var(--border-color);
    --form-selection-control-accent-color: var(--paletteColor1);
    --paletteColor1: #05B7B6;
    --paletteColor2: #05c4c4;
    --paletteColor3: #192a3d;
    --paletteColor4: #343535;
    --paletteColor5: #525252;
    --paletteColor6: #f2f5f7;
    --paletteColor7: #f6f7f8;
    --paletteColor8: #ffffff;
    --color: var(--paletteColor3);
    --linkInitialColor: var(--paletteColor1);
    --linkHoverColor: var(--paletteColor2);
    --selectionTextColor: #ffffff;
    --selectionBackgroundColor: var(--paletteColor1);
    --border-color: var(--paletteColor5);
    --headings-color: var(--paletteColor3);
    --content-spacing: 1.5em;
    --buttonMinHeight: 40px;
    --buttonShadow: none;
    --buttonTransform: none;
    --buttonTextInitialColor: #ffffff;
    --buttonTextHoverColor: #ffffff;
    --buttonInitialColor: var(--paletteColor1);
    --buttonHoverColor: var(--paletteColor2);
    --button-border: none;
    --buttonBorderRadius: 3px;
    --button-padding: 5px 20px;
    --container-max-width: 1400px;
    --content-vertical-spacing: 60px;
    --narrow-container-max-width: 750px;
    --wide-offset: 130px;
}

.go-top {
    position: fixed;
    z-index: 100;
    border: 1px solid #6ec1e4;
    bottom: calc(var(--frame-size, 0px) + var(--back-top-bottom-offset, 25px));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    opacity: var(--opacity, 0);
    visibility: var(--visibility, hidden);
    transform: var(--transform, translate3d(0, 15px, 0));
    box-shadow: var(--box-shadow);
    border-radius: 5px;
    transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    --icon-size: 12px
}

.go-top:hover {
    background: var(--top-button-background-hover-color, var(--paletteColor4))
}

.go-top:hover .ct-icon {
    fill: var(--icon-hover-color, var(--paletteColor2));
    top: -6px;
}

.go-top.ct-show {
    --opacity: 1;
    --visibility: visible;
    --transform: translate3d(0, 0, 0)
}

.go-top[data-shape="circle"] {
    --border-radius: 100%
}

.go-top[data-alignment="left"] {
    left: calc(var(--frame-size, 0px) + var(--back-top-side-offset, 25px))
}

.go-top[data-alignment="right"] {
    right: calc(var(--frame-size, 0px) + var(--back-top-side-offset, 25px))
}
.ctus_des{
    height: 200px;
    margin: 20px;
    padding: 20px 30px;
}
.ctus_des p{font-size:1.8rem;letter-spacing: 0.6px;}
.tip_tel h3{
    color: #6ec1e4;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}
.tip_tel p{
    font-size: 1.6rem;
    letter-spacing: 0.8px;
}
.tip_tel p span{
    font-size: 1.8rem;
}
.ctus_form label{
    font-size: 1.6rem; letter-spacing: 0.8px;
}
.ctus_form span{
    color: red;
}
.form-group .n_n{
    color: #9b9b9b;
    margin-left: 3px;
}
.ctus_form .btn{
    padding: 8px 25px;
    margin: 12px 0 20px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: 600;
}
.btit h1{
    font-weight:600;
    font-size: 2.6rem;
    margin: 0 0 3rem;
}
.stit{height:50px;border-bottom: 1px solid #999;padding: 10px 0 15px;}
.add_art tr{
    width: 100%;
    height: 58px;
    padding: 15px 0;
    vertical-align: middle;
    background: url(/TipMfg/img/line_dot.gif) repeat-x left bottom;
    font-weight: normal;
}
.add_art .dn{
    width: 105px;
    margin: 15px 15px;
    line-height: 36px;
    border-right: 1px solid #999;
    padding-left: 26px;
}
.jdtb .dn{
    width: 176px;
}
.add_art .dart{
    float: left;
    width: 80%;
    vertical-align: middle;
}
.add_art td {
    line-height: inherit!important
}
.jdtb td:last-child{
    width:100%;
    padding-left: 20px;
}