body {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: "Microsoft Yahei", Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    margin: 0;
    padding: 0;
}

input {
    outline: none;
}

a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a:hover {
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }

*:focus {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: none;
}

ul li {
    list-style: none;
}

.topimages img {
    width: 100%;
    height: auto;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.newtop-navbar .navpc > li .dropdown-menu {
    margin: 0;
}

.newtop-navbar .navpc > li:hover .dropdown-menu {
    display: block;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.piereg_container {
    margin-top: 40px;
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.page_navi {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding-top: 1em;
}

    .page_navi a {
        padding: 3px 8px;
        margin: 2px;
        text-decoration: none;
        color: #888;
        border: 1px solid #DEDEDE;
    }

        .page_navi a:hover, .page_navi a.current {
            border: 1px solid #d7000f;
            color: #d7000f;
            font-weight: bolder;
        }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
    }
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50); /*IE7 fix*/
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
            overflow: hidden;
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100); /*IE7 fix*/
            opacity: 1;
        }

        /* If PaginationNumbers is true */

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.topbar {
    background-color: #221814;
    max-width: 100%;
}

.newtop-navbar {
    background-color: #221814;
    border: none;
    background-image: none;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.newtop-tform-button > .glyphicon {
    top: 3px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: inherit;
}

.navbar-collapse.in {
    overflow: hidden;
}

.newtop-navbar .navbar-nav.active {
    height: 70px;
}

.newtop-tform-button {
    position: inherit;
    border: none;
    background: none;
    transition: all 0.3s ease-in-out;
    color: #eee;
}

.newtop-tform-text {
    float: left;
    background: #141414;
    border: 1px #333 solid;
    padding-left: 5px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

    .newtop-tform-text:focus {
        border: 1px #ff0000 solid;
        transition: all 0.3s ease-in-out;
    }

.newtop-form {
    margin-top: 20px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: #d61718;
}

#carousel-428135 {
    margin-top: 28px;
}

.carousel-indicators .active {
    background-color: #F00;
}

.carousel-indicators li {
    border: 1px solid #ddd;
}

.carousel-inner > .item > img {
    width: 100%;
}

/*.newlogo svg {
    width: 180px;
    margin-top: 10px;
    margin-right: 5px;
}*/
.newlogo img {
    margin: 6px 0 8px 0;
    height: 46px;
}

/*鍔ㄧ敾*/
.newtop-carousel {
    top: 20%;
    width: 32%;
    left: -50%;
    transition: all 0.6s ease-in-out;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.0);
}

    .newtop-carousel h1 {
        color: #000;
        font-weight: bold;
    }

    .newtop-carousel h5 {
        color: #333;
        border-bottom: 1px #d61718 solid;
        padding-bottom: 6px;
        font-weight: bold;
        font-size: 16px;
    }

    .newtop-carousel p {
        color: #000;
        line-height: 23px;
    }

    .newtop-carousel .cara1 {
        border: solid 1px #d61718;
        background-color: #d61718;
        padding: 2px 20px;
        color: #fff;
    }

        .newtop-carousel .cara1:hover {
            border: solid 1px #d61718;
            background-color: #fff;
            padding: 2px 40px;
            color: #d61718;
            text-decoration: none;
        }

    .newtop-carousel .cara2 {
        border: solid 1px #d61718;
        background-color: #fff;
        padding: 2px 22px;
        color: #ccc;
        margin-left: 5px;
    }

.cara2 span {
    color: #d61718;
}

.newtop-carousel .cara2:hover {
    border: solid 1px #d61718;
    background-color: #fff;
    padding: 2px 40px;
    color: #d61718;
    text-decoration: none;
}

.active > .newtop-carousel {
    top: 20%;
    width: 32%;
    left: 15%;
    transition: all 0.3s ease-in-out;
}

.h500 {
    display: block;
}
/**/
/*绾告澂*/
.newtopred {
    background-color: #d61718;
    width: 100%;
    vertical-align: center;
}

    .newtopred a svg {
        margin-top: 10px;
        margin: 16px 15px 15px 10px;
        transition: all 0.3s ease-in-out;
        height: 35px;
    }

    .newtopred a:hover > svg {
        transition: all 0.3s ease-in-out;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .newtopred h3 {
        margin-bottom: 20px;
        line-height: 25px;
    }

    .newtopred h4 {
        margin-bottom: 20px;
        line-height: 25px;
        margin-top: 20px;
        font-weight: bold;
    }

.newtopinh3 {
    color: #fff;
    letter-spacing: 10px;
}
/**/
.iprodh {
    padding: 75px 0;
}

    .iprodh a {
        color: #000;
    }

        .iprodh a:hover {
            text-decoration: none;
            color: #d61718;
        }

        .iprodh a svg {
            transition: all 0.3s ease-in-out;
        }

        .iprodh a:hover svg {
            transition: all 0.3s ease-in-out;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }



.iproli {
    width: 40px;
    padding-top: 6px;
    display: block;
    position: absolute;
}

.homeslide {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 60px;
}

@media screen and (min-width:1200px) {
    .homeslide {
        width: 100%;
        height: 450px;
        margin-top: 60px;
    }
}

@media screen and (min-width:992px) and (max-width: 1200px) {
    .homeslide {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin-top: 60px;
    }
}

@media screen and (min-width:768px) and (max-width: 992px) {
    .homeslide {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin-top: 121px;
    }


    .iproli {
        width: 40px;
        display: block;
        padding-top: 5px;
        position: absolute;
    }

    .iprodh a .dm {
        margin-left: -8px;
    }
}

@media screen and (max-width: 768px) {
    .iproli {
        width: 40px;
        display: block;
        padding: unset;
        position: absolute;
    }

    .iprodh a svg {
        transition: all 0.3s ease-in-out;
        width: 25px;
        height: 21px;
    }

    .iprodh a:last-child svg {
        transition: all 0.3s ease-in-out;
        width: 30px;
        height: 20px;
    }
}


.iprolir {
    padding-left: 50px;
}

    .iprolir h4 {
        font-weight: bold;
    }

    .iprolir p {
        font-size: 12px;
    }

.ipro1 {
    border-right: 1px #ECEBEB solid;
}
/*棣栭〉鏂伴椈*/
.newtopindexnews {
    background: #f3f4f4;
    padding: 75px 0;
}

.newtopindexn {
    border-right: 1px #eee solid;
}

    .newtopindexn ul {
        padding-left: 0;
    }

.newix {
    float: left;
    width: 60px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.newib {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.newid {
    float: left;
    width: 33px;
    text-align: center;
    color: #9fa0a0;
    padding-right: 5px;
    border-right: 1px #dadada solid;
}

    .newid h4 {
        margin: 0;
    }

    .newid p {
        font-size: 12px;
        margin: 0;
    }

.newidp {
    padding-left: 45px;
}

    .newidp p {
        margin: 0;
    }

.newidptit {
    font-size: 16px;
    font-weight: bold;
}

    .newidptit a {
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }

        .newidptit a:hover {
            font-size: 16px;
            font-weight: bold;
            color: #ff0000;
        }

.font12 {
    font-size: 12px;
    line-height: 23px;
}

.inewul {
    margin-top: 20px;
}

.nrighta {
    margin-left: 50%;
    width: 20px;
    top: 0px;
}

    .nrighta.carousel-indicators li {
        border-radius: 0;
    }

.pl20 {
    padding-left: 20px;
}

.pl0 {
    padding-left: 0;
}

.mt40 {
    margin-top: 40px;
}
/**/
.scrollpic {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
    top: -20px;
}

#myscroll {
    display: block;
    width: 100%;
    position: relative;
    height: 161px;
    overflow: hidden;
}

    #myscroll #myscrollbox {
        display: block;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        width: 1000000px;
    }

    #myscroll ul {
        display: block;
        float: left;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #myscroll ul li {
            display: block;
            float: left;
            padding: 0;
            width: 232px;
        }

            #myscroll ul li a {
                display: block;
                float: left;
                width: 215px;
                padding: 0;
                position: relative;
                height: 185px;
                color: #333;
            }

    #myscroll a .intro {
        position: absolute;
        left: 0;
        z-index: 10;
        background-color: #636363;
        filter: alpha(opacity=70);
        width: 215px;
        color: #fff;
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        text-align: center;
    }

        #myscroll a .intro h5 {
            padding: 0;
            margin: 0;
            font-size: 16px;
            height: 30px;
            width: 215px;
            line-height: 30px;
            border-bottom: 1px solid #DC3434;
            font-weight: 100;
        }

        #myscroll a .intro p {
            font-size: 13px;
            line-height: 20px;
            margin: 65px 70px;
            height: 80px;
            overflow: hidden;
        }

    #myscroll a .intro {
        bottom: -186px;
    }

    #myscroll a:hover .intro {
        bottom: 0px;
    }

#mybtns {
    margin: 10px 0;
    width: 100%;
    display: block;
    height: 30px;
}

    #mybtns a {
        width: 30px;
        height: 30px;
        display: block;
        float: right;
        margin-right: 1px;
        background-color: #DCDCDC;
        margin-left: 10px;
    }

        #mybtns a:hover {
            background-color: #d61618;
        }

        #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    #mybtns #left {
        background-image: url(images/jt_l.png);
    }

    #mybtns #right {
        background-image: url(images/jt_r.png);
    }

#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

#owl-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    #owl-demo .item {
        display: block;
        margin: 5px;
    }

    #owl-demo img {
        display: block;
        width: 100%;
    }

.cl {
    clear: both;
}
/*搴曢儴*/
.newtopboot {
    background: #000;
    padding: 30px 0;
}

.newtopbottom h4 {
    font-weight: bold;
}

.newtopbottom hr {
    border-top: 1px solid #332F2F;
}

.newtopbottom ul {
    padding-left: 0;
}

    .newtopbottom ul li {
        padding-top: 10px;
    }

.newtopbottom {
    color: #70706f;
}

.newboborder {
    border-right: 1px #3C3C3B solid;
    border-left: 1px #3C3C3B solid;
}

.newcoccc {
    color: #ccc;
}

.newbogz {
    float: left;
    margin: 0;
    font-weight: bold;
    color: #70706f;
    font-size: 15px;
    line-height: 29px;
}

.boonum a {
    margin-right: 20px;
    color: #cbcccc;
    font-size: 14px;
    font-weight: bold;
}

    .boonum a:hover {
        color: #ff0000;
        text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.newbomum {
    padding-left: 0;
    margin-top: 20px;
}

    .newbomum li {
        width: 50%;
        float: left;
        margin-top: 5px;
    }

        .newbomum li a {
            color: #70706f;
        }

            .newbomum li a:hover {
                color: #fff;
                text-decoration: none;
            }

.bmail li a {
    color: #70706f;
}

    .bmail li a:hover {
        color: #fff;
        text-decoration: none;
    }

.newtopb-tform-text {
    line-height: 30px;
    margin-top: 30px;
    float: left;
    background: #141414;
    border: 1px #333 solid;
    padding-left: 5px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

    .newtopb-tform-text:focus {
        border: 1px #ff0000 solid;
        transition: all 0.3s ease-in-out;
    }

.newtopb-tform-button {
    position: relative;
    float: right;
    right: 1px;
    top: -28px;
    border: none;
    background: none;
    transition: all 0.3s ease-in-out;
    color: #eee;
}

.fs {
    height: 58px;
}

    .fs a {
        float: left;
        margin-top: 20px;
    }

.nfs1 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) 0 0 no-repeat;
}

    .nfs1:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) 0 -30px no-repeat;
    }

.nfs2 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -27px 0 no-repeat;
}

    .nfs2:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -27px -30px no-repeat;
    }

.nfs3 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -56px 0 no-repeat;
}

    .nfs3:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -56px -30px no-repeat;
    }

.nfs4 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -84px 0 no-repeat;
}

    .nfs4:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -84px -30px no-repeat;
    }

.nfs5 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -113px 0 no-repeat;
}

    .nfs5:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -113px -30px no-repeat;
    }

.nfs6 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -142px 0 no-repeat;
}

    .nfs6:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -142px -30px no-repeat;
    }

.nfs7 {
    height: 30px;
    width: 30px;
    display: block;
    background: url(/uploads/wpsc/theme_backup/images/ico.png) -172px 0 no-repeat;
}

    .nfs7:hover {
        height: 30px;
        width: 30px;
        display: block;
        background: url(/uploads/wpsc/theme_backup/images/ico.png) -172px -30px no-repeat;
    }

#newboform label {
    color: #fff;
}

#newboform textarea {
    max-height: 105px;
}

#newboform input:focus {
    border: 2px #ff0000 solid;
    transition: all 0.3s ease-in-out;
}

#newboform textarea:focus {
    border: 2px #ff0000 solid;
    transition: all 0.3s ease-in-out;
}

.newbotn {
    border: #ccc solid 1px;
    background: #fff;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}

    .newbotn a {
        color: #000;
    }

    .newbotn:hover a {
        color: #ff0000;
    }

    .newbotn:hover {
        border: #ff0000 solid 1px;
        background: #fff;
        transition: all 0.3s ease-in-out;
        padding: 1px 15px;
        color: #ff0000;
    }
/**/
/*浜у搧椤?/
.prodh ul li {
    border-bottom: 1px #DAD8D8 solid;
    font-size: 14px;
    line-height: 35px;
    color: #000;
    text-decoration: none;
}

.prodh ul a li:hover {
    border-bottom: 1px #ff0000 solid;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    color: #ff0000;
}

.proright ul li {
    margin-top: 10px;
    padding: 10px;
    transition: all 0.3s ease-in-out;
}

.prorightimg img {
    width: 70%;
    height: auto;
}

.proright h4 {
    color: #e50011;
    margin-bottom: 3px;
}

.proright h5 {
    margin-top: 0;
    color: #595757;
}

.proright p {
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #595757;
}

.prorightt a {
    font-size: 12px;
    color: #595757;
    margin-right: 10px;
}

    .prorightt a:hover {
        color: #ff0000;
        text-decoration: none;
        margin-right: 20px;
    }

.proright .newbotn {
    float: right;
}


.prishix {
    float: left;
    width: 120px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.procimg img {
    float: right;
    margin-top: 5px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    solid;
    transition: all 0.3s ease-in-out;
}

.procimg:hover > img {
    filter: grayscale(1%);
    -webkit-filter: grayscale(1%);
    -moz-filter: grayscale(1%);
    -ms-filter: grayscale(1%);
    -o-filter: grayscale(1%);
    solid;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px;
}

.prishit img {
    width: 89%;
}

.proshow { /*border:1px #ccc solid;*/
    padding: 20px;
}

.thcp img {
    width: 100%;
    height: auto;
}

.tjcp {
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.tjcpimg {
    border: 1px #ccc solid;
    padding: 10px 18px;
}

.thcp {
    margin-bottom: 40px;
}

    .thcp ul {
        padding-left: 10px;
        padding-right: 10px;
    }

.pimg img {
    width: 100%;
    height: auto;
}

.pximg {
    margin-bottom: 20px;
    padding-left: 0px;
}

    .pximg li {
        float: left;
        margin-right: 10px;
        padding: 5px;
    }

.pximgli img {
    max-width: 80px;
    max-height: 60px;
}

.prohot li:hover {
    border-bottom: 1px solid #ff0000;
}

.prohot li a {
    color: #000;
    transition: all 0.3s ease-in-out;
}

    .prohot li a:hover {
        color: #ff0000;
        transition: all 0.3s ease-in-out;
    }

.pximgli {
    border: 2px #fff solid;
    transition: all 0.3s ease-in-out;
}

    .pximgli:hover {
        border: 2px #ff0000 solid;
        transition: all 0.3s ease-in-out;
    }

.tb-selected {
    border: 2px #ff0000 solid;
    transition: all 0.3s ease-in-out;
}

.w50 {
    width: 50%;
}

.proform h5 {
    border-bottom: 1px #ccc dashed;
    padding-bottom: 5px;
}

#proforma input {
    outline: none;
}

    #proforma input:focus {
        border: 1px #ff0000 solid;
        transition: all 0.3s ease-in-out;
        outline: none;
    }

#proforma textarea:focus {
    border: 1px #ff0000 solid;
    transition: all 0.3s ease-in-out;
    outline: none;
}
/*鏈嶅姟椤?/
.servicedh ul {
    padding-left: 0;
}

    .servicedh ul .current_page_item {
        background-color: #d71618;
        color: #fff;
    }

        .servicedh ul .current_page_item a {
            color: #fff;
        }

    .servicedh ul li {
        float: left;
        margin-right: 5px;
        background-color: #e8e7e6;
        padding: 2px 15px;
        border-radius: 4px;
    }

        .servicedh ul li a {
            color: #000;
        }

            .servicedh ul li a:hover {
                color: #fff;
            }

        .servicedh ul li:hover {
            transition: all 0.3s ease-in-out;
            color: #fff;
            background-color: #d71618;
        }

.mt20 {
    margin-top: 20px;
}

.topborder {
    border-top: 1px #ccc solid;
}

.wbor {
    border: #ff0000 dashed 1px;
    border-radius: 20px;
    margin: 10px;
}

    .wbor ul {
        padding: 10px 20px 10px 20px;
    }

    .wbor span {
        color: #ff0000;
        font-size: 20px;
    }

    .wbor h5 {
        color: #ff0000;
        font-weight: bold;
    }

    .wbor li {
        font-size: 12px;
    }

.serc li {
    float: left;
}

.top45 {
    margin-top: 205px;
}

.serkf {
    background-color: #f3f4f4;
}

.serthu {
    background-color: #f3f4f4;
    border: none;
    margin-top: 20px;
}

    .serthu .fs {
        height: 25px;
    }

    .serthu p {
        color: #A2A2A2;
        font-size: 12px;
    }

    .serthu .fs a {
        margin-top: 0px;
    }

.pserv .vc_row .wpb_column .vc_column-inner {
    padding-left: 0px;
}

.pserv .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background-color: #fff;
}

.pserv .vc_tta.vc_general .vc_tta-tab > a {
    padding: 5px 6px 5px 10px;
}

.pserv .vc_tta.vc_general .vc_tta-panel-body > :last-child {
    padding-left: 15px;
}
/*鍏徃绠€浠嬮〉*/
.servicedh {
    margin-top: 30px;
}

    .servicedh h3 {
        font-weight: bold;
    }

.servicedh {
    font-weight: bold;
}

    .servicedh h3 span {
        border-bottom: 1px #ff0000 solid;
        padding-bottom: 10px;
    }

.pdb40 {
    padding-bottom: 40px;
}

.count-title {
    font-size: 600%;
    color: #d71618;
}

.abouimg img {
    max-width: 100%;
    height: auto;
}

.title404 {
    font-size: 50px;
    color: #d71618;
}

.title4041 {
    font-size: 26px;
}

.title4042 {
    font-size: 20px;
}

.title4043 {
    color: #d71618;
}

.serca img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: auto;
}

.serca a {
    color: #000;
    transition: all 0.3s ease-in-out;
}

    .serca a:hover {
        color: #ff0000;
        transition: all 0.3s ease-in-out;
    }

.cara404 {
    border: solid 1px #d61718;
    background-color: #d61718;
    padding: 2px 20px;
    color: #fff;
    margin-top: 20px;
}

    .cara404:hover {
        border: solid 1px #d61718;
        background-color: #fff;
        padding: 2px 40px;
        color: #d61718;
        text-decoration: none;
    }

.img404 img {
    width: 80%;
    height: 50px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}

    .img404 img:hover {
        width: 100%;
        height: 58px;
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        transition: all 0.3s ease-in-out;
    }

.borccc {
    border-bottom: 1px #ccc solid;
}

    .borccc:hover {
        border-bottom: 1px #ff0000 solid;
    }
/*鏂伴椈*/
.newsdh ul li {
    border-bottom: 1px #eceded solid;
    font-size: 16px;
    line-height: 35px;
    color: #000;
    text-decoration: none;
    padding-left: 15px;
    transition: all 0.3s ease-in-out;
}

    .newsdh ul li:hover {
        border-bottom: 1px #ff0000 solid;
        text-decoration: none;
        transition: all 0.3s ease-in-out;
        color: #ff0000;
        cursor: pointer;
        color: #ff0000;
        padding-left: 40px;
    }

    .newsdh ul li a {
        color: #000;
        font-size: 14px;
    }

.newborda {
    border: 1px solid #eceded;
    border-radius: 6px;
    border-bottom: 1px #fff solid;
}

    .newborda .current-menu-item {
        background: #eceded;
        border-bottom: 1px #ff0000 solid;
    }

    .newborda .current-menu-parent {
        background: #eceded;
        border-bottom: 1px #ff0000 solid;
    }

.newright .panel-default > .panel-heading {
    background-image: linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 100%);
}

.newright .panel-body p img {
    width: 100%;
}

.newright .panel-body a {
    color: #6D6F6F;
    text-decoration: none;
}

.newright .panel-heading span {
    float: right;
    padding-top: 5px;
    font-size: 12px;
    color: #ccc;
}

.newright .panel-heading a:hover {
    color: #ff0000;
    padding-left: 25px;
}

.newright .panel-body button {
    float: right;
}

.newslright img {
    max-width: 100%;
    height: auto;
}

.newslright h5 {
    color: #ccc;
}
/*contact*/
.conform h2 {
    margin-bottom: 30px;
}

.conform li {
    margin-top: 10px;
    line-height: 30px;
}

.adds span {
    margin-right: 10px;
    color: #717071;
}

.font16 {
    font-size: 16px;
}
/*缁撴潫*/
/*@media screen and (max-width: 1024px) {

    .languagebox {
        right: 130px;
        margin-top: 18px;
    }
}*/
/*浠ヤ笅鏄叾浠栨渶灏?620灏哄*/
@media only screen and (min-width: 1620px) {

    .navbar-nav > li > a {
        padding-top: 22px;
        padding-bottom: 23px;
        transition: all 0.3s ease-in-out;
    }
    /* .nav> li:hover .dropdown-menu {display: block;} */
    .newidp p {
        font-size: 14px;
    }

    .active > .newtop-carousel {
        top: 20%;
        width: 25%;
        left: 20%;
        transition: all 0.3s ease-in-out;
    }
}
/*浠ヤ笅鏄叾浠栨渶澶?00灏哄*/

@media only screen and (max-width: 500px) {
    .h500 {
        display: none;
    }
}

/*浠ヤ笅鏄叾浠栨渶澶?68灏哄*/
@media only screen and (max-width: 768px) {
    h1, .h1 {
        font-size: 20px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 18px;
    }

    iframe {
        width: 100%;
        height: 100%;
        min-height: 400px;
    }

    .newtopindexnews {
        background: #f3f4f4;
        padding: 30px 0;
    }

    .prishit img {
        width: 100%;
    }

    .prorightimg img {
        width: 100%;
    }

    .newtop-carousel .cara1 {
        float: none;
    }

/*    .newlogo svg {
        width: 143px;
    }*/

    .newtop-tform-button {
        position: relative;
        margin-left: -33px;
        border: none;
        background: none;
        top: -2px;
    }

        .newtop-tform-button > .glyphicon {
            top: -1px;
        }

    .newtop-tform-text {
        width: 90%;
        margin-left: 2%;
    }

    .newtop-carousel {
        top: 100;
        width: 32%;
        left: -50%;
        transition: all 0.6s ease-in-out;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0,0,0,.0);
    }

    .active > .newtop-carousel {
        top: 100;
        width: 32%;
        left: 5%;
        transition: all 0.5s ease-in-out;
    }

    #carousel-428135 {
        margin-top: 14px;
    }

    .cara1 {
        display: none;
    }

    .newtop-carousel .cara2 {
        border: solid 1px #d61718;
        background-color: #fff;
        padding: 0px 13px;
        color: #fd0000;
        margin-top: 10px;
        margin-left: 0px;
    }

    .newtop-carousel h1 {
        color: #000;
        font-weight: bold;
        font-size: 16px;
    }

    .newtop-carousel h5 {
        border-bottom: none;
        color: #333;
        padding-bottom: 6px;
        font-weight: bold;
        font-size: 14px;
    }

    .newtop-carousel p {
        color: #000;
        line-height: 23px;
    }

    .newtopred {
        text-align: center;
        vertical-align: center;
    }

        .newtopred a svg {
            height: 20px;
            margin-top: 0px;
        }

    .ipro2 {
        border-right: 1px #ECEBEB solid;
    }

    .iprodh {
        padding: 20px 0;
    }

        .iprodh.ipro1 {
            padding-bottom: 10px;
        }

    .ipro1 svg {
        width: 30px;
    }

    .ipro2 svg {
        width: 34px;
    }

    .proright ul {
        padding-left: 0;
        transition: all 0.3s ease-in-out;
    }

    .mt40 {
        margin-top: 1px;
    }

    .fs {
        display: none;
    }

    .newbomum {
        display: none;
    }

    .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner {
        padding-top: 5px;
    }
}


/*浠ヤ笅鏄?200-1619*/
@media only screen and (max-width: 1619px) and (min-width: 1200px) {
    .navbar-nav > li > a {
        padding-top: 22px;
        padding-bottom: 23px;
        transition: all 0.3s ease-in-out;
    }
    /*  .nav> li:hover .dropdown-menu {display: block;} */
}
/*浠ヤ笅鏄?68-1200*/
@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 22px;
        padding-bottom: 23px;
        transition: all 0.3s ease-in-out;
    }

    .prishit img {
        width: 100%;
    }
    /*.nav> li:hover .dropdown-menu {display: block;} */
/*    .newlogo svg {
        width: 133px;
    }*/

    .navbar-header img {
        width: 100%;
        margin-top: 8px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 20px 13px;
    }

    .active > .newtop-carousel {
        top: 0;
        width: 32%;
        left: 10%;
        transition: all 0.5s ease-in-out;
    }

    .ipro2 {
        border-right: 1px #ECEBEB solid;
    }
}

/*************************************/
#id-974 .carousel-slider-nav-icon {
    fill: #f1f1f1
}

    #id-974 .carousel-slider-nav-icon:hover {
        fill: #4caf50
    }

#id-974 .owl-prev,
#id-974 .owl-next,
#id-974 .carousel-slider-nav-icon {
    height: 48px;
    width: 48px
}

#id-974.arrows-outside .owl-prev {
    left: -48px
}

#id-974.arrows-outside .owl-next {
    right: -48px
}

#id-974 .owl-dots .owl-dot span {
    background-color: #f1f1f1;
    width: 10px;
    height: 10px;
}

#id-974 .owl-dots .owl-dot.active span,
#id-974 .owl-dots .owl-dot:hover span {
    background-color: #4caf50
}

#id-576 .carousel-slider-nav-icon {
    fill: #f1f1f1
}

    #id-576 .carousel-slider-nav-icon:hover {
        fill: #4caf50
    }

#id-576 .owl-prev,
#id-576 .owl-next,
#id-576 .carousel-slider-nav-icon {
    height: 48px;
    width: 48px
}

#id-576.arrows-outside .owl-prev {
    left: -48px
}

#id-576.arrows-outside .owl-next {
    right: -48px
}

#id-576 .owl-dots .owl-dot span {
    background-color: #f1f1f1;
    width: 10px;
    height: 10px;
}

#id-576 .owl-dots .owl-dot.active span,
#id-576 .owl-dots .owl-dot:hover span {
    background-color: #4caf50
}

.languagebox {
    margin-top: 15px;
    position: absolute;
    width: 260px;
    right: 0;
    height: 32px;
}

    .languagebox i {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        font-size: 20px;
    }

    .languagebox ul {
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        transition: all .3s;
        position: absolute;
    }

        .languagebox ul li {
            padding-left: 1px;
            float: left;
        }

            .languagebox ul li:first-child(1) {
                margin-bottom: 1px;
            }

    .languagebox a {
        line-height: 30px;
        vertical-align: middle;
    }

    .languagebox:hover ul {
        height: auto;
    }

.language {
    margin-top: 15px;
    position: absolute;
    width: 30px;
    right: 10px;
    height: 32px;
    padding: 0 8px;
    margin-right: 80px;
}

    .language i {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        font-size: 20px;
    }

    .language ul {
        padding-left: 10px;
        padding-right: 18px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        transition: all .3s;
        position: absolute;
    }

        .language ul li {
            padding-left: 4px;
            float: left;
        }

            .language ul li:first-child(1) {
                margin-bottom: 1px;
            }

    .language a {
        line-height: 30px;
        vertical-align: middle;
    }

    .language:hover ul {
        height: auto;
    }

#ellipsis {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#ellipsis_Product_Summary {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#ellipsis_Article_Summary {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#home_Summary {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}