@charset "UTF-8";

html {

    height:100%;

    line-height:1.15;

    -ms-text-size-adjust:100%;

    -webkit-text-size-adjust:100%

}

body {

    margin:0;

    font:normal 14px/30px Arial,sans-serif;

    color:#666;

    background:#fff

}

h1,h2,h3,h4,h5,h6 {

    margin:0;

    font-weight:400;

    line-height:1

}

p {

    margin:0

}

address {

    margin-bottom:1.125rem;

    font-style:normal;

    line-height:inherit

}

dd,dl,ol,ul {

    margin:0;

    padding:0;

    list-style:none

}

blockquote {

    margin:0 2.875em 1.125em 2.875em

}

small {

    font-size:62.5%

}

sub,sup {

    position:relative;

    font-size:75%;

    line-height:0;

    vertical-align:baseline

}

sub {

    bottom:-.375em

}

sup {

    top:-.5em

}

a {

    color:inherit;

    text-decoration:none

}

i {

    font-style:inherit

}

figure {

    margin:0

}

img {

    vertical-align:top;

    border:0 none

}

img::-moz-selection {

    background:0 0

}

img::selection {

    background:0 0

}

table {

    width:100%;

    border-collapse:collapse

}

th {

    text-align:inherit

}

button,input,optgroup,option,select,textarea {

    margin:0;

    border:0 none;

    border-radius:0;

    padding:0;

    font-family:inherit;

    font-size:inherit;

    line-height:inherit;

    color:inherit;

    background-color:inherit

}

button,input,option,select {

    outline:0 none

}

button,input {

    overflow:visible

}

button,select {

    text-transform:none

}

[type=reset],[type=submit],button,html [type=button] {

    -webkit-appearance:button

}

button {

    cursor:pointer

}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {

    border-style:none;

    padding:0

}

textarea {

    padding:.375em .625em;

    overflow:auto;

    resize:none

}

a,button,input,select,textarea {

    -webkit-appearance:none;

    -moz-appearance:none

}

hr {

    visibility:visible;

    height:1px;

    margin:0;

    background:#eee;

    border:0 none

}

*,:after,:before {

    -webkit-box-sizing:border-box;

    box-sizing:border-box

}

* {

    -webkit-tap-highlight-color:rgba(255,255,255,0)

}

:focus {

    outline:0 none

}

.container {

    -webkit-transition:max-width .3s;

    -o-transition:max-width .3s;

    transition:max-width .3s

}

.act {

    -webkit-transition-property:opacity,-webkit-transform;

    transition-property:opacity,-webkit-transform;

    -o-transition-property:transform,opacity;

    transition-property:transform,opacity;

    transition-property:transform,opacity,-webkit-transform;

    -webkit-transition-duration:.7s;

    -o-transition-duration:.7s;

    transition-duration:.7s

}

.cy-tg.cy-upToDown {

    opacity:0;

    -webkit-transform:translate(0,-20px);

    -ms-transform:translate(0,-20px);

    transform:translate(0,-20px)

}

.cy-tg.cy-downToUp {

    opacity:0;

    -webkit-transform:translate(0,20px);

    -ms-transform:translate(0,20px);

    transform:translate(0,20px)

}

.cy-tg.cy-leftToRight {

    opacity:0;

    -webkit-transform:translate(-20px,0);

    -ms-transform:translate(-20px,0);

    transform:translate(-20px,0)

}

.cy-tg.cy-rightToLeft {

    opacity:0;

    -webkit-transform:translate(20px,0);

    -ms-transform:translate(20px,0);

    transform:translate(20px,0)

}

.act.cy-downToUp,.act.cy-leftToRight,.act.cy-rightToLeft,.act.cy-upToDown {

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.cy-tg.cy-rightToLeftSkew {

    opacity:0;

    -webkit-transform:translate(20px,0) scale(.9) skew(-20deg);

    -ms-transform:translate(20px,0) scale(.9) skew(-20deg);

    transform:translate(20px,0) scale(.9) skew(-20deg);

    -webkit-transform-origin:100% 0;

    -ms-transform-origin:100% 0;

    transform-origin:100% 0

}

.act.cy-rightToLeftSkew {

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.cy-tg.cy-rightToLeftScale {

    opacity:0;

    -webkit-transform:translate(20px,0) scale(.9);

    -ms-transform:translate(20px,0) scale(.9);

    transform:translate(20px,0) scale(.9);

    -webkit-transform-origin:100% 100%;

    -ms-transform-origin:100% 100%;

    transform-origin:100% 100%

}

.act.cy-rightToLeftScale {

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.cy-tg.cy-upToDownScale {

    opacity:0;

    -webkit-transform:translate(0,-20%) scale(.2);

    -ms-transform:translate(0,-20%) scale(.2);

    transform:translate(0,-20%) scale(.2);

    -webkit-transform-origin:100% 100%;

    -ms-transform-origin:100% 100%;

    transform-origin:100% 100%

}

.act.cy-upToDownScale {

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none;

    -webkit-transform-origin:top center;

    -ms-transform-origin:top center;

    transform-origin:top center

}

.cy-d1 {

    -webkit-transition-delay:.1s;

    -o-transition-delay:.1s;

    transition-delay:.1s

}

.cy-d2 {

    -webkit-transition-delay:.2s;

    -o-transition-delay:.2s;

    transition-delay:.2s

}

.cy-d3 {

    -webkit-transition-delay:.3s;

    -o-transition-delay:.3s;

    transition-delay:.3s

}

.cy-d4 {

    -webkit-transition-delay:.4s;

    -o-transition-delay:.4s;

    transition-delay:.4s

}

.cy-d5 {

    -webkit-transition-delay:.5s;

    -o-transition-delay:.5s;

    transition-delay:.5s

}

.cy-d6 {

    -webkit-transition-delay:.6s;

    -o-transition-delay:.6s;

    transition-delay:.6s

}

.cy-d7 {

    -webkit-transition-delay:.7s;

    -o-transition-delay:.7s;

    transition-delay:.7s

}

.cy-d8 {

    -webkit-transition-delay:.8s;

    -o-transition-delay:.8s;

    transition-delay:.8s

}

.cy-d9 {

    -webkit-transition-delay:.9s;

    -o-transition-delay:.9s;

    transition-delay:.9s

}

.cy-d10 {

    -webkit-transition-delay:1s;

    -o-transition-delay:1s;

    transition-delay:1s

}

.cy-d0-5 {

    -webkit-transition-delay:.05s;

    -o-transition-delay:.05s;

    transition-delay:.05s

}

.cy-d1-5 {

    -webkit-transition-delay:.15s;

    -o-transition-delay:.15s;

    transition-delay:.15s

}

.cy-d2-5 {

    -webkit-transition-delay:.25s;

    -o-transition-delay:.25s;

    transition-delay:.25s

}

.cy-d3-5 {

    -webkit-transition-delay:.35s;

    -o-transition-delay:.35s;

    transition-delay:.35s

}

.cy-d4-5 {

    -webkit-transition-delay:.45s;

    -o-transition-delay:.45s;

    transition-delay:.45s

}

.cy-d5-5 {

    -webkit-transition-delay:.55s;

    -o-transition-delay:.55s;

    transition-delay:.55s

}

.cy-d6-5 {

    -webkit-transition-delay:.65s;

    -o-transition-delay:.65s;

    transition-delay:.65s

}

.cy-d7-5 {

    -webkit-transition-delay:.75s;

    -o-transition-delay:.75s;

    transition-delay:.75s

}

.cy-d8-5 {

    -webkit-transition-delay:.85s;

    -o-transition-delay:.85s;

    transition-delay:.85s

}

.cy-d9-5 {

    -webkit-transition-delay:.95s;

    -o-transition-delay:.95s;

    transition-delay:.95s

}

.icon-show {

    -webkit-animation:iconShow .5s;

    animation:iconShow .5s

}

.logo-show {

    display:block;

    position:relative;

    z-index:1

}

.logo-show:before {

    position:absolute;

    top:0;

    left:0;

    z-index:5;

    width:100%;

    height:100%

}

.logo-show:hover:before {

    -webkit-animation:logoShow .5s 1 linear;

    animation:logoShow .5s 1 linear;

    content:''

}

@-webkit-keyframes logoShow {

    0% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);

        background:linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)

    }

    10% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);

        background:linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)

    }

    20% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)

    }

    30% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)

    }

    40% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)

    }

    50% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)

    }

    60% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)

    }

    70% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)

    }

    80% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)

    }

    90% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)

    }

    100% {

        background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);

        background:linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)

    }

}@keyframes logoShow {

     0% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);

         background:linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)

     }

     10% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);

         background:linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)

     }

     20% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)

     }

     30% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)

     }

     40% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)

     }

     50% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)

     }

     60% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)

     }

     70% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)

     }

     80% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)

     }

     90% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)

     }

     100% {

         background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);

         background:-o-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);

         background:linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)

     }

 }@-webkit-keyframes iconShow {

      from,to {

          -webkit-transform:scale(1,1);

          transform:scale(1,1)

      }

      25% {

          -webkit-transform:scale(.9,1.1);

          transform:scale(.9,1.1)

      }

      50% {

          -webkit-transform:scale(1.1,.9);

          transform:scale(1.1,.9)

      }

      75% {

          -webkit-transform:scale(.95,1.05);

          transform:scale(.95,1.05)

      }

  }@keyframes iconShow {

       from,to {

           -webkit-transform:scale(1,1);

           transform:scale(1,1)

       }

       25% {

           -webkit-transform:scale(.9,1.1);

           transform:scale(.9,1.1)

       }

       50% {

           -webkit-transform:scale(1.1,.9);

           transform:scale(1.1,.9)

       }

       75% {

           -webkit-transform:scale(.95,1.05);

           transform:scale(.95,1.05)

       }

   }@media (max-width:1024px) {

    .cy-tg.cy-downToUp,.cy-tg.cy-leftToRight,.cy-tg.cy-rightToLeft,.cy-tg.cy-rightToLeftScale,.cy-tg.cy-rightToLeftSkew,.cy-tg.cy-upToDown {

        opacity:1;

        -webkit-transform:none;

        -ms-transform:none;

        transform:none

    }

}.slick-loading .slick-list {

     background:#fff url(../images/plugins/loading.gif) center center no-repeat

 }

.slick-slider {

    position:relative;

    display:block;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

    -webkit-touch-callout:none;

    -khtml-user-select:none;

    -ms-touch-action:pan-y;

    touch-action:pan-y;

    -webkit-tap-highlight-color:transparent

}

.slick-list {

    position:relative;

    display:block;

    overflow:hidden;

    margin:0;

    padding:0;

    z-index:1

}

.slick-list:focus {

    outline:0

}

.slick-list.dragging {

    cursor:pointer;

    cursor:hand

}

.slick-slider .slick-list,.slick-slider .slick-track {

    -webkit-transform:translate3d(0,0,0);

    transform:translate3d(0,0,0)

}

.slick-track {

    position:relative;

    top:0;

    left:0;

    display:block

}

.slick-track:after,.slick-track:before {

    display:table;

    content:''

}

.slick-track:after {

    clear:both

}

.slick-loading .slick-track {

    visibility:hidden

}

.slick-slide {

    display:none;

    float:left;

    height:100%;

    min-height:1px

}

[dir=rtl] .slick-slide {

    float:right

}

.slick-slide.slick-loading img {

    display:none

}

.slick-slide.dragging img {

    pointer-events:none

}

.slick-initialized .slick-slide {

    display:block

}

.slick-loading .slick-slide {

    visibility:hidden

}

.slick-vertical .slick-slide {

    display:block;

    height:auto

}

.slick-arrow.slick-hidden {

    display:none

}

.slick-next,.slick-prev {

    position:absolute;

    top:50%;

    display:block;

    width:32px;

    height:32px;

    padding:0;

    margin-top:-16px;

    font-size:0;

    line-height:0;

    cursor:pointer;

    z-index:5

}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {

    color:transparent;

    outline:0;

    background:0 0

}

.slick-next.slick-disabled,.slick-prev.slick-disabled {

    opacity:.3

}

.slick-prev {

    left:-36px

}

[dir=rtl] .slick-prev {

    right:-36px;

    left:auto

}

.slick-next {

    right:-36px

}

[dir=rtl] .slick-next {

    right:auto;

    left:-36px

}

.slick-dots {

    position:absolute;

    bottom:0;

    display:block;

    width:100%;

    padding:0;

    margin:0;

    font-size:0;

    line-height:0;

    text-align:center;

    z-index:5

}

.slick-dots li {

    position:relative;

    display:inline-block;

    margin:0 3px;

    width:10px;

    height:10px;

    padding:0;

    cursor:pointer

}

.mCustomScrollbar {

    -ms-touch-action:pinch-zoom;

    touch-action:pinch-zoom

}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {

    -ms-touch-action:auto;

    touch-action:auto

}

.mCustomScrollBox {

    position:relative;

    overflow:hidden;

    height:100%;

    max-width:100%;

    outline:0;

    direction:ltr

}

.mCSB_container {

    overflow:hidden;

    width:auto;

    height:auto

}

.mCSB_inside>.mCSB_container {

    margin-right:30px

}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right:0

}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {

    margin-right:0;

    margin-left:30px

}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-left:0

}

.mCSB_scrollTools {

    position:absolute;

    width:16px;

    height:auto;

    left:auto;

    top:0;

    right:0;

    bottom:0

}

.mCSB_outside+.mCSB_scrollTools {

    right:-26px

}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    right:auto;

    left:0

}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    left:-26px

}

.mCSB_scrollTools .mCSB_draggerContainer {

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    height:auto

}

.mCSB_scrollTools a+.mCSB_draggerContainer {

    margin:20px 0

}

.mCSB_scrollTools .mCSB_draggerRail {

    width:2px;

    height:100%;

    margin:0 auto;

    border-radius:16px

}

.mCSB_scrollTools .mCSB_dragger {

    cursor:pointer;

    width:100%;

    height:30px;

    z-index:1

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    position:relative;

    width:4px;

    height:100%;

    margin:0 auto;

    border-radius:16px;

    text-align:center

}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width:12px

}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width:8px

}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {

    display:block;

    position:absolute;

    height:20px;

    width:100%;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer

}

.mCSB_scrollTools .mCSB_buttonDown {

    bottom:0

}

.mCSB_horizontal.mCSB_inside>.mCSB_container {

    margin-right:0;

    margin-bottom:30px

}

.mCSB_horizontal.mCSB_outside>.mCSB_container {

    min-height:100%

}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom:0

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    width:auto;

    height:16px;

    top:auto;

    right:0;

    bottom:0;

    left:0

}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom:-26px

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {

    margin:0 20px

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width:100%;

    height:2px;

    margin:7px 0

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

    width:30px;

    height:100%;

    left:0

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width:100%;

    height:4px;

    margin:6px auto

}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height:12px;

    margin:2px auto

}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height:8px;

    margin:4px 0

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    display:block;

    position:absolute;

    width:20px;

    height:100%;

    overflow:hidden;

    margin:0 auto;

    cursor:pointer

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {

    left:0

}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    right:0

}

.mCSB_scrollTools {

    opacity:.75;

    filter:"alpha(opacity=75)";

    -ms-filter:"alpha(opacity=75)"

}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {

    opacity:0;

    filter:"alpha(opacity=0)";

    -ms-filter:"alpha(opacity=0)"

}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {

    opacity:1;

    filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)"

}

.mCSB_scrollTools .mCSB_draggerRail {

    background-color:#000;

    background-color:rgba(0,0,0,.4);

    filter:"alpha(opacity=40)";

    -ms-filter:"alpha(opacity=40)"

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color:#fff;

    background-color:rgba(255,255,255,.75);

    filter:"alpha(opacity=75)";

    -ms-filter:"alpha(opacity=75)"

}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {

    background-image:url(../images/plugins/mCSB_buttons.png);

    background-repeat:no-repeat;

    opacity:.4;

    filter:"alpha(opacity=40)";

    -ms-filter:"alpha(opacity=40)"

}

.mCSB_scrollTools .mCSB_buttonUp {

    background-position:0 0

}

.mCSB_scrollTools .mCSB_buttonDown {

    background-position:0 -20px

}

.mCSB_scrollTools .mCSB_buttonLeft {

    background-position:0 -40px

}

.mCSB_scrollTools .mCSB_buttonRight {

    background-position:0 -56px

}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {

    opacity:.75;

    filter:"alpha(opacity=75)";

    -ms-filter:"alpha(opacity=75)"

}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {

    opacity:.9;

    filter:"alpha(opacity=90)";

    -ms-filter:"alpha(opacity=90)"

}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    right:0;

    margin:12px 0

}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom:0;

    margin:0 12px

}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    left:0;

    right:auto

}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {

    background-color:transparent

}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {

    height:50px

}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {

    width:50px

}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color:#fff;

    background-color:rgba(255,255,255,.2);

    filter:"alpha(opacity=20)";

    -ms-filter:"alpha(opacity=20)"

}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color:#fff;

    background-color:rgba(255,255,255,.5);

    filter:"alpha(opacity=50)";

    -ms-filter:"alpha(opacity=50)"

}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color:#000;

    background-color:rgba(0,0,0,.2);

    filter:"alpha(opacity=20)";

    -ms-filter:"alpha(opacity=20)"

}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color:#000;

    background-color:rgba(0,0,0,.5);

    filter:"alpha(opacity=50)";

    -ms-filter:"alpha(opacity=50)"

}

.vwrap {

    display:none;

    z-index:9777;

    width:100%;

    position:fixed

}

.vwrap .videobtg {

    z-index:900;

    position:fixed;

    width:100%;

    height:100%;

    left:0;

    top:0;

    background:#000;

    opacity:.8;

    filter:alpha(opacity=80);

    overflow:hidden

}

.vwrap .videobox {

    z-index:990;

    width:800px;

    height:600px;

    background-color:#fff;

    position:fixed;

    left:50%;

    top:50%;

    margin-top:-300px;

    margin-left:-400px

}

@media (max-width:1024px) {

    .vwrap .videobox {

        margin-top:-225px;

        margin-left:-300px;

        width:600px;

        height:450px

    }

}@media (max-width:768px) {

    .vwrap .videobox {

        margin-top:-187px;

        margin-left:-250px;

        width:500px;

        height:375px

    }

}@media (max-width:576px) {

    .vwrap .videobox {

        margin-top:-150px;

        margin-left:-200px;

        width:400px;

        height:300px

    }

}@media (max-width:425px) {

    .vwrap .videobox {

        margin-top:-112px;

        margin-left:-150px;

        width:300px;

        height:225px

    }

}.vwrap .videobox #videobox {

     width:100%;

     display:inline-block;

     height:100%;

     background:#80abde

 }

#videobox_wrapper {

    height:100%!important

}

.vwrap .close {

    z-index:999;

    width:32px;

    height:32px;

    cursor:pointer;

    position:absolute;

    top:0;

    right:-42px

}

@media (max-width:768px) {

    .vwrap .close {

        top:-36px;

        right:0

    }

}.vwrap .close i {

     display:block;

     width:32px;

     height:32px;

     background:url(../images/plugins/video-close.png) no-repeat 50% 50%;

     -webkit-transition:.4s;

     -o-transition:.4s;

     transition:.4s

 }

.vwrap .close:hover i {

    -webkit-transform:rotate(180deg);

    -ms-transform:rotate(180deg);

    transform:rotate(180deg)

}

#videobox_display_button,#videocontainer_display_button {

    background:none no-repeat!important

}

.jwplayer .jwicon {

    opacity:.8;

    filter:alpha(opacity=80);

    cursor:pointer;

    background:no-repeat scroll center center;

    -webkit-transform:rotate(0)!important;

    -ms-transform:rotate(0)!important;

    transform:rotate(0)!important

}

.jwplayer .jwicon:hover {

    opacity:1;

    filter:alpha(opacity=100)

}

.jwclick,.jwlogo {

    display:none!important

}

.jwdisplayIcon {

    background:none no-repeat!important

}

.vbBox {

    position:relative;

    background:no-repeat center center;

    overflow:hidden;

    cursor:pointer

}

.vbBox .vicoBox {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    z-index:10

}

.vbBox .vico {

    position:absolute;

    top:50%;

    left:50%;

    display:block;

    width:64px;

    height:64px;

    margin-top:-32px;

    margin-left:-32px;

    background:no-repeat;

    background-size:cover;

    -webkit-transition:.3s;

    -o-transition:.3s;

    transition:.3s

}

.vbBox #case-video_wrapper,.vbBox .jwplayer {

    position:absolute!important;

    top:0;

    left:0;

    right:0;

    bottom:0;

    z-index:2

}

.fancybox-enabled {

    overflow:hidden

}

.fancybox-enabled body {

    overflow:visible;

    height:100%

}

.fancybox-container {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    z-index:99993;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden

}

.fancybox-container~.fancybox-container {

    z-index:99992

}

.fancybox-bg {

    position:absolute;

    top:0;

    right:0;

    bottom:0;

    left:0;

    background:#0f0f11;

    opacity:0;

    -webkit-transition-timing-function:cubic-bezier(.55,.06,.68,.19);

    -o-transition-timing-function:cubic-bezier(.55,.06,.68,.19);

    transition-timing-function:cubic-bezier(.55,.06,.68,.19);

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden

}

.fancybox-container--ready .fancybox-bg {

    opacity:.87;

    -webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);

    -o-transition-timing-function:cubic-bezier(.22,.61,.36,1);

    transition-timing-function:cubic-bezier(.22,.61,.36,1)

}

.fancybox-controls {

    position:absolute;

    top:0;

    left:0;

    right:0;

    text-align:center;

    opacity:0;

    z-index:99994;

    -webkit-transition:opacity .2s;

    -o-transition:opacity .2s;

    transition:opacity .2s;

    pointer-events:none;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    direction:ltr

}

.fancybox-show-controls .fancybox-controls {

    opacity:1

}

.fancybox-infobar {

    display:none

}

.fancybox-show-infobar .fancybox-infobar {

    display:inline-block;

    pointer-events:all

}

.fancybox-infobar__body {

    display:inline-block;

    width:70px;

    line-height:44px;

    font-size:13px;

    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;

    text-align:center;

    color:#ddd;

    background-color:rgba(30,30,30,.7);

    pointer-events:none;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

    -webkit-touch-callout:none;

    -webkit-tap-highlight-color:transparent;

    -webkit-font-smoothing:subpixel-antialiased

}

.fancybox-buttons {

    position:absolute;

    top:0;

    right:0;

    display:none;

    pointer-events:all

}

.fancybox-show-buttons .fancybox-buttons {

    display:block

}

.fancybox-slider-wrap {

    overflow:hidden;

    direction:ltr

}

.fancybox-slider,.fancybox-slider-wrap {

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    right:0;

    padding:0;

    margin:0;

    z-index:99993;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    -webkit-tap-highlight-color:transparent

}

.fancybox-slide {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    margin:0;

    padding:0;

    overflow:auto;

    outline:0;

    white-space:normal;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    text-align:center;

    z-index:99994;

    -webkit-overflow-scrolling:touch

}

.fancybox-slide:before {

    content:"";

    height:100%;

    width:0

}

.fancybox-slide:before,.fancybox-slide>* {

    display:inline-block;

    vertical-align:middle

}

.fancybox-slide>* {

    position:relative;

    padding:24px;

    margin:44px 0;

    border-width:0;

    text-align:left;

    background-color:#fff;

    overflow:auto;

    -webkit-box-sizing:border-box;

    box-sizing:border-box

}

.fancybox-slide--image {

    overflow:hidden

}

.fancybox-slide--image:before {

    display:none

}

.fancybox-content {

    display:inline-block;

    position:relative;

    margin:44px auto;

    padding:0;

    border:0;

    width:80%;

    height:calc(100% - 88px);

    vertical-align:middle;

    line-height:normal;

    text-align:left;

    white-space:normal;

    outline:0;

    font-size:16px;

    font-family:Arial,sans-serif;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    -webkit-tap-highlight-color:transparent;

    -webkit-overflow-scrolling:touch

}

.fancybox-iframe {

    display:block;

    margin:0;

    padding:0;

    border:0;

    width:100%;

    height:100%;

    background:#fff

}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe {

    background:0 0

}

.fancybox-placeholder {

    z-index:99995;

    background:0 0;

    cursor:default;

    overflow:visible;

    -webkit-transform-origin:top left;

    -ms-transform-origin:top left;

    transform-origin:top left;

    background-size:100% 100%;

    background-repeat:no-repeat;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden

}

.fancybox-image,.fancybox-placeholder,.fancybox-spaceball {

    position:absolute;

    top:0;

    left:0;

    margin:0;

    padding:0;

    border:0

}

.fancybox-image,.fancybox-spaceball {

    width:100%;

    height:100%;

    max-width:none;

    max-height:none;

    background:0 0;

    background-size:100% 100%

}

.fancybox-controls--canzoomOut .fancybox-placeholder {

    cursor:-webkit-zoom-out;

    cursor:zoom-out

}

.fancybox-controls--canzoomIn .fancybox-placeholder {

    cursor:-webkit-zoom-in;

    cursor:zoom-in

}

.fancybox-controls--canGrab .fancybox-placeholder {

    cursor:-webkit-grab;

    cursor:grab

}

.fancybox-controls--isGrabbing .fancybox-placeholder {

    cursor:-webkit-grabbing;

    cursor:grabbing

}

.fancybox-spaceball {

    z-index:1

}

.fancybox-tmp {

    position:absolute;

    top:-9999px;

    left:-9999px;

    visibility:hidden

}

.fancybox-error {

    position:absolute;

    margin:0;

    padding:40px;

    top:50%;

    left:50%;

    width:380px;

    max-width:100%;

    -webkit-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    transform:translate(-50%,-50%);

    background:#fff;

    cursor:default

}

.fancybox-error p {

    margin:0;

    padding:0;

    color:#444;

    font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif

}

.fancybox-close-small {

    position:absolute;

    top:0;

    right:0;

    width:44px;

    height:44px;

    padding:0;

    margin:0;

    border:0;

    border-radius:0;

    outline:0;

    background:0 0;

    z-index:10;

    cursor:pointer

}

.fancybox-close-small:after {

    content:"×";

    position:absolute;

    top:5px;

    right:5px;

    width:30px;

    height:30px;

    font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;

    color:#888;

    font-weight:300;

    text-align:center;

    border-radius:50%;

    border-width:0;

    background:#fff;

    -webkit-transition:background .2s;

    -o-transition:background .2s;

    transition:background .2s;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    z-index:2

}

.fancybox-close-small:focus:after {

    outline:1px dotted #888

}

.fancybox-slide--video .fancybox-close-small {

    top:-36px;

    right:-36px;

    background:0 0

}

.fancybox-close-small:hover:after {

    color:#555;

    background:#eee

}

.fancybox-caption-wrap {

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    padding:60px 30px 0;

    z-index:99998;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));

    background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));

    background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));

    background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));

    opacity:0;

    -webkit-transition:opacity .2s;

    -o-transition:opacity .2s;

    transition:opacity .2s;

    pointer-events:none

}

.fancybox-show-caption .fancybox-caption-wrap {

    opacity:1

}

.fancybox-caption {

    padding:30px 0;

    border-top:1px solid rgba(255,255,255,.4);

    font-size:14px;

    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;

    color:#fff;

    line-height:20px;

    -webkit-text-size-adjust:none

}

.fancybox-caption a,.fancybox-caption button {

    pointer-events:all

}

.fancybox-caption a {

    color:#fff;

    text-decoration:underline

}

.fancybox-button {

    display:inline-block;

    position:relative;

    width:44px;

    height:44px;

    line-height:44px;

    margin:0;

    padding:0;

    border:0;

    border-radius:0;

    cursor:pointer;

    background:0 0;

    color:#fff;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    vertical-align:top;

    outline:0

}

.fancybox-button--disabled {

    cursor:default;

    pointer-events:none

}

.fancybox-button,.fancybox-infobar__body {

    background:rgba(30,30,30,.6)

}

.fancybox-button:hover {

    background:rgba(0,0,0,.8)

}

.fancybox-button:after,.fancybox-button:before {

    content:"";

    pointer-events:none;

    position:absolute;

    border-color:#fff;

    background-color:currentColor;

    color:currentColor;

    opacity:.9;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    display:inline-block

}

.fancybox-button--disabled:after,.fancybox-button--disabled:before {

    opacity:.5

}

.fancybox-button--left:after {

    left:20px;

    -webkit-transform:rotate(-135deg);

    -ms-transform:rotate(-135deg);

    transform:rotate(-135deg)

}

.fancybox-button--left:after,.fancybox-button--right:after {

    top:18px;

    width:6px;

    height:6px;

    background:0 0;

    border-top:2px solid currentColor;

    border-right:2px solid currentColor

}

.fancybox-button--right:after {

    right:20px;

    -webkit-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    transform:rotate(45deg)

}

.fancybox-button--left {

    border-bottom-left-radius:5px

}

.fancybox-button--right {

    border-bottom-right-radius:5px

}

.fancybox-button--close {

    float:right

}

.fancybox-button--close:after,.fancybox-button--close:before {

    content:"";

    display:inline-block;

    position:absolute;

    height:2px;

    width:16px;

    top:calc(50% - 1px);

    left:calc(50% - 8px)

}

.fancybox-button--close:before {

    -webkit-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    transform:rotate(45deg)

}

.fancybox-button--close:after {

    -webkit-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

    transform:rotate(-45deg)

}

.fancybox-loading {

    border:6px solid rgba(99,99,99,.4);

    border-top:6px solid rgba(255,255,255,.6);

    border-radius:100%;

    height:50px;

    width:50px;

    -webkit-animation:a .8s infinite linear;

    animation:a .8s infinite linear;

    background:0 0;

    position:absolute;

    top:50%;

    left:50%;

    margin-top:-25px;

    margin-left:-25px;

    z-index:99999

}

@-webkit-keyframes a {

    0% {

        -webkit-transform:rotate(0);

        transform:rotate(0)

    }

    to {

        -webkit-transform:rotate(359deg);

        transform:rotate(359deg)

    }

}@keyframes a {

     0% {

         -webkit-transform:rotate(0);

         transform:rotate(0)

     }

     to {

         -webkit-transform:rotate(359deg);

         transform:rotate(359deg)

     }

 }@media (max-width:768px) {

    .fancybox-controls {

        text-align:left

    }

    .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) {

        display:none!important

    }

    .fancybox-caption {

        padding:20px 0;

        margin:0

    }

}.fancybox-button--fullscreen:before {

     width:15px;

     height:11px;

     left:15px;

     top:16px;

     border:2px solid;

     background:0 0

 }

.fancybox-button--play:before {

    top:16px;

    left:18px;

    width:0;

    height:0;

    border-top:6px inset transparent;

    border-bottom:6px inset transparent;

    border-left:10px solid;

    border-radius:1px;

    background:0 0

}

.fancybox-button--pause:before {

    top:16px;

    left:18px;

    width:7px;

    height:11px;

    border-style:solid;

    border-width:0 2px;

    background:0 0

}

.fancybox-button--thumbs span {

    font-size:23px

}

.fancybox-button--thumbs:before {

    top:20px;

    left:21px;

    width:3px;

    height:3px;

    -webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;

    box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0

}

.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {

    right:220px

}

.fancybox-thumbs {

    position:absolute;

    top:0;

    right:0;

    bottom:0;

    left:auto;

    width:220px;

    margin:0;

    padding:5px 5px 0 0;

    background:#fff;

    z-index:99993;

    word-break:normal;

    -webkit-overflow-scrolling:touch;

    -webkit-tap-highlight-color:transparent;

    -webkit-box-sizing:border-box;

    box-sizing:border-box

}

.fancybox-thumbs>ul {

    list-style:none;

    position:absolute;

    position:relative;

    width:100%;

    height:100%;

    margin:0;

    padding:0;

    overflow-x:hidden;

    overflow-y:auto;

    font-size:0

}

.fancybox-thumbs>ul>li {

    float:left;

    overflow:hidden;

    max-width:50%;

    padding:0;

    margin:0;

    width:105px;

    height:75px;

    position:relative;

    cursor:pointer;

    outline:0;

    border:5px solid #fff;

    border-top-width:0;

    border-right-width:0;

    -webkit-tap-highlight-color:transparent;

    -webkit-backface-visibility:hidden;

    backface-visibility:hidden;

    -webkit-box-sizing:border-box;

    box-sizing:border-box

}

li.fancybox-thumbs-loading {

    background:rgba(0,0,0,.1)

}

.fancybox-thumbs>ul>li>img {

    position:absolute;

    top:0;

    left:0;

    min-width:100%;

    min-height:100%;

    max-width:none;

    max-height:none;

    -webkit-touch-callout:none;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none

}

.fancybox-thumbs>ul>li:before {

    content:"";

    position:absolute;

    top:0;

    right:0;

    bottom:0;

    left:0;

    border-radius:2px;

    border:4px solid #4ea7f9;

    z-index:99991;

    opacity:0;

    -webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);

    -o-transition:all .2s cubic-bezier(.25,.46,.45,.94);

    transition:all .2s cubic-bezier(.25,.46,.45,.94)

}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {

    opacity:1

}

@media (max-width:768px) {

    .fancybox-thumbs {

        display:none!important

    }

    .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap {

        right:0

    }

}body.overflow,html.overflow {

     overflow-y:hidden

 }

html::-webkit-scrollbar {

    width:7px;

    height:7px;

    background-color:#f7f7f7

}

html::-webkit-scrollbar-track {

    border-radius:0;

    background-color:#f7f7f7

}

html::-webkit-scrollbar-thumb {

    border-radius:0;

    width:17px;

    height:17px;

    background-color:#333

}

body {

    overflow-x:hidden;

    font-family:"Microsoft YaHei",sans-serif

}

.cy-wrapper {

    overflow:hidden

}

.cy-wrapper,.footer {

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.cy-wrapper.hide,.footer.hide {

    will-change:transform;

    -webkit-filter:blur(3px);

    filter:blur(3px);

    -webkit-transition-delay:.7s;

    -o-transition-delay:.7s;

    transition-delay:.7s;

    -webkit-transform:translate(-270px,0);

    -ms-transform:translate(-270px,0);

    transform:translate(-270px,0)

}

.container {

    margin:0 auto;

    padding:0 15px;

    width:100%

}

@media (min-width:577px) {

    .container {

        max-width:540px

    }

}@media (min-width:769px) {

    .container {

        max-width:720px

    }

}@media (min-width:1025px) {

    .container {

        max-width:960px;

        padding:0

    }

}@media (min-width:1241px) {

    .container {

        max-width:1140px

    }

}@media (min-width:1441px) {

    .container {

        max-width:1280px

    }

}@media (min-width:1681px) {

    .container {

        max-width:1440px

    }

}@media (min-width:1881px) {

    .container {

        max-width:1550px

    }

}.clearfix:after,.clearfix:before {

     content:'';

     display:table

 }

.clearfix:after {

    clear:both

}

.details-body {

    overflow:hidden;

    line-height:20px;

    text-align:justify

}

.details-body p {

    line-height:30px

}

.details-body img {

    display:inline-block;

    max-width:100%;

    height:auto!important;

    margin:0 auto

}

.builder {

    display:inline-block;

    vertical-align:top

}

.copyright a:hover {

    color:#da251c;

    text-decoration:underline

}

::-moz-selection {

    background:#da251c;

    color:#fff

}

::selection {

    background:#da251c;

    color:#fff

}

body.cy-body {

    display:table;

    width:100%;

    height:100%

}

body.cy-body .cy-wrapper {

    height:100%

}

body.cy-body .footer {

    display:table-footer-group;

    height:1px

}

.bsBox {

    width:auto!important;

    height:auto!important

}

.cy-404 {

    display:table;

    padding:5% 0;

    width:100%;

    height:100%;

    background:#37465d

}

.cy-404 .content-404 {

    display:table-cell;

    vertical-align:middle;

    text-align:center

}

.cy-404 .pic-404 img {

    max-width:90%

}

.cy-404 .back-404 {

    display:block;

    margin:30px auto 0;

    padding:10px 0;

    width:160px;

    font-size:14px;

    line-height:25px;

    background:#da251c;

    color:#fff;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.cy-404 .back-404:hover {

    background:rgba(218,37,28,.7)

}

@media (max-width:1024px) {

    .cy-404 .back-404 {

        width:140px;

        font-size:13px;

        line-height:20px

    }

}@media (max-width:768px) {

    .cy-404 .back-404 {

        width:120px;

        font-size:12px;

        line-height:15px

    }

}@media (max-width:576px) {

    .cy-404 .back-404 {

        width:90px;

        line-height:10px

    }

}.header {

     -webkit-transition:-webkit-transform .5s;

     transition:-webkit-transform .5s;

     -o-transition:transform .5s;

     transition:transform .5s;

     transition:transform .5s,-webkit-transform .5s

 }

.header.is-hidden {

    will-change:transform;

    -webkit-transform:translateY(-100%);

    -ms-transform:translateY(-100%);

    transform:translateY(-100%)

}

.secondary-nav {

    position:relative;

    z-index:5

}

.secondary-nav .s-nav {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:3;

    margin-top:-65px;

    text-align:left;

}

.secondary-nav .sec-n-list {

    display:inline-block;

    vertical-align:top

}

.secondary-nav .sec-n-item {

    float:left

}

.secondary-nav .sec-n-item a {

    display:block;

    padding:20px 25px;

    font-size:16px;

    line-height:25px;

    color:#333;

    -webkit-transition:all .3s,padding .1s;

    -o-transition:all .3s,padding .1s;

    transition:all .3s,padding .1s

}

.secondary-nav .sec-n-item.current a,.secondary-nav .sec-n-item:hover a {

    background:#666;

    color:#fff

}

@media (min-width:1025px) {

    .secondary-nav.fixed .s-nav {

        position:fixed;

        margin-top:85px;

        will-change:transform;

        -webkit-transition:top .5s,-webkit-transform .5s;

        transition:top .5s,-webkit-transform .5s;

        -o-transition:transform .5s,top .5s;

        transition:transform .5s,top .5s;

        transition:transform .5s,top .5s,-webkit-transform .5s

    }

    .secondary-nav.fixed .sec-n-item a {

        padding:10px 25px

    }

    .secondary-nav.slide-up .s-nav {

        top:-40px;

        -webkit-transform:translateY(-100%);

        -ms-transform:translateY(-100%);

        transform:translateY(-100%)

    }

}@media (max-width:1440px) {

    .secondary-nav.fixed .s-nav {

        margin-top:75px

    }

    .secondary-nav.fixed .sec-n-item a {

        padding:10px 20px

    }

    .secondary-nav.slide-up .s-nav {

        top:-30px

    }

    .secondary-nav .s-nav {

        margin-top:-55px

    }

    .secondary-nav .sec-n-item a {

        padding:15px 20px

    }

}@media (max-width:1240px) {

    .secondary-nav.fixed .s-nav {

        margin-top:65px

    }

    .secondary-nav.slide-up .s-nav {

        top:-25px

    }

    .secondary-nav .s-nav {

        margin-top:-50px

    }

    .secondary-nav .sec-n-item a {

        font-size:15px;

        line-height:20px

    }

}@media (max-width:1024px) {

    .secondary-nav.fixed .s-nav {

        margin-top:-40px

    }

    .secondary-nav.fixed .sec-n-item a {

        padding:10px 15px

    }

    .secondary-nav .s-nav {

        margin-top:-40px

    }

    .secondary-nav .sec-n-list {

        display:block

    }

    .secondary-nav .container {

        padding:0;

        max-width:100%

    }

    .secondary-nav .sec-nav {

        overflow-x:auto;

        overflow-y:hidden;

        -webkit-overflow-scrolling:touch

    }

    .secondary-nav .sec-nav::-webkit-scrollbar {

        display:none

    }

    .secondary-nav .sec-n-list {

        width:7777px

    }

    .secondary-nav .sec-n-item a {

        padding:10px 15px;

        font-size:14px

    }

    .secondary-nav .sec-n-item a:active {

        background:#da251c;

        color:#fff

    }

}@media (max-width:576px) {

    .secondary-nav .sec-n-item a {

        font-size:13px

    }

}@media (max-width:425px) {

    .secondary-nav.fixed .s-nav {

        margin-top:-35px

    }

    .secondary-nav.fixed .sec-n-item a {

        padding:5px 10px

    }

    .secondary-nav .s-nav {

        margin-top:-35px

    }

    .secondary-nav .sec-n-item a {

        padding:5px 10px;

        font-size:12px;

        line-height:25px

    }

}.nav-banner {

     position:relative;

     z-index:3;

     /*margin-bottom:65px*/

 }

.nav-banner .banner-pic {

    background:no-repeat bottom center;

    background-size:cover

}

.nav-banner .banner-pic img {

    width:100%;

}

.nav-banner .banner-title {

    position:absolute;

    top:0;

    left:0;

    z-index:5;

    width:100%;

    height:100%

}

.flexbox .nav-banner .banner-title {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center

}

.no-flexbox .nav-banner .banner-title .container {

    display:table;

    height:100%

}

.no-flexbox .nav-banner .banner-title .b-t-title {

    display:table-cell;

    vertical-align:middle

}

.nav-banner .b-t-title {

    font-size:40px;

    font-weight:700;

    line-height:42px;

    text-align:center;

    color:#fff

}

.nav-banner .b-t-title .t {

    font-family:"Microsoft JhengHei","Microsoft YaHei",Arial,sans-serif;

    font-weight:inherit;

    line-height:inherit

}

.nav-banner .b-t-title .e {

    margin-top:15px;

    font-family:Arial,sans-serif;

    text-transform:uppercase

}

.nav-banner .b-t-title .i {

    display:block;

    margin-top:30px;

    font-size:0;

    line-height:1

}

@media (max-width:1440px) {

    .nav-banner {

        margin-bottom:0px

    }

    .nav-banner .b-t-title {

        font-size:42px;

        line-height:40px

    }

    .nav-banner .b-t-title .e {

        margin-top:15px

    }

    .nav-banner .b-t-title .i {

        margin-top:25px

    }

}@media (max-width:1240px) {

    .nav-banner {

        margin-bottom:0px

    }

    .nav-banner .b-t-title {

        font-size:36px;

        line-height:35px

    }

    .nav-banner .b-t-title .e {

        margin-top:10px; font-weight: normal;

    }

    .nav-banner .b-t-title .i {

        margin-top:20px

    }

}@media (max-width:1024px) {

    .nav-banner {

        margin-bottom:00px

    }

    .nav-banner .banner-pic {

        height:320px

    }

    .nav-banner .banner-pic img {

        display:none

    }

    .nav-banner .b-t-title {

        font-size:18px;

        line-height:18px;padding-top:10px ;

    }

    .nav-banner .b-t-title .i {

        margin-top:15px

    }

    .nav-banner .b-t-title .i img {

        width:25px

    }

}@media (max-width:768px) {

    .nav-banner .banner-pic {

        height:41.6667vw

    }

    .nav-banner .b-t-title {

        font-size:16px;

        line-height:16px;

       

    }

    .nav-banner .b-t-title .e{ margin-top: 5px;}

    .nav-banner .b-t-title .i {

        margin-top:10px

    }

}@media (max-width:576px) {

    .nav-banner .b-t-title {

        font-size:14px;

        line-height:15px

    }

    .nav-banner .b-t-title .e {

        font-weight:400

    }

    .nav-banner .b-t-title .i {

        display:none

    }

}@media (max-width:425px) {

    .nav-banner {

        margin-bottom:0px

    }

    .nav-banner .banner-pic {

        height:175px

    }

    .nav-banner .b-t-title {

        font-size:18px

    }

    .nav-banner .b-t-title .e {

        margin-top:7px

    }

}.sec-cy {

     padding:0 0 60px 0

 }

@media (max-width:1440px) {

    .sec-cy {

        padding:50px 0

    }

}@media (max-width:1240px) {

    .sec-cy {

        padding:45px 0

    }

}@media (max-width:1024px) {

    .sec-cy {

        padding:40px 0

    }

}@media (max-width:768px) {

    .sec-cy {

        padding:15px 0

    }

}@media (max-width:425px) {

    .sec-cy {

        padding:15px 0

    }

}.ipc-pages {

     padding:50px 0 0;

     line-height:1;

     text-align:center

 }

.ipc-pages .next,.ipc-pages .pages-item,.ipc-pages .prev {

    display:inline-block;

    margin:0 2px;

    font-size:14px;

    line-height:20px;

    vertical-align:top;

    background:#666;

    color:#fff;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.ipc-pages .next:hover,.ipc-pages .pages-item:hover,.ipc-pages .prev:hover {

    background:#da251c

}

.ipc-pages .pages-item {

    padding:10px 18px;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none

}

.ipc-pages .pages-item.active {

    background:#da251c

}

.ipc-pages .next,.ipc-pages .prev {

    padding:10px 15px

}

@media (max-width:1440px) {

    .ipc-pages {

        padding-top:40px

    }

    .ipc-pages .pages-item {

        padding:10px 15px

    }

    .ipc-pages .next,.ipc-pages .prev {

        padding:10px 12px

    }

}@media (max-width:1240px) {

    .ipc-pages {

        padding-top:30px

    }

    .ipc-pages .next,.ipc-pages .pages-item,.ipc-pages .prev {

        line-height:15px

    }

}@media (max-width:1024px) {

    .ipc-pages {

        padding-top:25px

    }

    .ipc-pages .next,.ipc-pages .pages-item,.ipc-pages .prev {

        padding:5px 10px;

        font-size:13px;

        line-height:20px

    }

}@media (max-width:768px) {

    .ipc-pages {

        padding-top:20px

    }

    .ipc-pages .next,.ipc-pages .pages-item,.ipc-pages .prev {

        margin:0 1px;

        padding:5px 10px;

        font-size:12px

    }

}@media (max-width:576px) {

    .ipc-pages .next,.ipc-pages .prev {

        display:none

    }

}.ipc-title {

     text-align:center;padding-top: 30px

 }

.ipc-title .t {

    font-size:30px;

    line-height:40px;

    color:#333

}

.ipc-title .e {

    margin-top:10px;

    font-size:18px;

    font-weight:700;

    line-height:20px;

    text-transform:uppercase;

    color:#666

}

.ipc-title.w .e,.ipc-title.w .t {

    color:#fff

}

@media (max-width:1024px) {

    .ipc-title .t {

        font-size:24px;

        line-height:30px

    }

    .ipc-title .e {

        font-size:16px

    }

}@media (max-width:576px) {

    .ipc-title .t {

        font-size:20px;

        line-height:25px

    }

    .ipc-title .e {

        margin-top:5px;

        font-size:14px

    }

}@media (max-width:375px) {

    .ipc-title .t {

        font-size:18px

    }

    .ipc-title .e {

        font-size:12px;

        line-height:15px

    }

}.header {

     position:fixed;

     top:0;

     left:0;

     right:0;

     z-index:4777

 }

.header .m-h-o {

    display:none

}

@media (max-width:1024px) {

    .header .m-h-o {

        display:block;

        position:fixed;

        top:0;

        left:0;

        z-index:-1;

        width:100%;

        height:100%;

        background:rgba(0,0,0,.5);

        visibility:hidden;

        opacity:0;

        -webkit-transition:all .2s;

        -o-transition:all .2s;

        transition:all .2s;

        content:''

    }

    .header .m-h-o.show {

        visibility:visible;

        opacity:1

    }

}.header-overlay {

     visibility:hidden;

     height:85px;

     -webkit-transition:height .15s;

     -o-transition:height .15s;

     transition:height .15s

 }

@media (max-width:1440px) {

    .header-overlay {

        height:75px

    }

}@media (max-width:1240px) {

    .header-overlay {

        height:65px

    }

}@media (max-width:1024px) {

    .header-overlay {

        height:60px

    }

}@media (max-width:576px) {

    .header-overlay {

        height:50px

    }

}.header-content {

     background:#fff;



 }

.header-content .logo {

    display:block;

    float:left;

    margin:15px 35px 20px 300px;

    -webkit-transition:margin .15s;

    -o-transition:margin .15s;

    transition:margin .15s

}

.header-content .logo img {

    height:50px;

    -webkit-transition:height .15s;

    -o-transition:height .15s;

    transition:height .15s

}

.header-content .tools {

    float:right;

    border-left:1px solid #e4e4e4;

    padding:15px 50px 20px 35px;

    -webkit-transition:padding .15s;

    -o-transition:padding .15s;

    transition:padding .15s

}

.header-content .hot-line .n {

    margin-bottom:5px;

    font-size:12px;

    line-height:15px;

    color:#666

}

.header-content .hot-line .c {

    font-family:"Bagad Bold Tryout",Arial,sans-serif;

    font-size:24px;

    line-height:30px;

    color:#000

}

.header-content .menu-btn {

    display:none

}

.header-content .header-nav {

    line-height:1;

    text-align:center;

    white-space:nowrap

}

.header-content .header-nav .hn-list {

    display:inline-block;

    vertical-align:top

}

.header-content .header-nav .hn-item {

    float:left;

    position:relative;

    z-index:1

}

.header-content .header-nav .hn-item.current .name {

    color:#da251c

}

.header-content .header-nav .hn-item.current .name:before {

    visibility:visible;

    opacity:1;

    content:''

}

.header-content .header-nav .hn-item:hover {

    z-index:3

}

.header-content .header-nav .hn-item:hover .name {

    color:#da251c

}

.header-content .header-nav .hn-item:hover .sub-nav {

    -webkit-transition-delay:.15s;

    -o-transition-delay:.15s;

    transition-delay:.15s;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none;

    visibility:visible;

    opacity:1

}

.header-content .header-nav .name {

    display:block;

    position:relative;

    margin:30px 20px;

    font-size:16px;

    line-height:25px;

    color:#000;

    -webkit-transition:all .15s,color .3s;

    -o-transition:all .15s,color .3s;

    transition:all .15s,color .3s

}

.header-content .header-nav .name:before {

    position:absolute;

    left:0;

    bottom:-30px;

    width:100%;

    height:5px;

    background:#da251c;

    visibility:hidden;

    opacity:0;

    -webkit-transition:all .3s,bottom .15s,height .15s;

    -o-transition:all .3s,bottom .15s,height .15s;

    transition:all .3s,bottom .15s,height .15s

}

.header-content .header-nav .sub-nav {

    position:absolute;

    top:100%;

    left:-20px;

    right:-20px;

    padding:15px 0;

    background:#f0f0f0;

    -webkit-transition:visibility .35s,opacity .35s,-webkit-transform .35s;

    transition:visibility .35s,opacity .35s,-webkit-transform .35s;

    -o-transition:transform .35s,visibility .35s,opacity .35s;

    transition:transform .35s,visibility .35s,opacity .35s;

    transition:transform .35s,visibility .35s,opacity .35s,-webkit-transform .35s;

    -webkit-transform:translate(0,10px);

    -ms-transform:translate(0,10px);

    transform:translate(0,10px);

    visibility:hidden;

    opacity:0

}

.header-content .header-nav .sub-nav .sn-item a {

    display:block;

    padding:5px;

    font-size:15px;

    line-height:25px;

    text-align:center;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.header-content .header-nav .sub-nav .sn-item a:hover {

    background:#da251c;

    color:#fff

}

@media (max-width:1440px) {

    .header-content .logo {

        margin:12px 30px 13px

    }

    .header-content .tools {

        padding:12px 30px 13px

    }

    .header-content .header-nav .name {

        margin:30px 15px 20px

    }

    .header-content .header-nav .name:before {

        bottom:-20px

    }

    .header-content .header-nav .sub-nav {

        left:-15px;

        right:-15px;

        padding:10px 0

    }

    .header-content .header-nav .sub-nav .sn-item a {

        font-size:14px;

        line-height:20px

    }

}@media (max-width:1240px) {

    .header-content .logo img {

        height:40px

    }

    .header-content .hot-line .c {

        font-size:20px;

        line-height:20px

    }

    .header-content .header-nav .name {

        margin:25px 10px 15px

    }

    .header-content .header-nav .name:before {

        bottom:-15px

    }

    .header-content .header-nav .sub-nav {

        left:-10px;

        right:-10px

    }

}@media (min-width:1024px) and (max-width:1140px) {

    .header-content .header-nav .name {

        font-size:16px

    }

    .header-content .header-nav .name:before {

        height:4px

    }

    .header-content .header-nav .sub-nav .sn-item a {

        font-size:13px

    }

}@media (max-width:1024px) {

    .header-content .logo {

        margin:10px 25px

    }

    .header-content .tools {

        border-left:0 none;

        padding:0

    }

    .header-content .hot-line {

        display:none

    }

    .header-content .menu-btn {

        position:relative;

        z-index:3;

        width:70px;

        height:60px;

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-pack:center;

        -ms-flex-pack:center;

        justify-content:center;

        -webkit-box-align:center;

        -ms-flex-align:center;

        align-items:center;

        cursor:pointer

    }

    .header-content .menu-btn.active .m-btn .mb2 {

        visibility:hidden;

        -webkit-transform:scale(0,1);

        -ms-transform:scale(0,1);

        transform:scale(0,1);

        -webkit-transition:visibility .3s,-webkit-transform .3s .3s;

        transition:visibility .3s,-webkit-transform .3s .3s;

        -o-transition:visibility .3s,transform .3s .3s;

        transition:visibility .3s,transform .3s .3s;

        transition:visibility .3s,transform .3s .3s,-webkit-transform .3s .3s

    }

    .header-content .menu-btn.active .m-btn .mb1 {

        top:12px;

        -webkit-transform:rotate(-45deg);

        -ms-transform:rotate(-45deg);

        transform:rotate(-45deg)

    }

    .header-content .menu-btn.active .m-btn .mb3 {

        top:-12px;

        -webkit-transform:rotate(45deg);

        -ms-transform:rotate(45deg);

        transform:rotate(45deg)

    }

    .header-content .menu-btn.active .m-btn .mb1,.header-content .menu-btn.active .m-btn .mb3 {

        -webkit-transition:top .3s,-webkit-transform .3s .3s;

        transition:top .3s,-webkit-transform .3s .3s;

        -o-transition:top .3s,transform .3s .3s;

        transition:top .3s,transform .3s .3s;

        transition:top .3s,transform .3s .3s,-webkit-transform .3s .3s

    }

    .header-content .m-btn {

        width:38px;

        height:27px;

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-orient:vertical;

        -webkit-box-direction:normal;

        -ms-flex-direction:column;

        flex-direction:column;

        -webkit-box-pack:justify;

        -ms-flex-pack:justify;

        justify-content:space-between;

        -webkit-transition:all .3s;

        -o-transition:all .3s;

        transition:all .3s

    }

    .header-content .m-btn .mb {

        display:block;

        position:relative;

        top:0;

        width:100%;

        height:3px;

        background:#666

    }

    .header-content .m-btn .mb2 {

        -webkit-transform-origin:left center;

        -ms-transform-origin:left center;

        transform-origin:left center;

        -webkit-transition:visibility .3s,-webkit-transform .3s;

        transition:visibility .3s,-webkit-transform .3s;

        -o-transition:visibility .3s,transform .3s;

        transition:visibility .3s,transform .3s;

        transition:visibility .3s,transform .3s,-webkit-transform .3s

    }

    .header-content .m-btn .mb1,.header-content .m-btn .mb3 {

        -webkit-transition:top .3s,-webkit-transform .3s;

        transition:top .3s,-webkit-transform .3s;

        -o-transition:top .3s,transform .3s;

        transition:top .3s,transform .3s;

        transition:top .3s,transform .3s,-webkit-transform .3s

    }

    .header-content .header-nav {

        overflow-y:auto;

        overflow-x:hidden;

        position:fixed;

        top:60px;

        left:100%;

        bottom:0;

        z-index:777;

        padding:40px 0;

        width:290px;

        text-align:left;

        background:#f1f1f1;

        -webkit-transition:margin .5s,visibility .5s,top .15s,padding .15s;

        -o-transition:margin .5s,visibility .5s,top .15s,padding .15s;

        transition:margin .5s,visibility .5s,top .15s,padding .15s;

        visibility:hidden

    }

    .header-content .header-nav.show {

        margin-left:-290px;

        visibility:visible

    }

    .header-content .header-nav::-webkit-scrollbar {

        display:none

    }

    .header-content .header-nav .hn-list {

        display:block

    }

    .header-content .header-nav .hn-item {

        float:none

    }

    .header-content .header-nav .hn-item.show .name,.header-content .header-nav .hn-item:hover .name {

        background:#da251c;

        color:#fff

    }

    .header-content .header-nav .name {

        margin:0;

        padding:15px 60px;

        font-weight:700;

        line-height:30px;

        color:#333

    }

    .header-content .header-nav .name:before {

        content:none!important

    }

    .header-content .header-nav .sub-nav {

        display:none;

        position:relative;

        top:auto;

        left:auto;

        right:auto;

        background:#c31e15;

        -webkit-transform:none;

        -ms-transform:none;

        transform:none;

        visibility:visible;

        opacity:1

    }

    .header-content .header-nav .sub-nav .sn-item a {

        padding:10px 60px;

        font-size:14px;

        font-weight:700;

        text-align:left;

        color:#fff

    }

}@media (max-width:576px) {

    .header-content .logo {

        margin:10px 15px

    }

    .header-content .logo img {

        height:30px

    }

    .header-content .menu-btn {

        width:60px;

        height:50px

    }

    .header-content .menu-btn.active .m-btn .mb1 {

        top:10px

    }

    .header-content .menu-btn.active .m-btn .mb3 {

        top:-10px

    }

    .header-content .m-btn {

        width:32px;

        height:23px

    }

    .header-content .header-nav {

        top:50px;

        padding:20px 0

    }

    .header-content .header-nav .name {

        line-height:20px

    }

}.footer-content {

     position:relative;

     z-index:1;

     padding:60px 0 40px;

     background:#333

 }

.footer-content:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    border-top:1px solid #5c5c5d;

    width:100%;

    content:''

}

@media (max-width:1024px) {

    .footer-content {

        padding:50px 0 30px

    }

    .footer-content .container {

        max-width:90%;

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-pack:justify;

        -ms-flex-pack:justify;

        justify-content:space-between

    }

}@media (max-width:768px) {

    .footer-content {

        padding:40px 0 30px

    }

}@media (max-width:425px) {

    .footer-content .container {

        max-width:none

    }

}.footer-info {

     float:left;

     margin:20px 0;

     max-width:60%;

     font-size:12px;

     line-height:20px;

     color:#ccc

 }

.footer-info .friendly-link {

    float:left;

    position:relative;

    z-index:3;

    margin-right:25px;

    width:220px

}

.footer-info .friendly-link .n {

    border:1px solid #b7b7b7;

    padding:10px 15px;

    font-size:14px;

    line-height:18px;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

    cursor:pointer

}

.footer-info .friendly-link .n:before {

    display:inline-block;

    float:right;

    margin-top:5px;

    border-top:8px solid #ccc;

    border-left:6px solid transparent;

    border-right:6px solid transparent;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.footer-info .friendly-link .n:hover {

    background:#fff;

    color:#333

}

.footer-info .friendly-link .n.active {

    background:#fff;

    color:#333

}

.footer-info .friendly-link .n.active:before {

    border-top-color:#333;

    -webkit-transform:rotate(180deg);

    -ms-transform:rotate(180deg);

    transform:rotate(180deg)

}

.footer-info .friendly-link .ll {

    display:none;

    position:absolute;

    left:0;

    right:0;

    bottom:100%;

    z-index:3;

    padding:5px 0;

    background:#fff;

    color:#333

}

.footer-info .friendly-link .ll a {

    display:block;

    padding:5px 15px;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.footer-info .friendly-link .ll a:hover {

    background:#ccc

}

.footer-info .contact {

    float:left;

    position:relative;

    z-index:5;

    margin:3px 0

}

.footer-info .ct-item {

    float:left;

    position:relative;

    z-index:1;

    margin-right:5px

}

.footer-info .ct-item .i {

    display:block;

    border:1px solid #999;

    border-radius:50%;

    width:34px;

    height:34px;

    background:no-repeat center center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    cursor:pointer

}

.footer-info .ct-item.sina .i {

    background-image:url(../images/icons/sina.png)

}

.footer-info .ct-item.wx .i {

    background-image:url(../images/icons/wx.png)

}

.footer-info .ct-item.phone .i {

    background-image:url(../images/icons/phone.png)

}

.footer-info .ct-item:hover {

    z-index:3

}

.footer-info .ct-item:hover .i {

    border-color:#da251c;

    background-color:#da251c

}

.footer-info .ct-item.wx .qr-tp {

    position:absolute;

    left:50%;

    bottom:100%;

    margin-left:-50px;

    margin-bottom:10px;

    border:1px solid #ccc;

    border-radius:3px;

    padding:4px;

    background:#fff;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s;

    -webkit-transform:translate(0,-17%);

    -ms-transform:translate(0,-17%);

    transform:translate(0,-17%);

    visibility:hidden;

    opacity:0

}

.footer-info .ct-item.wx .qr-tp img {

    width:90px

}

.footer-info .ct-item.wx .qr-tp:after,.footer-info .ct-item.wx .qr-tp:before {

    position:absolute;

    top:100%;

    left:50%;

    content:''

}

.footer-info .ct-item.wx .qr-tp:before {

    z-index:3;

    margin-left:-5px;

    border-top:5px solid #fff;

    border-left:5px solid transparent;

    border-right:5px solid transparent

}

.footer-info .ct-item.wx .qr-tp:after {

    margin-left:-7px;

    border-top:7px solid #ccc;

    border-left:7px solid transparent;

    border-right:7px solid transparent

}

.footer-info .ct-item.wx:hover .qr-tp {

    -webkit-transform:none;

    -ms-transform:none;

    transform:none;

    visibility:visible;

    opacity:1

}

.footer-info .ct-item.phone .i {

    float:left;

    margin-right:15px

}

.footer-info .ct-item.phone .c {

    overflow:hidden;

    font-family:"Bagad Bold Tryout",Arial,sans-serif;

    font-size:24px;

    line-height:34px

}

.footer-info .copyright {

    margin-top:20px

}

@media (max-width:1024px) {

    .footer-info {

        margin:0;

        max-width:70%;

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-orient:vertical;

        -webkit-box-direction:normal;

        -ms-flex-direction:column;

        flex-direction:column;

        -webkit-box-pack:center;

        -ms-flex-pack:center;

        justify-content:center

    }

    .footer-info .friendly-link {

        margin-right:15px

    }

    .footer-info .ct-item.sina,.footer-info .ct-item.wx {

        display:none

    }

    .footer-info .ct-item.phone .i {

        margin-right:10px

    }

}@media (max-width:768px) {

    .footer-info {

        max-width:75%

    }

}@media (max-width:680px) {

    .footer-info .friendly-link {

        float:none;

        margin-right:0;

        margin-bottom:60px;

        width:280px

    }

    .footer-info .contact {

        float:none;

        margin:0

    }

}@media (max-width:576px) {

    .footer-info {

        float:none;

        max-width:none

    }

    .footer-info .friendly-link {

        margin-bottom:10vw

    }

}.footer-qr {

     float:right;

     max-width:40%

 }

.footer-qr .qr-pic figcaption {

    margin-top:15px;

    font-size:12px;

    line-height:15px;

    text-align:center;

    color:#ccc

}

@media (max-width:1024px) {

    .footer-qr {

        max-width:30%

    }

}@media (max-width:768px) {

    .footer-qr {

        display:-webkit-box;

        display:-ms-flexbox;

        display:flex;

        -webkit-box-align:end;

        -ms-flex-align:end;

        align-items:flex-end

    }

    .footer-qr .qr-pic figcaption {

        margin-top:5px

    }

}@media (max-width:576px) {

    .footer-qr {

        display:none

    }

}.hm-banner {

     overflow:hidden;

     position:relative;

     z-index:1;

     height:calc(100vh - 85px)

 }

.hm-banner .banner-carousel {

    position:relative;

    z-index:1

}

.hm-banner .carousel-item.current .carousel-bg {

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.hm-banner .carousel-pic {

    overflow:hidden;

    position:relative;

    z-index:3

}

.hm-banner .carousel-pic img {

    display:none;

    width:100%

}

.hm-banner .carousel-bg {

    display:block;

    width:100%;

    height:calc(100vh - 85px);

    background:no-repeat bottom center;

    background-size:cover;

    -webkit-transform:scale(1.05);

    -ms-transform:scale(1.05);

    transform:scale(1.05);

    -webkit-transition:-webkit-transform 5s;

    transition:-webkit-transform 5s;

    -o-transition:transform 5s;

    transition:transform 5s;

    transition:transform 5s,-webkit-transform 5s

}

.hm-banner .banner-info {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    position:absolute;

    top:0;

    left:0;

    z-index:5;

    width:100%;

    height:80%;

    text-align:center;

    color:#fff

}

.no-flexbox.csstransforms .hm-banner .banner-info {

    top:50%;

    height:auto;

    -webkit-transform:translate(0,-50%);

    -ms-transform:translate(0,-50%);

    transform:translate(0,-50%)

}

.no-flexbox.no-csstransforms .hm-banner .banner-info {

    top:36%;

    height:auto

}

.hm-banner .banner-info .t {

    font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif;

    font-size:60px;

    font-weight:700;

    line-height:1

}

.hm-banner .banner-info .e {

    margin-top:30px;

    font-family:Arial,sans-serif;

    font-size:48px;

    font-weight:700;

    line-height:50px;

    text-transform:uppercase

}

.hm-banner .banner-info .c {

    margin-top:30px;

    font-size:16px;

    line-height:30px

}

.hm-banner .banner-info .i {

    margin-top:50px

}

.hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before {

    display:inline-block;

    margin-top:8px;

    width:100px;

    height:1px;

    vertical-align:middle;

    background:#fff;

    opacity:.5;

    content:''

}

.hm-banner .banner-info .i img {

    margin:0 10px

}

.hm-banner .slick-dots {

    bottom:40px;

    z-index:7

}

.hm-banner .slick-dots li {

    margin:0 5px;

    width:9px;

    height:9px;

    background:#fff

}

.hm-banner .slick-dots li.slick-active {

    background:#da251c

}

@media (max-width:1440px) {

    .hm-banner {

        height:calc(100vh - 75px)

    }

    .hm-banner .carousel-bg {

        height:calc(100vh - 75px)

    }

    .hm-banner .banner-info .t {

        font-size:50px

    }

    .hm-banner .banner-info .e {

        margin-top:25px;

        font-size:38px;

        line-height:40px

    }

    .hm-banner .banner-info .c {

        margin-top:25px;

        font-size:15px;

        line-height:25px

    }

    .hm-banner .banner-info .i {

        margin-top:40px

    }

    .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before {

        width:80px

    }

}@media (max-width:1240px) {

    .hm-banner {

        height:calc(100vh - 65px)

    }

    .hm-banner .carousel-bg {

        height:calc(100vh - 65px)

    }

    .hm-banner .banner-info .t {

        font-size:40px

    }

    .hm-banner .banner-info .e {

        margin-top:20px;

        font-size:28px;

        line-height:30px

    }

    .hm-banner .banner-info .c {

        margin-top:20px;

        font-size:14px;

        line-height:20px

    }

    .hm-banner .banner-info .i {

        margin-top:30px

    }

    .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before {

        width:60px

    }

    .hm-banner .slick-dots {

        bottom:30px

    }

}@media (max-width:1024px) {

    .hm-banner {

        height:auto

    }

    .hm-banner .carousel-pic img {

        display:block

    }

    .hm-banner .carousel-bg {

        display:none

    }

    .hm-banner .banner-info .t {

        font-size:32px

    }

    .hm-banner .banner-info .e {

        margin-top:15px;

        font-size:18px;

        line-height:25px

    }

    .hm-banner .banner-info .c {

        font-size:13px

    }

    .hm-banner .banner-info .i {

        margin-top:25px

    }

    .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before {

        content:none

    }

    .hm-banner .slick-dots {

        bottom:20px

    }

    .hm-banner .slick-dots li {

        margin:0 4px;

        width:8px;

        height:8px

    }

}@media (max-width:768px) {

    .hm-banner .banner-info .t {

        font-size:28px

    }

    .hm-banner .banner-info .e {

        font-size:16px

    }

    .hm-banner .banner-info .c {

        display:none

    }

    .hm-banner .banner-info .i {

        margin-top:20px

    }

    .hm-banner .slick-dots {

        bottom:15px

    }

    .hm-banner .slick-dots li {

        margin:0 3px;

        width:6px;

        height:6px

    }

}@media (max-width:576px) {

    .hm-banner .banner-info .t {

        font-size:24px

    }

    .hm-banner .banner-info .e {

        margin-top:15px;

        font-size:14px

    }

    .hm-banner .banner-info .i {

        margin-top:15px

    }

    .hm-banner .slick-dots {

        bottom:10px

    }

}@media (max-width:425px) {

    .hm-banner .banner-info .t {

        font-size:20px

    }

    .hm-banner .banner-info .e {

        margin-top:5px;

        font-size:13px;

        line-height:20px

    }

    .hm-banner .banner-info .i {

        margin-top:10px

    }

    .hm-banner .banner-info .i img {

        width:32px

    }

}.hm-grid .carousel-info,.hm-grid .carousel-pic,.hm-grid .hm-about,.hm-grid .hm-video {

     float:left;

     width:50%

 }

.hm-grid .hm-product {

    clear:left

}

.hm-grid .g-title {

    font-size:36px;

    line-height:1

}

.hm-grid .g-more {

    display:block;

    border:2px solid #ccc;

    padding:10px 0;

    width:175px;

    font-size:14px;

    line-height:20px;

    text-align:center;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.hm-grid .g-more:after {

    display:inline-block;

    margin-left:30px;

    width:23px;

    height:20px;

    vertical-align:top;

    background:url(../images/icons/more.png) no-repeat right center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.hm-grid .g-more:hover {

    border-color:#da251c;

    color:#da251c

}

.hm-grid .g-more:hover:after {

    background-image:url(../images/icons/moreh.png);

    -webkit-transform:translate(10%,0);

    -ms-transform:translate(10%,0);

    transform:translate(10%,0)

}

.hm-grid .hm-about {

    padding:80px 150px 110px 185px;

    height:570px

}

.hm-grid .hm-about .g-title {

    color:#da251c

}

.hm-grid .hm-about .cont {

    margin-top:0px;

    height:40px;

    font-size:14px;

    line-height:25px;

    color:#666;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:4;

    -webkit-box-orient:vertical

}

.hm-grid .hm-about .hm-about-count {

    margin-top:60px

}

.hm-grid .hm-about .hm-about-count:after {

    content:'';

    display:block;

    clear:both

}

.hm-grid .hm-about .hm-ac-item {

    float:left;

    width:33.3334%;

    text-align:center

}

.hm-grid .hm-about .hm-ac-item .c {

    line-height:15px

}

.hm-grid .hm-about .hm-ac-item .b {

    margin-right:10px;

    font-family:Arial,sans-serif;

    font-size:60px;

    line-height:1

}

.hm-grid .hm-about .hm-ac-item .n {

    margin-top:15px;

    line-height:15px

}

.hm-grid .hm-about .g-more {

    margin-top:76px

}

.hm-grid .hm-video {

    position:relative;

    z-index:1;

    overflow:hidden;

    height:570px

}

.hm-grid .hm-video:hover .hm-video-pic {

    -webkit-transform:scale(1.015);

    -ms-transform:scale(1.015);

    transform:scale(1.015)

}

.hm-grid .hm-video .hm-video-pic {

    position:relative;

    z-index:1;

    height:100%;

    background:no-repeat center center;

    background-size:cover;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.hm-grid .hm-video .hm-video-pic:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:#0065b8;

    opacity:.5;

    content:''

}

.hm-grid .hm-video .hm-video-pic img {

    display:none;

    width:100%

}

.hm-grid .hm-video .v-box {

    position:absolute;

    top:0;

    left:0;

    z-index:3;

    width:100%;

    height:100%

}

.hm-grid .hm-video .v-icon {

    position:absolute;

    top:50%;

    left:50%;

    margin-top:-20px;

    margin-left:-35px;

    border:2px solid #fff;

    border-radius:3px;

    width:70px;

    height:40px;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.hm-grid .hm-video .v-icon:before {

    position:absolute;

    top:50%;

    left:50%;

    margin-top:-6px;

    margin-left:-3px;

    border-top:6px solid transparent;

    border-left:6px solid #fff;

    border-bottom:6px solid transparent;

    content:''

}

.hm-grid .hm-video .v-icon:hover {

    -webkit-transform:scale(1.04);

    -ms-transform:scale(1.04);

    transform:scale(1.04)

}

.hm-grid .hm-video .g-title {

    margin:80px 0 0 110px;

    color:#fff

}

.hm-grid .hm-product {

    overflow:hidden;

    position:relative;

    z-index:3

}

.hm-grid .carousel-pic {

    height:550px;

    background:no-repeat center center;

    background-size:cover

}

.hm-grid .carousel-pic img {

    display:none;

    width:100%

}

.hm-grid .carousel-info {

    padding:80px 220px 110px 110px;

    height:550px

}

.hm-grid .carousel-info .g-title {

    color:#000

}

.hm-grid .carousel-info .c {

    margin-top:30px;

    height:175px;

    font-size:14px;

    line-height:25px;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:7;

    -webkit-box-orient:vertical

}

.hm-grid .carousel-info .g-more {

    margin-top:80px

}

.hm-grid .slick-dots {

    left:50%;

    bottom:40px;

    margin-left:110px;

    width:auto

}

.hm-grid .slick-dots li {

    margin:0 9px 0 0;

    width:9px;

    height:9px;

    background:#999

}

.hm-grid .slick-dots li.slick-active {

    background:#da251c

}

.cssgrid .hm-grid {

    display:grid;

    grid-template-columns:50% 50%;

    grid-template-rows:570px 0;

    grid-template-areas:"about video" "product product"

}

.cssgrid .hm-grid .hm-about {

    grid-area:about;

    width:auto;

    height:auto

}

.cssgrid .hm-grid .hm-about .hm-ac-item {

    float:none;

    width:auto

}

.cssgrid .hm-grid .hm-video {

    grid-area:video;

    width:auto;

    height:auto

}

.cssgrid .hm-grid .hm-product {

    grid-area:product

}

.flexbox .hm-grid .hm-about {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between

}

.flexbox .hm-grid .hm-about .cont {

    height:auto

}

.flexbox .hm-grid .hm-about-count {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between

}

.flexbox .hm-grid .hm-about-count:after {

    content:none

}

.flexbox .hm-grid .hm-ac-item {

    float:none;

    width:auto

}

.flexbox .hm-grid .carousel-info {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between

}

.flexbox .hm-grid .carousel-info .c {

    height:auto

}

@media (max-width:1880px) {

    .hm-grid .hm-about {

        padding:80px 140px 90px 120px

    }

    .hm-grid .carousel-info {

        padding:80px 180px 90px 110px

    }

}@media (max-width:1680px) {

    .hm-grid .g-title {

        font-size:24px

    }

    .hm-grid .g-more {

        width:150px

    }

    .hm-grid .g-more:after {

        margin-left:15px

    }

    .hm-grid .hm-about {

        padding:80px 100px 90px 80px

    }

    .hm-grid .hm-about .hm-ac-item .b {

        font-size:40px

    }

    .hm-grid .hm-video .g-title {

        margin-left:80px

    }

    .hm-grid .carousel-info {

        padding:80px 120px 90px 80px

    }

    .hm-grid .slick-dots {

        margin-left:80px

    }

}@media (max-width:1440px) {

    .hm-grid .hm-about {

        padding:50px 80px 60px 50px;

        height:470px

    }

    .hm-grid .hm-about .cont {

        margin-top:20px

    }

    .hm-grid .hm-about .hm-about-count {

        margin-top:50px

    }

    .hm-grid .hm-about .hm-ac-item .b {

        font-size:30px

    }

    .hm-grid .hm-about .g-more {

        margin-top:66px

    }

    .hm-grid .hm-video {

        height:470px

    }

    .hm-grid .hm-video .g-title {

        margin-top:50px;

        margin-left:60px

    }

    .hm-grid .carousel-info,.hm-grid .carousel-pic {

        height:450px

    }

    .hm-grid .carousel-info {

        padding:50px 100px 60px 60px

    }

    .hm-grid .carousel-info .c {

        margin-top:20px

    }

    .hm-grid .carousel-info .g-more {

        margin-top:50px

    }

    .hm-grid .slick-dots {

        bottom:20px;

        margin-left:60px

    }

    .cssgrid .hm-grid {

        grid-template-rows:470px 0px

    }

}@media (max-width:1240px) {

    .hm-grid .g-title {

        font-size:20px

    }

    .hm-grid .hm-about {

        padding:50px 50px 60px

    }

    .hm-grid .hm-video .g-title {

        margin-left:50px

    }

    .hm-grid .carousel-info {

        padding:50px 50px 60px

    }

    .hm-grid .slick-dots {

        margin-left:50px

    }

}@media (max-width:1024px) {

    .hm-grid {

        padding:15px;

        background:#f1f1f1

    }

    .hm-grid .g-more {

        width:120px;

        font-size:12px;

        line-height:15px

    }

    .hm-grid .g-more:after {

        width:17px;

        height:15px

    }

    .hm-grid .carousel-info,.hm-grid .carousel-pic,.hm-grid .hm-about,.hm-grid .hm-video {

        float:none;

        width:auto;

        height:auto

    }

    .hm-grid .hm-about {

        padding:50px 5%;

        background:#fff

    }

    .hm-grid .hm-about .cont {

        margin-top:15px;

        font-size:13px

    }

    .hm-grid .hm-about .hm-about-count {

        margin-top:40px

    }

    .hm-grid .hm-about .hm-ac-item .b {

        margin-right:5px;

        font-size:24px

    }

    .hm-grid .hm-about .hm-ac-item .n {

        margin-top:5px;

        font-size:12px

    }

    .hm-grid .hm-about .g-more {

        margin-top:50px

    }

    .hm-grid .hm-video .g-title {

        margin-left:5%

    }

    .hm-grid .hm-video .hm-video-pic img {

        display:block

    }

    .hm-grid .hm-video .hm-video-pic:before {

        z-index:1

    }

    .hm-grid .hm-product {

        margin-top:15px

    }

    .hm-grid .carousel-pic img {

        display:block

    }

    .hm-grid .carousel-info {

        padding:50px 5% 80px;

        background:#fff

    }

    .hm-grid .carousel-info .c {

        font-size:13px

    }

    .hm-grid .slick-dots {

        left:5%;

        bottom:30px;

        margin-left:0

    }

    .cssgrid .hm-grid {

        display:block;

        grid-template-columns:none;

        grid-template-rows:none;

        grid-template-areas:none

    }

    .cssgrid .hm-grid .hm-about {

        grid-area:auto

    }

    .cssgrid .hm-grid .hm-video {

        grid-area:auto

    }

    .cssgrid .hm-grid .hm-product {

        grid-area:auto

    }

}@media (max-width:576px) {

    .hm-grid .g-more {

        border-width:1px;

        padding:5px 0;

        width:100px

    }

    .hm-grid .g-more:after {

        margin-left:10px;

        width:13px

    }

    .hm-grid .hm-about {

        padding:35px 5%

    }

    .hm-grid .hm-video .g-title {

        margin-top:35px

    }

    .hm-grid .hm-video .v-icon {

        margin-top:-15px;

        margin-left:-25px;

        width:50px;

        height:30px

    }

    .hm-grid .carousel-info {

        padding:35px 5% 70px

    }

    .hm-grid .slick-dots {

        bottom:25px

    }

    .hm-grid .slick-dots li {

        margin-right:7px;

        width:7px;

        height:7px

    }

}@media (max-width:425px) {

    .hm-grid .hm-about .hm-about-count {

        margin-top:30px

    }

    .hm-grid .hm-about .hm-about-count .b {

        font-size:20px

    }

    .hm-grid .hm-about .g-more {

        margin-top:40px

    }

    .hm-grid .carousel-info {

        padding-bottom:50px

    }

    .hm-grid .carousel-info .g-more {

        margin-top:35px

    }

    .hm-grid .slick-dots {

        bottom:15px

    }

}.hm-product2 {

     padding:80px 0;

     background:#f5f5ff;

 }

 .hm-product2 .tit{ width:100%;height:80px;text-align: center }

.hm-product2:after {

    content:'';

    display:block;

    clear:both

}

.hm-product2 .carousel-item {

    margin-right:5px;

    background:#fff

}

.hm-product2 .carousel-item a {

    display:block;

    overflow:hidden;

    position:relative;

    z-index:1;

    padding:10px;



}

.hm-product2 .carousel-item a:hover {

    z-index:3

}

.hm-product2 .carousel-item a:hover .carousel-pic .bg {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.hm-product2 .hm-product2 .carousel-item a:hover .carousel-info {

    visibility:visible;

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.hm-product2 .carousel-pic {

    margin:10px 0;

    overflow:hidden

}

.hm-product2 .carousel-pic img {

    display:none;

    width:100%

}

.hm-product2 .carousel-pic .bg {

    display:block;

    height:300px;

    background:no-repeat center center;

    background-size:cover;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.hm-product2 .carousel-name {

    border-top:1px solid #eee;

    padding:20px 0

}

.hm-product2 .carousel-name .n {

    font-size:14px;

    line-height:20px;

    text-align:center;

    color:#333;

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.hm-product2 .carousel-info {

    position:absolute;

    top:0;

    left:0;

    z-index:3;

    padding:35px 45px;

    width:100%;

    height:100%;

    color:#fff;

    visibility:hidden;

    opacity:0;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s;

    -webkit-transform:translate(0,100%);

    -ms-transform:translate(0,100%);

    transform:translate(0,100%)

}

.hm-product2 .carousel-info:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:#da251c;

    opacity:.92;

    content:''

}

.hm-product2 .carousel-info .t {

    font-size:24px;

    line-height:25px;

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis

}

.hm-product2 .carousel-info .cont {

    margin:20px 0 15px;

    border-top:1px solid rgba(255,255,255,.3);

    border-bottom:1px solid rgba(255,255,255,.3);

    padding:25px 0;

    line-height:25px

}

.hm-product2 .carousel-info .c {

    height:200px;

    font-size:12px;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:8;

    -webkit-box-orient:vertical

}

.hm-product2 .carousel-info .m {

    display:block;

    width:15px;

    height:15px;

    background:url(../images/icons/more1.png) no-repeat center center

}

.hm-product2 .carousel-info .m:hover {

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    -webkit-transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    transform:rotate(90deg)

}

.hm-product2 .pd2-carousel {

    position:relative;

    z-index:1

}

.hm-product2 .carousel {

    overflow:hidden

}

.hm-product2 .slick-list {

    margin-right:-4px

}

.hm-product2 .carousel-arrow .next,.hm-product2 .carousel-arrow .prev {

    position:absolute;

    top:50%;

    z-index:3;

    margin-top:-25px;

    width:50px;

    height:50px;

    background:no-repeat center center #999;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    cursor:pointer

}

.hm-product2 .carousel-arrow .next:hover,.hm-product2 .carousel-arrow .prev:hover {

    background-color:dimgray

}

.hm-product2 .carousel-arrow .prev {

    left:-100px;

    background-image:url(../images/icons/prev.png)

}

.hm-product2 .carousel-arrow .next {

    right:-100px;

    background-image:url(../images/icons/next.png)

}

@media (max-width:1680px) {

    .hm-product2 .carousel-info .t {

        font-size:20px

    }

    .hm-product2 .carousel-arrow .prev {

        left:-60px

    }

    .hm-product2 .carousel-arrow .next {

        right:-60px

    }

}@media (max-width:1440px) {

    .hm-product2 {

        padding:80px 0

    }

    .hm-product2 .carousel-item a {

        padding:10px 30px

    }

    .hm-product2 .carousel-info {

        padding:35px

    }

    .hm-product2 .carousel-arrow .prev {

        left:-25px

    }

    .hm-product2 .carousel-arrow .next {

        right:-25px

    }

}@media (max-width:1240px) {

    .hm-product2 .carousel-info .t {

        font-size:18px

    }

}@media (max-width:1024px) {

    .hm-product2 {

        padding:15px 0

    }



    .hm-product2 .container {

        max-width:none

    }

    .hm-product2 .carousel-arrow .prev {

        left:0

    }

    .hm-product2 .carousel-arrow .next {

        right:0

    }

}@media (max-width:768px) {

    .hm-product2 .carousel-item a {

        padding:10px 5%;

        height:auto

    }

    .hm-product2 .carousel-item a:hover .carousel-name .n {

        visibility:visible;

        opacity:1

    }

    .hm-product2 .carousel-pic img {

        display:block

    }

    .hm-product2 .carousel-pic .bg {

        display:none

    }

    .hm-product2 .carousel-info {

        display:none

    }

    .hm-product2 .carousel-name {

        padding:10px 0

    }

    .hm-product2 .carousel-name .n {

        font-size:13px

    }

    .hm-product2 .carousel-arrow .next,.hm-product2 .carousel-arrow .prev {

        width:36px;

        height:36px

    }

}@media (max-width:425px) {

    .hm-product2 .slick-list {

        margin-right:0

    }

    .hm-product2 .carousel-item {

        margin-right:0

    }

}.hm-news {

     position:relative;

     z-index:1;

     padding:80px 0 90px

 }

.hm-news .hm-news-bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center;

    background-size:cover

}

.hm-news .hm-news-title {

    line-height:25px;

    color:#fff;

    text-align:right

}

.hm-news .hm-news-title .t {

    float:left;

    font-size:24px

}

.hm-news .hm-news-title .m {

    display:inline-block;

    font-size:14px;

    line-height:1;

    vertical-align:bottom;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.hm-news .hm-news-title .m:after {

    display:inline-block;

    margin-left:10px;

    width:23px;

    height:14px;

    vertical-align:top;

    background:url(../images/icons/morew.png) no-repeat right center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.hm-news .hm-news-title .m:hover {

    color:#da251c

}

.hm-news .hm-news-title .m:hover:after {

    background-image:url(../images/icons/moreh.png);

    -webkit-transform:translate(20%,0);

    -ms-transform:translate(20%,0);

    transform:translate(20%,0)

}

.hm-news .hm-news-cont {

    overflow:hidden;

    margin-top:35px

}

.hm-news .hm-news-list {

    float:left;

    margin-top:-1px;

    width:30%;

    height:410px;

    background:#fff

}

.hm-news .hm-news-item {

    position:relative;

    z-index:1;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.hm-news .hm-news-item:before {

    position:absolute;

    left:0;

    bottom:0;

    z-index:1;

    width:100%;

    height:4px;

    background:#da251c;

    visibility:hidden;

    opacity:0;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.hm-news .hm-news-item:hover {

    z-index:3;

    background:#f1f1f1

}

.hm-news .hm-news-item:hover:before {

    visibility:visible;

    opacity:1

}

.hm-news .hm-news-item a {

    display:block;

    margin-top:-1px;

    border-top:1px solid #e5e5e5;

    padding:27px 45px 30px

}

.hm-news .hm-news-item .d {

    font-size:12px;

    line-height:15px;

    color:#999

}

.hm-news .hm-news-item .c {

    margin-top:15px;

    height:50px;

    font-size:15px;

    line-height:25px;

    color:#666;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical

}

.hm-news .hm-news-carousel {

    float:left;

    width:70%;

    position:relative;

    z-index:1;

    background:#fff

}

.hm-news .hm-news-carousel .carousel-item a {

    display:block

}

.hm-news .hm-news-carousel .carousel-item a:after {

    content:'';

    display:block;

    clear:both

}

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-pic .bg {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m {

    border-color:#da251c;

    color:#da251c

}

.hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m:after {

    background-image:url(../images/icons/moreh.png);

    -webkit-transform:translate(10%,0);

    -ms-transform:translate(10%,0);

    transform:translate(10%,0)

}

.hm-news .hm-news-carousel .carousel-pic {

    overflow:hidden;

    float:left;

    position:relative;

    z-index:1;

    width:57%;

    height:410px

}

.hm-news .hm-news-carousel .carousel-pic img {

    display:none;

    width:100%

}

.hm-news .hm-news-carousel .carousel-pic .bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center;

    background-size:cover;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.hm-news .hm-news-carousel .carousel-info {

    float:left;

    padding:55px 65px;

    width:43%;

    height:410px;

    background:#fff

}

.hm-news .hm-news-carousel .carousel-info .t {

    height:50px;

    font-size:18px;

    line-height:25px;

    color:#565656;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical

}

.hm-news .hm-news-carousel .carousel-info .c {

    margin-top:25px;

    height:75px;

    font-size:14px;

    line-height:25px;

    color:#999;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical

}

.hm-news .hm-news-carousel .carousel-info .d {

    margin-top:30px;

    font-size:12px;

    line-height:15px;

    color:#999

}

.hm-news .hm-news-carousel .carousel-info .m {

    display:block;

    margin-top:60px;

    border:2px solid #999;

    padding:10px 0;

    width:120px;

    font-size:14px;

    line-height:20px;

    text-align:center;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.hm-news .hm-news-carousel .carousel-info .m:after {

    display:inline-block;

    margin-left:10px;

    width:15px;

    height:20px;

    vertical-align:top;

    background:url(../images/icons/more.png) no-repeat right center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.flexbox .hm-news .hm-news-carousel .carousel-info {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between

}

.hm-news .hm-news-carousel .slick-dots {

    left:30px;

    bottom:20px;

    width:auto

}

.hm-news .hm-news-carousel .slick-dots li {

    margin:0 10px 0 0;

    width:7px;

    height:7px;

    background:#fff

}

.hm-news .hm-news-carousel .slick-dots li.slick-active {

    background:#da251c

}

.cssgrid .hm-news .hm-news-list {

    display:grid;

    grid-template-rows:repeat(3,33.3334%);

    margin:0

}

.flexbox .hm-news .hm-news-item a {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between;

    height:100%

}

.flexbox .hm-news .hm-news-item .c {

    height:auto

}

@media (max-width:1880px) {

    .hm-news .hm-news-item a {

        padding-left:40px;

        padding-right:40px

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:55px

    }

}@media (max-width:1680px) {

    .hm-news .hm-news-item a {

        padding-left:30px;

        padding-right:30px

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:50px 40px

    }

}@media (max-width:1440px) {

    .hm-news {

        padding:70px 0 100px

    }

    .hm-news .hm-news-list {

        width:33.3334%

    }

    .hm-news .hm-news-carousel {

        width:66.6667%

    }

    .hm-news .hm-news-carousel .carousel-info,.hm-news .hm-news-carousel .carousel-pic {

        width:50%

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:50px 30px

    }

    .hm-news .hm-news-carousel .carousel-info .m {

        margin-top:50px

    }

}@media (max-width:1240px) {

    .hm-news .hm-news-title {

        line-height:20px

    }

    .hm-news .hm-news-title .t {

        font-size:20px

    }

    .hm-news .hm-news-list {

        float:none;

        width:auto;

        height:auto

    }

    .hm-news .hm-news-item a {

        padding:20px 25px

    }

    .hm-news .hm-news-item .c {

        margin-top:10px

    }

    .hm-news .hm-news-carousel {

        float:none;

        margin-top:1px;

        width:auto

    }

    .hm-news .hm-news-carousel:after {

        content:'';

        display:block;

        clear:both

    }

    .hm-news .hm-news-carousel .carousel-info,.hm-news .hm-news-carousel .carousel-pic {

        width:50%

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:50px 30px

    }

    .hm-news .hm-news-carousel .carousel-info .m {

        margin-top:50px

    }

}@media (max-width:1024px) {

    .hm-news {

        padding:50px 0

    }

         .hm-product2 .tit{height:40px; }

    .hm-news .container {

        max-width:none

    }

    .hm-news .hm-news-title .m:after {

        width:17px

    }

    .hm-news .hm-news-cont {

        margin-top:25px

    }

    .hm-news .hm-news-item a {

        padding:15px 5%

    }

    .hm-news .hm-news-carousel .carousel-pic {

        height:350px

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:35px 25px;

        height:350px

    }

    .hm-news .hm-news-carousel .carousel-info .t {

        font-size:16px

    }

    .hm-news .hm-news-carousel .carousel-info .c {

        margin-top:20px;

        font-size:13px

    }

    .hm-news .hm-news-carousel .carousel-info .d {

        margin-top:25px

    }

    .hm-news .hm-news-carousel .carousel-info .m {

        margin-top:35px;

        font-size:12px;

        line-height:15px

    }

    .hm-news .hm-news-carousel .carousel-info .m:after {

        width:17px;

        height:15px

    }

    .hm-news .hm-news-carousel .slick-dots {

        left:5%;

        bottom:35px

    }

    .hm-news .hm-news-carousel .slick-dots li {

        margin-right:7px

    }

}@media (max-width:680px) {

    .hm-news .hm-news-title {

        text-align:center

    }

    .hm-news .hm-news-title .t {

        float:none

    }

    .hm-news .hm-news-title .m {

        display:none

    }

    .hm-news .hm-news-carousel {

        margin-top:0

    }

    .hm-news .hm-news-carousel .carousel-pic {

        height:300px

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:30px 20px;

        height:300px

    }

    .hm-news .hm-news-carousel .carousel-info .t {

        font-size:15px

    }

    .hm-news .hm-news-carousel .carousel-info .c {

        margin-top:15px

    }

    .hm-news .hm-news-carousel .carousel-info .d {

        margin-top:20px

    }

    .hm-news .hm-news-carousel .carousel-info .m {

        margin-top:30px

    }

    .hm-news .hm-news-carousel .slick-dots {

        bottom:30px

    }

}@media (max-width:576px) {

    .hm-news .hm-news-carousel .carousel-pic {

        float:none;

        width:auto;

        height:300px

    }

    .hm-news .hm-news-carousel .carousel-info {

        float:none;

        padding:35px 5%;

        width:auto;

        height:auto

    }

    .hm-news .hm-news-carousel .slick-dots {

        left:5%;

        top:270px;

        bottom:auto

    }

}@media (max-width:425px) {

    .hm-news {

        padding:35px 0

    }

    .hm-news .hm-news-item .c {

        font-size:13px

    }

    .hm-news .hm-news-carousel .carousel-pic {

        height:auto

    }

    .hm-news .hm-news-carousel .carousel-pic img {

        display:block

    }

    .hm-news .hm-news-carousel .carousel-pic .bg {

        display:none

    }

    .hm-news .hm-news-carousel .carousel-info {

        padding:30px 5%

    }

    .hm-news .hm-news-carousel .carousel-info .m {

        border-width:1px;

        padding:5px 0;

        width:100px

    }

    .hm-news .hm-news-carousel .carousel-info .m:after {

        margin-left:10px;

        width:13px

    }

    .hm-news .hm-news-carousel .slick-dots {

        top:auto;

        bottom:307px

    }

}.profile .container {

     width:1000px

 }

.profile-head {

    padding:60px 0;

    text-align:center

}

.profile-head .ph-title {

    font-size:30px;

    font-weight:700;

    line-height:1;

    color:#333

}

.profile-head .ph-cont {

    margin-top:35px;

    font-size:14px;

    line-height:25px;

    color:#666

}

.profile-head .ph-count {

    margin-top:60px

}

.flexbox .profile-head .ph-count {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -ms-flex-pack:distribute;

    justify-content:space-around

}

.flexbox .profile-head .ph-count .ph-c-item {

    float:none;

    width:auto

}

.no-flexbox .profile-head .ph-count:after {

    content:'';

    display:block;

    clear:both

}

.profile-head .ph-c-item {

    float:left;

    width:33.3334%;

    text-align:center

}

.profile-head .ph-c-item .c {

    line-height:15px

}

.profile-head .ph-c-item .b {

    margin-right:10px;

    font-family:Arial,sans-serif;

    font-size:60px;

    line-height:1;

    color:#da251c

}

.profile-head .ph-c-item .n {

    margin-top:15px;

    line-height:15px

}

.profile-idea {

    position:relative;

    z-index:1

}

.profile-idea .pi-down {

    position:absolute;

    top:0;

    left:50%;

    z-index:3;

    margin-top:-35px;

    margin-left:-35px;

    width:70px;

    height:70px;

    background:#da251c url(../images/icons/down.png) no-repeat center center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    cursor:pointer

}

.profile-idea .pi-down:hover {

    background-position-y:60%

}

.profile-idea .pi-bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center fixed;

    background-size:cover

}

.profile-idea .pi-cont {

    padding:250px 0;

    font-size:28px;

    font-weight:700;

    line-height:45px;

    text-align:center;

    color:#fff

}

.profile-body .details-body {

    font-size:15px

}

@media (min-width:1024px) {

    .ph-cont {

        padding:0 10%

    }

}@media (max-width:1024px) {

    .profile-head {

        padding:70px 0

    }

    .profile-head .ph-title {

        font-size:24px

    }

    .profile-head .ph-cont {

        margin-top:25px;

        font-size:14px

    }

    .profile-head .ph-count {

        margin-top:50px

    }

    .profile-head .ph-c-item .b {

        margin-right:5px;

        font-size:50px

    }

    .profile-head .ph-c-item .n {

        margin-top:10px

    }

    .profile-idea .pi-down {

        display:none

    }

    .profile-idea .pi-bg {

        background-attachment:scroll

    }

    .profile-idea .pi-cont {

        padding:120px 0;

        font-size:21px;

        line-height:35px

    }

    .profile-body .details-body {

        font-size:14px;

        text-align:justify

    }

}@media (max-width:768px) {

    .profile-head {

        padding:50px 0

    }

    .profile-head .ph-title {

        font-size:20px

    }

    .profile-head .ph-cont {

        margin-top:20px

    }

    .profile-head .ph-count {

        margin-top:40px

    }

    .profile-head .ph-c-item .b {

        font-size:40px

    }

    .profile-head .ph-c-item .n {

        margin-right:5px;

        font-size:12px

    }

    .profile-idea .pi-cont {

        padding:80px 0;

        line-height:30px

    }

}@media (max-width:576px) {

    .profile .container {

        width:auto

    }

    .profile-head {

        padding:40px 0

    }

    .profile-head .ph-cont {

        margin-top:15px;

        font-size:12px

    }

    .profile-head .ph-count {

        margin-top:30px

    }

    .profile-head .ph-c-item .b {

        font-size:24px

    }

    .profile-idea .pi-cont {

        padding:50px 0;

        font-size:18px;

        line-height:30px

    }

    .profile-body .details-body {

        font-size:13px

    }

}@media (max-width:425px) {

    .profile-head .ph-c-item .b {

        font-size:20px

    }

    .profile-idea .pi-cont {

        font-size:16px

    }

    .profile-body .details-body {

        font-size:12px

    }

    .profile-body .details-body p {

        line-height:25px

    }

}.history {

     position:relative;

     z-index:1

 }

.history .history-bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center;

    background-size:cover

}

.history .history-head {

    position:relative;

    z-index:5;

    padding-top:80px

}

.history .history-head:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:#da251c;

    opacity:.8;

    content:''

}

.history .hs-h-title {

    position:relative;

    z-index:1;

    padding:0 50px 30px;

    color:#fff

}

.history .hs-h-title .e {

    font-family:Arial,sans-serif;

    font-size:48px;

    line-height:50px;

    text-transform:capitalize

}

.history .hs-h-title .t {

    margin-top:10px;

    font-size:24px;

    font-weight:700;

    line-height:25px

}

.history .hs-h-title:before {

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    z-index:-1;

    width:3px;

    background:#da251c;

    content:''

}

.history .history-body {

    position:relative;

    z-index:3;

    padding:1px

}

.history .history-body:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:#000;

    opacity:.5;

    content:''

}

.history .hs-b {

    overflow:hidden;

    position:relative;

    z-index:1;

    padding:60px 34% 60px 0

}

.history .hs-b:before {

    position:absolute;

    top:0;

    left:0;

    bottom:0;

    z-index:-1;

    width:3px;

    background:#fff;

    content:''

}

.history .mCSB_scrollTools {

    visibility:hidden

}

.history .hs-b-cont {

    overflow:hidden;

    height:425px

}

.history .hs-b-item {

    position:relative;

    z-index:1;

    margin-bottom:25px;

    padding-left:50px;

    line-height:25px;

    color:#fff

}

.history .hs-b-item:before {

    position:absolute;

    top:11px;

    left:0;

    z-index:-1;

    width:14px;

    height:3px;

    background:#fff;

    content:''

}

.history .hs-b-item:after {

    content:'';

    display:block;

    clear:both

}

.history .hs-b-item .name {

    float:left;

    margin-right:35px;

    width:70px;

    font-size:18px;

    font-weight:700;

    text-align:right

}

.history .hs-b-item .cont {

    overflow:hidden;

    font-size:15px;

    text-align:justify

}

.history .hs-b-down {

    margin-top:90px;

    padding-left:50px;

    font-size:14px;

    line-height:34px;

    color:#fff

}

.history .hs-b-down .i {

    display:block;

    float:left;

    position:relative;

    z-index:1;

    margin-right:15px;

    border:2px solid #fff;

    border-radius:5px;

    width:24px;

    height:34px

}

.history .hs-b-down .i:before {

    position:absolute;

    top:10px;

    left:50%;

    margin-left:-1.5px;

    border-radius:1px;

    width:3px;

    height:7px;

    background:#fff;

    -webkit-animation:scrolldown 1.5s infinite linear;

    animation:scrolldown 1.5s infinite linear;

    content:''

}

@media (max-width:1440px) {

    .history .history-head {

        padding-top:60px

    }

    .history .hs-h-title .e {

        font-size:40px;

        line-height:40px

    }

    .history .hs-h-title .t {

        font-size:20px;

        line-height:20px

    }

    .history .hs-b {

        padding:60px 27% 60px 0

    }

    .history .hs-b-down {

        margin-top:70px

    }

}@media (max-width:1024px) {

    .history .history-head {

        padding-top:50px

    }

    .history .hs-h-title {

        padding-left:40px;

        padding-right:0

    }

    .history .hs-h-title .e {

        font-size:32px;

        line-height:25px

    }

    .history .hs-h-title .t {

        font-size:18px

    }

    .history .hs-b {

        padding:50px 0

    }

    .history .hs-b-cont {

        margin-right:0;

        height:auto

    }

    .history .hs-b-item {

        margin-bottom:20px;

        padding-left:40px

    }

    .history .hs-b-item .name {

        margin-right:25px

    }

    .history .hs-b-item .cont {

        font-size:13px

    }

    .history .hs-b-down {

        display:none

    }

}@media (max-width:768px) {

    .history .history-head {

        padding-top:40px

    }

    .history .hs-h-title {

        padding-left:30px

    }

    .history .hs-h-title .e {

        font-size:24px;

        line-height:20px

    }

    .history .hs-h-title .t {

        font-size:16px;

        line-height:15px

    }

    .history .hs-b-item {

        padding-left:30px

    }

    .history .hs-b-item .name {

        margin-right:20px;

        width:60px;

        font-size:16px

    }

}@media (max-width:425px) {

    .history .hs-h-title {

        padding-left:25px;

        padding-bottom:25px

    }

    .history .hs-h-title .e {

        font-size:24px;

        line-height:20px

    }

    .history .hs-h-title .t {

        font-size:16px;

        line-height:15px

    }

    .history .hs-b {

        padding:40px 0

    }

    .history .hs-b-item {

        padding-left:25px

    }

    .history .hs-b-item:before {

        width:10px

    }

    .history .hs-b-item .name {

        margin-right:15px

    }

}@-webkit-keyframes scrolldown {

     from {

         opacity:0;

         -webkit-transform:none;

         transform:none

     }

     20%,80% {

         opacity:1

     }

     to {

         opacity:0;

         -webkit-transform:translate(0,8px) scale(1,.7);

         transform:translate(0,8px) scale(1,.7)

     }

 }@keyframes scrolldown {

      from {

          opacity:0;

          -webkit-transform:none;

          transform:none

      }

      20%,80% {

          opacity:1

      }

      to {

          opacity:0;

          -webkit-transform:translate(0,8px) scale(1,.7);

          transform:translate(0,8px) scale(1,.7)

      }

  }.culture .clt-item {

       position:relative;

       z-index:1

   }

.culture .clt-item:hover {

    z-index:3

}

.culture .clt-item:hover .clt-pic .bg {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.culture .clt-item:hover .clt-pic:after {

    background:rgba(204,0,0,.7)

}

.culture .clt-item:hover .clt-info .c {

    margin-top:25px;

    height:auto;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none;

    visibility:visible;

    opacity:1

}

.culture .clt-item:hover .clt-info .l {

    margin-top:30px;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none;

    visibility:visible;

    opacity:1

}

.culture .clt-pic {

    overflow:hidden;

    position:relative;

    z-index:1;

    height:410px

}

.culture .clt-pic img {

    display:none;

    width:100%

}

.culture .clt-pic .bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center;

    background-size:cover;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.culture .clt-pic:after {

    position:absolute;

    top:0;

    left:0;

    z-index:1;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.3);

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s;

    content:''

}

.culture .clt-info {

    position:absolute;

    top:0;

    left:0;

    z-index:3;

    padding:5%;

    width:100%;

    text-align:center;

    color:#fff

}

.culture .clt-info .t {

    font-size:24px;

    line-height:25px

}

.culture .clt-info .e {

    margin-top:15px;

    font-family:Arial,sans-serif;

    font-size:14px;

    line-height:15px

}

.culture .clt-info .c {

    overflow:hidden;

    height:0;

    font-size:16px;

    line-height:25px;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    -webkit-transform:scale(1.3);

    -ms-transform:scale(1.3);

    transform:scale(1.3);

    visibility:hidden;

    opacity:0

}

.culture .clt-info .l {

    display:block;

    margin:0 auto;

    width:15px;

    height:1px;

    background:#fff;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    -webkit-transform:scale(0);

    -ms-transform:scale(0);

    transform:scale(0);

    visibility:hidden;

    opacity:0

}

.no-cssgrid .culture .culture-list:after {

    content:'';

    display:block;

    clear:both

}

.no-cssgrid .culture .clt-item {

    float:left;

    width:33.3334%

}

.cssgrid .culture .culture-list {

    display:grid;

    grid-template-columns:repeat(3,33.3334%)

}

.no-flexbox .culture .clt-info {

    top:50%;

    -webkit-transform:translate(0,-50%);

    -ms-transform:translate(0,-50%);

    transform:translate(0,-50%)

}

.no-csstransforms .culture .clt-info {

    top:35%

}

.flexbox .culture .clt-info {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

    -ms-flex-direction:column;

    flex-direction:column;

    -webkit-box-pack:center;

    -ms-flex-pack:center;

    justify-content:center;

    height:100%

}

@media (max-width:1440px) {

    .culture .clt-pic {

        height:360px

    }

}@media (max-width:1240px) {

    .culture .clt-pic {

        height:300px

    }

    .culture .clt-info .t {

        font-size:20px

    }

    .culture .clt-info .e {

        margin-top:10px;

        font-size:13px

    }

    .culture .clt-info .c {

        font-size:14px

    }

    .culture .clt-info .l {

        width:12px

    }

}@media (max-width:1024px) {

    .culture .clt-item:hover .clt-info .c {

        margin-top:20px

    }

    .culture .clt-item:hover .clt-info .l {

        margin-top:25px

    }

    .culture .clt-pic {

        height:auto

    }

    .culture .clt-pic img {

        display:block

    }

    .culture .clt-pic .bg {

        display:none

    }

    .culture .clt-info .t {

        font-size:18px

    }

    .culture .clt-info .e {

        margin-top:5px;

        font-size:12px

    }

    .culture .clt-info .c {

        font-size:13px

    }

    .culture .clt-info .l {

        width:10px

    }

    .no-cssgrid .culture .clt-item {

        width:50%

    }

    .cssgrid .culture .culture-list {

        grid-template-columns:repeat(2,50%)

    }

}@media (max-width:768px) {

    .culture .clt-item:hover .clt-info .c {

        margin-top:15px

    }

    .culture .clt-item:hover .clt-info .l {

        margin-top:20px

    }

    .culture .clt-info .t {

        font-size:16px

    }

    .culture .clt-info .c {

        line-height:20px

    }

}@media (max-width:640px) {

    .no-cssgrid .culture .clt-item {

        float:none;

        width:auto

    }

    .cssgrid .culture .culture-list {

        grid-template-columns:repeat(1,100%)

    }

}@media (max-width:576px) {

    .culture .clt-item:hover .clt-info .c {

        margin-top:10px

    }

    .culture .clt-item:hover .clt-info .l {

        margin-top:15px

    }

}.honor .container {

     max-width:1200px

 }

.honor .honor-c-item a:hover .honor-c-pic {

    border-color:#da251c

}

.honor .honor-c-item a:hover .honor-c-pic .bg {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.honor .honor-c-item a:hover .honor-c-info {

    background:#da251c;

    color:#fff

}

.honor .honor-c-pic {

    overflow:hidden;

    position:relative;

    z-index:1;

    border:3px solid #eee;

    height:250px;

    background:#fff;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.honor .honor-c-pic .bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center;

    background-size:contain;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.honor .honor-c-info {

    padding:20px;

    background:#eee;

    color:#000;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.honor .honor-c-info .name {

    font-size:16px;

    line-height:20px;

    text-align:center

}

.no-cssgrid .honor .honor-cont {

    overflow:hidden

}

.no-cssgrid .honor .honor-c-list {

    margin-right:-25px

}

.no-cssgrid .honor .honor-c-list:after {

    content:'';

    display:block;

    clear:both

}

.no-cssgrid .honor .honor-c-item {

    float:left;

    margin-bottom:30px;

    padding-right:25px;

    width:33.3334%

}

.no-cssgrid .honor .honor-c-item a {

    display:block

}

.cssgrid .honor .honor-cont {

    margin-bottom:20px

}

.cssgrid .honor .honor-c-list {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between;

    grid-column-gap:25px;

    grid-row-gap:30px

}

@media (max-width:1440px) {

    .honor .container {

        max-width:1140px

    }

    .honor .honor-c-pic {

        height:238px

    }

    .honor .honor-c-info {

        padding:15px 5%

    }

    .honor .honor-c-info .name {

        font-size:15px

    }

}@media (max-width:1240px) {

    .honor .container {

        max-width:90%

    }

    .honor .honor-c-pic {

        border-width:2px;

        height:217px

    }

    .honor .honor-c-info {

        padding:10px 5%

    }

    .no-cssgrid .honor .honor-c-list {

        margin-right:-20px

    }

    .no-cssgrid .honor .honor-c-item {

        margin-bottom:25px;

        padding-right:20px

    }

    .cssgrid .honor .honor-c-list {

        grid-column-gap:20px;

        grid-row-gap:25px

    }

}@media (max-width:900px) {

    .no-cssgrid .honor .honor-c-item {

        width:50%

    }

    .cssgrid .honor .honor-c-list {

        grid-template-columns:repeat(2,1fr)

    }

}@media (max-width:680px) {

    .honor .honor-c-pic {

        height:174px

    }

}@media (max-width:576px) {

    .honor .container {

        max-width:none

    }

    .honor .honor-c-pic {

        height:154px

    }

    .honor .honor-c-info .name {

        font-size:14px;

        line-height:15px

    }

}@media (max-width:425px) {

    .honor .honor-c-pic {

        height:225px

    }

    .no-cssgrid .honor .honor-c-list {

        margin-right:0

    }

    .no-cssgrid .honor .honor-c-item {

        float:none;

        margin-bottom:20px;

        padding-right:0;

        width:auto

    }

    .cssgrid .honor .honor-c-list {

        grid-template-columns:repeat(1,100%);

        grid-column-gap:0;

        grid-row-gap:20px

    }

}@media (max-width:375px) {

    .honor .honor-c-pic {

        height:190px

    }

}.team .container {

     max-width:1200px

 }

.team .team-c-item a:hover .team-c-pic img {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.team .team-c-item a:hover .team-c-info {

    background:#da251c

}

.team .team-c-item a:hover .team-c-info .c {

    color:#fff

}

.team .team-c-item a:hover .team-c-info .d {

    color:#fff

}

.team .team-c-item a:hover .team-c-info .d:before {

    background:#fff

}

.team .team-c-pic {

    overflow:hidden;

    position:relative;

    z-index:1;

    background:#fff

}

.team .team-c-pic img {

    display:block;

    width:100%;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.team .team-c-info {

    padding:30px 40px;

    background:#f9f9f9;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.team .team-c-info .c {

    height:50px;

    font-size:15px;

    line-height:25px;

    color:#333;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.team .team-c-info .d {

    display:block;

    margin-top:15px;

    font-family:Arial,sans-serif;

    font-size:14px;

    line-height:15px;

    text-align:right;

    color:#999;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.team .team-c-info .d:before {

    display:inline-block;

    margin:7px 10px 7px 0;

    width:18px;

    height:1px;

    vertical-align:top;

    background:#999;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s;

    content:''

}

.no-cssgrid .team .team-cont {

    overflow:hidden

}

.no-cssgrid .team .team-c-list {

    margin-right:-25px

}

.no-cssgrid .team .team-c-list:after {

    content:'';

    display:block;

    clear:both

}

.no-cssgrid .team .team-c-item {

    float:left;

    margin-bottom:30px;

    padding-right:25px;

    width:33.3334%

}

.no-cssgrid .team .team-c-item a {

    display:block

}

.cssgrid .team .team-cont {

    margin-bottom:20px

}

.cssgrid .team .team-c-list {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between;

    grid-column-gap:25px;

    grid-row-gap:30px

}

@media (max-width:1440px) {

    .team .container {

        max-width:1140px

    }

    .team .team-c-info {

        padding:25px 30px

    }

}@media (max-width:1240px) {

    .team .container {

        max-width:90%

    }

    .team .team-c-info {

        padding:15px 5%

    }

    .team .team-c-info .c {

        font-size:14px

    }

    .team .team-c-info .d {

        margin-top:10px;

        font-size:12px

    }

    .team .team-c-info .d:before {

        margin-right:7px;

        width:15px

    }

    .no-cssgrid .team .team-c-list {

        margin-right:-20px

    }

    .no-cssgrid .team .team-c-item {

        margin-bottom:25px;

        padding-right:20px

    }

    .cssgrid .team .team-c-list {

        grid-column-gap:20px;

        grid-row-gap:25px

    }

}@media (max-width:900px) {

    .no-cssgrid .team .team-c-item {

        width:50%

    }

    .cssgrid .team .team-c-list {

        grid-template-columns:repeat(2,1fr)

    }

}@media (max-width:576px) {

    .team .container {

        max-width:none

    }

}@media (max-width:425px) {

    .no-cssgrid .team .team-c-list {

        margin-right:0

    }

    .no-cssgrid .team .team-c-item {

        float:none;

        margin-bottom:20px;

        padding-right:0;

        width:auto

    }

    .cssgrid .team .team-c-list {

        grid-template-columns:repeat(1,100%);

        grid-column-gap:0;

        grid-row-gap:20px

    }

}.details-cy {

     position:relative;

     z-index:3;

     margin-top:-65px;

     background:#efefef

 }

.details-cy .details-cont {

    margin:-250px auto 0;

    padding:50px;

    max-width:1000px;

    background:#fff

}

.details-cy .details-head .t {

    font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif;

    font-size:24px;

    font-weight:700;

    line-height:35px;

    color:#333

}

.details-cy .details-head .tools {

    margin-top:15px;

    line-height:20px

}

.details-cy .details-head .d {

    float:left;

    font-size:14px

}

.details-cy .details-head .share {

    float:right

}

.details-cy .details-head .sh-t {

    font-family:"Microsoft JhengHei",sans-serif;

    font-size:14px;

    line-height:1

}

.details-cy .details-head .bshare-custom a {

    display:inline-block;

    margin-left:7px;

    vertical-align:top

}

.details-cy .details-head .bshare-custom .bshare-weixin {

    background:url(../images/icons/d-wx.png) no-repeat center center

}

.details-cy .details-head .bshare-custom .bshare-sinaminiblog {

    background:url(../images/icons/d-sina.png) no-repeat center center

}

.details-cy .details-body {

    margin:25px 0;

    border-top:1px solid #ccc;

    border-bottom:1px solid #ccc;

    padding:35px 0

}

.details-cy .details-foot:after {

    content:'';

    display:block;

    clear:both

}

.details-cy .details-foot .page-next,.details-cy .details-foot .page-prev {

    float:left;

    width:50%;

    font-size:15px;

    line-height:25px;

    color:#666

}

.details-cy .details-foot .page-next .c,.details-cy .details-foot .page-prev .c {

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis

}

.details-cy .details-foot .page-next:hover,.details-cy .details-foot .page-prev:hover {

    color:#da251c

}

.details-cy .details-foot .page-prev {

    border-right:1px solid #ccc;

    padding-right:55px

}

.details-cy .details-foot .page-next {

    padding-left:55px

}

@media (max-width:1440px) {

    .details-cy {

        margin-top:-55px

    }

    .details-cy .details-cont {

        margin-top:-200px

    }

}@media (max-width:1240px) {

    .details-cy {

        margin-top:-50px

    }

    .details-cy .details-cont {

        margin-top:-160px

    }

}@media (max-width:1024px) {

    .details-cy {

        margin-top:20px

    }

    .details-cont img{ width:100%; max-width:600px}

    .details-cy .container {

        max-width:90%

    }

    .details-cy .details-cont {

        margin-top:-150px;

        padding:30px

    }

    .details-cy .details-head .t {

        font-size:20px;

        line-height:30px

    }

    .details-cy .details-head .tools {

        margin-top:10px;

        line-height:15px

    }

    .details-cy .details-head .d {

        float:none;

        font-size:12px

    }

    .details-cy .details-head .share {

        display:none

    }

    .details-cy .details-body {

        margin:20px 0;

        padding:30px 0

    }

    .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev {

        font-size:13px

    }

    .details-cy .details-foot .page-prev {

        padding-right:35px

    }

    .details-cy .details-foot .page-next {

        padding-left:35px

    }

}@media (max-width:768px) {

    .details-cy .container {

        max-width:none

    }

    .details-cy .details-cont {

        margin-top:-80px;

        padding:5%

    }

    .details-cy .details-head .t {

        font-size:18px;

        line-height:25px

    }

    .details-cy .details-body {

        padding:25px 0

    }

    .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev {

        font-size:12px;

        line-height:20px

    }

    .details-cy .details-foot .page-prev {

        padding-right:20px

    }

    .details-cy .details-foot .page-next {

        padding-left:20px

    }

}@media (max-width:576px) {

    .details-cy .details-cont {

        margin-top:-140px

    }

    .details-cy .details-head .t {

        font-size:16px;

        line-height:25px

    }

    .details-cy .details-body {

        margin:15px 0;

        padding:20px 0;

        font-size:13px;

        line-height:10px

    }

    .details-cy .details-body p {

        line-height:25px

    }

    .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev {

        float:none;

        width:auto

    }

    .details-cy .details-foot .page-prev {

        margin-bottom:10px;

        border-right:0 none;

        padding-right:0

    }

    .details-cy .details-foot .page-next {

        padding-left:0

    }

}.video-cy .container {

     max-width:1200px

 }

.video-cy .video-c-item .v-box:hover .video-c-pic img {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.video-cy .video-c-item .v-box:hover .video-c-pic .icon {

    background:rgba(218,37,28,.7)

}

.video-cy .video-c-item .v-box:hover .video-c-info {

    background:#666

}

.video-cy .video-c-item .v-box:hover .video-c-info .t {

    color:#fff

}

.video-cy .video-c-pic {

    overflow:hidden;

    position:relative;

    z-index:1;

    background:#fff

}

.video-cy .video-c-pic img {

    display:block;

    width:100%;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.video-cy .video-c-pic .icon {

    position:absolute;

    top:0;

    left:0;

    z-index:3;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.3);

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.video-cy .video-c-pic .icon:before {

    position:absolute;

    top:50%;

    left:50%;

    z-index:1;

    margin-top:-22px;

    margin-left:-37px;

    border:2px solid #fff;

    border-radius:3px;

    width:74px;

    height:44px;

    content:''

}

.video-cy .video-c-pic .icon:after {

    position:absolute;

    top:50%;

    left:50%;

    z-index:3;

    margin-top:-6px;

    margin-left:-3px;

    border-top:6px solid transparent;

    border-left:6px solid #fff;

    border-bottom:6px solid transparent;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.video-cy .video-c-info {

    padding:20px 5%;

    background:#eee;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.video-cy .video-c-info .t {

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    font-size:16px;

    line-height:20px;

    text-align:center;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.no-cssgrid .video-cy .video-cont {

    overflow:hidden

}

.no-cssgrid .video-cy .video-c-list {

    margin-right:-15px

}

.no-cssgrid .video-cy .video-c-list:after {

    content:'';

    display:block;

    clear:both

}

.no-cssgrid .video-cy .video-c-item {

    float:left;

    margin-bottom:25px;

    padding-right:15px;

    width:50%

}

.cssgrid .video-cy .video-cont {

    margin-bottom:20px

}

.cssgrid .video-cy .video-c-list {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    -webkit-box-pack:justify;

    -ms-flex-pack:justify;

    justify-content:space-between;

    grid-column-gap:15px;

    grid-row-gap:25px

}

@media (max-width:1440px) {

    .video-cy .container {

        max-width:1140px

    }

    .video-cy .video-c-info {

        padding:15px 5%

    }

}@media (max-width:1240px) {

    .video-cy .container {

        max-width:90%

    }

    .video-cy .video-c-info .t {

        font-size:14px

    }

}@media (max-width:900px) {

    .video-cy .video-c-pic .icon:before {

        margin-top:-17px;

        margin-left:-27px;

        border-width:2px;

        width:54px;

        height:34px

    }

    .video-cy .video-c-info {

        padding:10px 5%

    }

    .video-cy .video-c-info .t {

        font-size:13px

    }

}@media (max-width:576px) {

    .video-cy .container {

        max-width:none

    }

}@media (max-width:475px) {

    .no-cssgrid .video-cy .video-c-list {

        margin-right:0

    }

    .no-cssgrid .video-cy .video-c-item {

        float:none;

        margin-bottom:20px;

        padding-right:0;

        width:auto

    }

    .cssgrid .video-cy .video-c-list {

        grid-template-columns:repeat(1,100%);

        grid-column-gap:0;

        grid-row-gap:20px

    }

}.news-cy .news-c-item {

     position:relative;

     z-index:1;

     -webkit-transition:all .5s;

     -o-transition:all .5s;

     transition:all .5s

 }

.news-cy .news-c-item:hover {

    background:#034e91;

}

.news-cy .news-c-item:hover .news-c-cont {



}

.news-cy .news-c-item:hover .news-c-pic img {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.news-cy .news-c-item:hover .news-c-info .c,.news-cy .news-c-item:hover .news-c-info .t {

    color:#fff

}

.news-cy .news-c-item:hover .news-c-info .m {

    border-color:#fff;

    color:#fff

}

.news-cy .news-c-item:hover .news-c-info .d {

    color:#fff

}

.news-cy .news-c-item:hover .news-c-info .d:before {

    background:#fff

}

.news-cy .news-c-cont {

    border-bottom:1px solid #ddd;

    margin:0 auto;

    padding:30px 0;

    max-width:1200px;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.news-cy .news-c-cont:after {

    content:'';

    display:block;

    clear:both

}

.news-cy .news-c-pic {

    overflow:hidden;

    float:left;

    margin-right:45px

}

.news-cy .news-c-pic img {

    -webkit-transition:all .5s,height .3s;

    -o-transition:all .5s,height .3s;

    transition:all .5s,height .3s

}

.news-cy .news-c-info {

    overflow:hidden

}

.news-cy .news-c-info .t {

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    font-size:18px;

    font-weight:700;

    line-height:30px;

    color:#333;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.news-cy .news-c-info .c {

    margin-top:15px;

    height:50px;

    font-size:14px;

    line-height:25px;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.news-cy .news-c-info .tools {

    margin-top:85px;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.news-cy .news-c-info .tools:after {

    content:'';

    display:block;

    clear:both

}

.news-cy .news-c-info .m {

    display:block;

    float:left;

    border:1px solid #ccc;

    padding:9px 20px;

    font-size:13px;

    line-height:20px;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.news-cy .news-c-info .d {

    display:block;

    float:right;

    margin-top:25px;

    font-family:Arial,sans-serif;

    font-size:12px;

    line-height:15px;

    color:#999;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.news-cy .news-c-info .d:before {

    display:inline-block;

    margin:7px 15px 7px 0;

    width:15px;

    height:1px;

    background:#ccc;

    vertical-align:top;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

@media (max-width:1024px) {

    .news-cy .container {

        max-width:90%

    }

    .news-cy .news-c-pic {

        margin-right:30px

    }

}@media (max-width:768px) {

    .news-cy .news-c-pic {

        margin-right:25px

    }

    .news-cy .news-c-pic img {

        height:176px

    }

    .news-cy .news-c-info .t {

        font-size:16px;

        line-height:25px

    }

    .news-cy .news-c-info .c {

        font-size:13px

    }

    .news-cy .news-c-info .tools {

        margin-top:51px

    }

    .news-cy .news-c-info .m {

        font-size:12px;

        line-height:15px

    }

    .news-cy .news-c-info .d {

        margin-top:20px

    }

    .news-cy .news-c-info .d:before {

        margin-right:10px;

        width:12px

    }

}@media (max-width:640px) {

    .news-cy .news-c-pic {

        margin-right:15px

    }

    .news-cy .news-c-pic img {

        height:132px

    }

    .news-cy .news-c-info .t {

        font-size:15px;

        line-height:20px

    }

    .news-cy .news-c-info .c {

        margin-top:10px;

        height:40px;

        font-size:12px;

        line-height:20px

    }

    .news-cy .news-c-info .tools {

        margin-top:32px

    }

    .news-cy .news-c-info .m {

        padding:9px 10px;

        line-height:10px

    }

    .news-cy .news-c-info .d {

        margin-top:15px

    }

}@media (max-width:576px) {

    .news-cy .container {

        max-width:none

    }

    .news-cy .news-c-info .tools {

        margin-top:47px

    }

    .news-cy .news-c-info .m {

        border:0 none;

        padding:0;

        line-height:15px

    }

    .news-cy .news-c-info .d {

        margin-top:0

    }

    .news-cy .news-c-info .d:before {

        margin-right:7px

    }

}@media (max-width:475px) {

    .news-cy .news-c-pic {

        margin-right:10px

    }

    .news-cy .news-c-pic img {

        height:110px

    }

    .news-cy .news-c-info .tools {

        margin-top:25px

    }

}@media (max-width:425px) {

    .news-cy .news-c-pic {

        float:none;

        margin-right:0;

        margin-bottom:20px

    }

    .news-cy .news-c-pic img {

        width:100%;

        height:auto

    }

    .news-cy .news-c-info .tools {

        margin-top:30px

    }

}.product1-cy {

     min-height:100%;

     background:#f1f1f1

 }

.product1-cy .product1-cont:after {

    content:'';

    display:block;

    clear:both

}

.product1-cy .p1-c-list {

    margin-right:-5px

}

.product1-cy .p1-c-item {

    float:left;

    margin-bottom:10px;

    padding-right:5px;

    width:33.3334%

}

.product1-cy .p1-c-item a {

    display:block;

    overflow:hidden;

    position:relative;

    z-index:1;

    padding:10px 40px;

    height:400px;

    background:#fff

}

.product1-cy .p1-c-item a:hover {

    z-index:3

}

.product1-cy .p1-c-item a:hover .p1-c-pic .bg {

    -webkit-transform:scale(1.02);

    -ms-transform:scale(1.02);

    transform:scale(1.02)

}

.product1-cy .p1-c-item a:hover .p1-c-name .n {

    visibility:hidden;

    opacity:0

}

.product1-cy .p1-c-item a:hover .p1-c-info {

    visibility:visible;

    opacity:1;

    -webkit-transform:none;

    -ms-transform:none;

    transform:none

}

.product1-cy .p1-c-pic {

    margin:10px 0;

    overflow:hidden

}

.product1-cy .p1-c-pic img {

    display:none;

    width:100%

}

.product1-cy .p1-c-pic .bg {

    display:block;

    height:300px;

    background:no-repeat center center;

    background-size:cover;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s

}

.product1-cy .p1-c-name {

    border-top:1px solid #eee;

    padding:20px 0

}

.product1-cy .p1-c-name .n {

    font-size:14px;

    line-height:20px;

    text-align:center;

    color:#333;

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.product1-cy .p1-c-info {

    position:absolute;

    top:0;

    left:0;

    z-index:3;

    padding:35px 45px;

    width:100%;

    height:100%;

    color:#fff;

    visibility:hidden;

    opacity:0;

    -webkit-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s;

    -webkit-transform:translate(0,100%);

    -ms-transform:translate(0,100%);

    transform:translate(0,100%)

}

.product1-cy .p1-c-info:before {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:#da251c;

    opacity:.92;

    content:''

}

.product1-cy .p1-c-info .t {

    font-size:24px;

    line-height:25px;

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis

}

.product1-cy .p1-c-info .cont {

    margin:20px 0 15px;

    border-top:1px solid rgba(255,255,255,.3);

    border-bottom:1px solid rgba(255,255,255,.3);

    padding:25px 0;

    line-height:25px

}

.product1-cy .p1-c-info .c {

    height:200px;

    font-size:12px;

    display:-webkit-box;

    overflow:hidden;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    -webkit-line-clamp:8;

    -webkit-box-orient:vertical

}

.product1-cy .p1-c-info .m {

    display:block;

    width:15px;

    height:15px;

    background:url(../images/icons/more1.png) no-repeat center center

}

.product1-cy .p1-c-info .m:hover {

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    -webkit-transform:rotate(90deg);

    -ms-transform:rotate(90deg);

    transform:rotate(90deg)

}

@media (max-width:1680px) {

    .product1-cy .p1-c-info .t {

        font-size:20px

    }

}@media (max-width:1440px) {

    .product1-cy .p1-c-item {

        width:50%

    }

    .product1-cy .p1-c-item a {

        padding:10px 30px

    }

    .product1-cy .p1-c-info {

        padding:35px

    }

}@media (max-width:1240px) {

    .product1-cy .p1-c-info .t {

        font-size:18px

    }

}@media (max-width:1024px) {

    .product1-cy .container {

        max-width:none

    }

}@media (max-width:768px) {

    .product1-cy .p1-c-item a {

        padding:10px 5%;

        height:auto

    }

    .product1-cy .p1-c-item a:hover .p1-c-name .n {

        visibility:visible;

        opacity:1

    }

    .product1-cy .p1-c-pic img {

        display:block

    }

    .product1-cy .p1-c-pic .bg {

        display:none

    }

    .product1-cy .p1-c-info {

        display:none

    }

    .product1-cy .p1-c-name {

        padding:10px 0

    }

    .product1-cy .p1-c-name .n {

        font-size:13px

    }

}@media (max-width:425px) {

    .product1-cy .p1-c-item {

        float:none;

        width:auto;

        margin-right:0

    }

}.product2-cy {

     min-height:100%;

     background:#f1f1f1

 }

.product2-cy .container {

    max-width:950px

}

@media (max-width:1024px) {

    .product2-cy .container {

        max-width:none

    }

}.product3-cy {

     min-height:100%;

     background:#f1f1f1

 }

.product3-cy .container {

    max-width:1000px

}

.product3-cy .p3-c-head {

    padding:40px 0 90px;

    text-align:center

}

.product3-cy .p3-c-head .t {

    font-size:30px;

    font-weight:700;

    line-height:1;

    color:#333

}

.product3-cy .p3-c-head .c {

    margin:35px auto 0;

    max-width:70%;

    font-size:14px;

    line-height:30px;

    color:#666

}

.product3-cy .p3-c-body {

    position:relative;

    z-index:1;

    padding:60px;

    background:#fff

}

.product3-cy .p3-c-body .pi-down {

    position:absolute;

    top:0;

    left:50%;

    z-index:3;

    margin-top:-35px;

    margin-left:-35px;

    width:70px;

    height:70px;

    background:#da251c url(../images/icons/down.png) no-repeat center center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    cursor:pointer

}

.product3-cy .p3-c-body .pi-down:hover {

    background-position-y:60%

}

.product3-cy .details-body .t {

    margin-top:30px;

    border-top:1px solid #ccc;

    padding:30px 0 20px;

    font-size:18px;

    font-weight:700;

    line-height:25px;

    color:#da251c

}

.product3-cy .details-body .p3-cb-pic img {

    width:100%

}

.product3-cy .details-body .p3-cb-pic .d {

    padding:10px 5%;

    font-size:14px;

    line-height:20px;

    text-align:center;

    color:#666

}

.cssgrid .product3-cy .details-body .p3-cb-pic {

    display:grid;

    grid-gap:10px

}

.cssgrid .product3-cy .details-body .p3-cb-pic.cb3 {

    grid-template-columns:repeat(3,1fr)

}

.cssgrid .product3-cy .details-body .p3-cb-pic.cb4 {

    grid-template-columns:repeat(4,1fr)

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic {

    margin-right:-10px

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic:after {

    content:'';

    display:block;

    clear:both

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic .pic {

    float:left;

    margin-bottom:10px;

    padding-right:10px

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic {

    width:33.3334%

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1) {

    clear:left

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic {

    width:25%

}

.no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1) {

    clear:left

}

@media (max-width:1024px) {

    .product3-cy .container {

        max-width:none

    }

    .product3-cy .p3-c-head {

        padding:30px 0 70px

    }

    .product3-cy .p3-c-head .t {

        font-size:24px

    }

    .product3-cy .p3-c-head .c {

        max-width:80%;

        margin-top:25px;

        font-size:14px;

        line-height:25px

    }

    .product3-cy .p3-c-body {

        padding:25px 5%

    }

    .product3-cy .p3-c-body .pi-down {

        display:none

    }

    .product3-cy .p3-c-body .details-body .t {

        padding-top:20px;

        font-size:16px

    }

    .product3-cy .p3-c-body .details-body .p3-cb-pic .d {

        font-size:12px;

        line-height:15px

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic {

        grid-gap:5px

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

        grid-template-columns:repeat(3,1fr)

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic {

        margin-right:-5px

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic .pic {

        margin-bottom:5px;

        padding-right:5px

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

        width:33.3334%

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1) {

        clear:left

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1) {

        clear:none

    }

}@media (max-width:768px) {

    .product3-cy .p3-c-head {

        padding:20px 0 45px

    }

    .product3-cy .p3-c-head .t {

        font-size:20px

    }

    .product3-cy .p3-c-head .c {

        margin-top:20px;

        max-width:90%;

        text-align:justify

    }

    .product3-cy .p3-c-body .details-body p {

        line-height:25px

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 {

        grid-template-columns:repeat(2,1fr)

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic {

        width:50%

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1) {

        clear:left

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1) {

        clear:none

    }

}@media (max-width:576px) {

    .product3-cy .p3-c-head {

        padding:0 0 30px

    }

    .product3-cy .p3-c-head .c {

        margin-top:15px;

        max-width:none;

        font-size:12px

    }

    .product3-cy .p3-c-body .details-body .t {

        margin-top:20px;

        padding-top:15px;

        font-size:15px;

        line-height:1

    }

}@media (max-width:475px) {

    .product3-cy .p3-c-body .details-body p {

        font-size:13px

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

        grid-template-columns:repeat(2,1fr)

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

        width:50%

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1) {

        clear:left

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1) {

        clear:none

    }

}@media (max-width:375px) {

    .product3-cy .p3-c-body .details-body .p3-cb-pic .pic {

        text-align:center

    }

    .product3-cy .p3-c-body .details-body .p3-cb-pic img {

        width:auto

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 {

        grid-template-columns:repeat(1,1fr)

    }

    .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 {

        grid-template-columns:repeat(1,1fr)

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic {

        float:none;

        width:auto

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1) {

        clear:none

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic {

        float:none;

        width:auto

    }

    .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1) {

        clear:none

    }

}.details-p-cy {

     position:relative;

     z-index:3;

     margin-top:-65px;

     background:#efefef

 }

.details-p-cy .details-cont {

    margin:-510px auto 0;

    max-width:960px;

    background:#fff;

    -webkit-transition:margin .15s;

    -o-transition:margin .15s;

    transition:margin .15s

}

.details-p-cy .details-head {

    position:relative;

    z-index:1;

    padding:50px

}

.details-p-cy .details-head .carousel-pic {

    text-align:center

}

.details-p-cy .details-head .carousel-pic img {

    max-width:100%

}

.details-p-cy .details-head .next,.details-p-cy .details-head .prev {

    position:absolute;

    top:50%;

    z-index:3;

    margin-top:-25px;

    width:50px;

    height:50px;

    background:#fff no-repeat center center;

    -webkit-transition:all .15s;

    -o-transition:all .15s;

    transition:all .15s;

    cursor:pointer

}

.details-p-cy .details-head .next:hover,.details-p-cy .details-head .prev:hover {

    background-color:#da251c

}

.details-p-cy .details-head .prev {

    left:-80px;

    background-image:url(../images/icons/prev1.png)

}

.details-p-cy .details-head .prev:hover {

    background-image:url(../images/icons/prev.png)

}

.details-p-cy .details-head .next {

    right:-80px;

    background-image:url(../images/icons/next1.png)

}

.details-p-cy .details-head .next:hover {

    background-image:url(../images/icons/next.png)

}

.details-p-cy .db {

    border-top:3px solid #da251c;

    padding:50px

}

.details-p-cy .db-head .title {

    font-size:24px;

    font-weight:700;

    line-height:40px;

    color:#333

}

.details-p-cy .details-body .t {

    font-weight:700;

    color:#da251c

}

.details-p-cy .details-foot {

    padding:15px 50px;

    text-align:center;

    background:#da251c

}

.details-p-cy .details-foot:after {

    content:'';

    display:block;

    clear:both

}



.details-foot{border-top: 1px solid #ccc; padding-top: 20px}

.details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev {

    display:block;

    border:1px solid #eee;

    padding:9px 30px;

    font-size:14px;

    line-height:25px;

    color:#fff

}

.details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before {

    display:block;

    position:relative;

    width:23px;

    height:25px;

    background:no-repeat center center;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s;

    content:''

}

.details-p-cy .details-foot .page-prev {

    float:left

}

.details-p-cy .details-foot .page-prev:before {

    float:left;

    left:0;

    margin-right:20px;

    background-image:url(../images/icons/left.png)

}

.details-p-cy .details-foot .page-prev:hover:before {

    left:-15px

}

.details-p-cy .details-foot .page-next {

    float:right

}

.details-p-cy .details-foot .page-next:before {

    float:right;

    right:0;

    margin-left:20px;

    background-image:url(../images/icons/right.png)

}

.details-p-cy .details-foot .page-next:hover:before {

    right:-15px

}

.details-p-cy .details-foot .page-back {

    display:inline-block;

    border:1px solid transparent;

    width:45px;

    height:45px;

    vertical-align:top;

    background:url(../images/icons/back.png) no-repeat center center;

    -webkit-transition:all .2s;

    -o-transition:all .2s;

    transition:all .2s

}

.details-p-cy .details-foot .page-back:hover {

    border-color:#fff

}

@media (max-width:1680px) {

    .details-p-cy .details-cont {

        margin-top:-460px

    }

}@media (max-width:1550px) {

    .details-p-cy .details-cont {

        margin-top:-410px

    }

}@media (max-width:1440px) {

    .details-p-cy .details-cont {

        margin-top:-360px

    }

}@media (max-width:1240px) {

    .details-p-cy .details-cont {

        margin-top:-310px

    }

    .details-p-cy .details-head .next,.details-p-cy .details-head .prev {

        background-color:#ccc

    }

    .details-p-cy .details-head .prev {

        left:0

    }

    .details-p-cy .details-head .next {

        right:0

    }

}@media (max-width:1140px) {

    .details-p-cy .details-cont {

        margin-top:-260px

    }

}@media (max-width:1024px) {

    .details-p-cy .container {

        max-width:90%

    }

    .details-p-cy .details-cont {

        margin-top:-230px

    }

}@media (max-width:768px) {

    .details-p-cy .container {

        max-width:none

    }

    .details-p-cy .details-head {

        padding:40px

    }

    .details-p-cy .details-head .next,.details-p-cy .details-head .prev {

        width:36px;

        height:36px

    }

    .details-p-cy .db {

        padding:40px

    }

    .details-p-cy .details-body p {

        font-size:13px;

        line-height:25px

    }

    .details-p-cy .db-head .title {

        font-size:20px;

        line-height:30px

    }

    .details-p-cy .details-foot {

        padding:10px 40px

    }

    .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev {

        padding:9px 15px;

        font-size:13px;

        line-height:20px

    }

    .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before {

        height:20px

    }

    .details-p-cy .details-foot .page-prev:before {

        margin-right:15px

    }

    .details-p-cy .details-foot .page-prev:hover:before {

        left:-10px

    }

    .details-p-cy .details-foot .page-next:before {

        margin-left:15px

    }

    .details-p-cy .details-foot .page-next:hover:before {

        right:-10px

    }

    .details-p-cy .details-foot .page-back {

        width:40px;

        height:40px

    }

}@media (max-width:680px) {

    .details-p-cy .details-cont {

        margin-top:-180px

    }

    .details-p-cy .details-head {

        padding:30px 5%

    }

    .details-p-cy .db {

        padding:30px 5%

    }

    .details-p-cy .db-head .title {

        font-size:18px

    }

    .details-p-cy .details-foot {

        padding:10px 5%

    }

    .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev {

        padding:4px 10px;

        font-size:12px;

        line-height:25px

    }

    .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before {

        height:25px

    }

    .details-p-cy .details-foot .page-prev:before {

        margin-right:10px

    }

    .details-p-cy .details-foot .page-prev:hover:before {

        left:-5px

    }

    .details-p-cy .details-foot .page-next:before {

        margin-left:10px

    }

    .details-p-cy .details-foot .page-next:hover:before {

        right:-5px

    }

    .details-p-cy .details-foot .page-back {

        width:35px;

        height:35px

    }

}@media (max-width:576px) {

    .details-p-cy .details-cont {

        margin-top:-120px

    }

    .details-p-cy .details-body {

        line-height:15px

    }

}@media (max-width:475px) {

    .details-p-cy .details-cont {

        margin-top:-100px

    }

    .details-p-cy .details-head {

        padding:25px 5%

    }

    .details-p-cy .details-head .next,.details-p-cy .details-head .prev {

        width:30px;

        height:30px

    }

    .details-p-cy .db {

        padding:25px 5%

    }

    .details-p-cy .db-head .title {

        font-size:16px

    }

    .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev {

        line-height:20px

    }

    .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before {

        width:15px;

        height:20px

    }

    .details-p-cy .details-foot .page-prev:before {

        margin-right:5px;

        background-position:left center

    }

    .details-p-cy .details-foot .page-prev:hover:before {

        left:0

    }

    .details-p-cy .details-foot .page-next:before {

        margin-left:5px;

        background-position:right center

    }

    .details-p-cy .details-foot .page-next:hover:before {

        right:0

    }

    .details-p-cy .details-foot .page-back {

        border:0 none;

        width:30px;

        height:30px

    }

}@media (max-width:1024px) {

    .support-cy .container {

        max-width:90%

    }

}@media (max-width:768px) {

    .support-cy .container {

        max-width:none

    }

}.support-cont {

     margin:0 auto;

     max-width:960px

 }

.support-cont .support-carousel {

    position:relative;

    z-index:3;

    padding:50px 0 70px

}

.support-cont .spt-list {

    margin-top:-15px

}

.support-cont .spt-item {

    margin-top:15px

}

.support-cont .spt-item:after {

    content:'';

    display:block;

    clear:both

}

.support-cont .spt-item:hover .spt-pdf {

    background:#333

}

.support-cont .spt-item:hover .spt-pdf .c,.support-cont .spt-item:hover .spt-pdf .nc {

    color:#fff

}

.support-cont .spt-item:hover .spt-pdf .i {

    background-image:url(../images/icons/pdfh.png)

}

.support-cont .spt-item:hover .spt-download {

    background:#da251c;

    color:#fff

}

.support-cont .spt-item:hover .spt-download .i {

    background-image:url(../images/icons/dlh.png)

}

.support-cont .spt-download,.support-cont .spt-pdf {

    display:block;

    float:left;

    padding:30px 20px;

    background:#eee;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.support-cont .spt-download .i,.support-cont .spt-pdf .i {

    display:inline-block;

    margin-right:20px;

    width:30px;

    height:30px;

    background:no-repeat center center;

    background-size:cover;

    vertical-align:top;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.support-cont .spt-pdf {

    width:66%

}

.support-cont .spt-pdf .nc {

    float:right;

    margin:0 20px;

    font-size:12px;

    line-height:30px;

    color:#666;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.support-cont .spt-pdf .name {

    overflow:hidden

}

.support-cont .spt-pdf .i {

    float:left;

    background-image:url(../images/icons/pdf.png)

}

.support-cont .spt-pdf .c {

    overflow:hidden;

    white-space:nowrap;

    -o-text-overflow:ellipsis;

    text-overflow:ellipsis;

    font-size:18px;

    line-height:30px;

    color:#333;

    -webkit-transition:all .3s;

    -o-transition:all .3s;

    transition:all .3s

}

.support-cont .spt-download {

    border-left:2px solid #fff;

    width:34%;

    font-size:16px;

    font-weight:700;

    line-height:30px;

    text-align:center;

    color:#666

}

.support-cont .spt-download .i {

    background-image:url(../images/icons/dl.png)

}

.support-cont .slick-dots li {

    margin:0 5px;

    width:10px;

    height:10px;

    background:#666

}

.support-cont .slick-dots li.slick-active {

    background:#da251c

}

@media (max-width:1024px) {

    .support-cont {

        max-width:none

    }

}@media (max-width:768px) {

    .support-cont .support-carousel {

        padding-bottom:50px

    }

    .support-cont .spt-download,.support-cont .spt-pdf {

        padding:20px 15px

    }

    .support-cont .spt-download .i,.support-cont .spt-pdf .i {

        margin-right:15px

    }

    .support-cont .spt-pdf {

        width:70%

    }

    .support-cont .spt-pdf .nc {

        margin:0 15px

    }

    .support-cont .spt-pdf .c {

        font-size:15px

    }

    .support-cont .spt-download {

        width:30%;

        font-size:13px

    }

}@media (max-width:475px) {

    .support-cont .support-carousel {

        padding:30px 0 40px

    }

    .support-cont .spt-list {

        margin-top:-10px

    }

    .support-cont .spt-item {

        margin-top:10px

    }

    .support-cont .spt-download,.support-cont .spt-pdf {

        padding:15px 10px

    }

    .support-cont .spt-download .i,.support-cont .spt-pdf .i {

        margin-right:10px;

        width:20px;

        height:20px

    }

    .support-cont .spt-pdf .nc {

        margin:0 10px;

        line-height:20px

    }

    .support-cont .spt-pdf .c {

        font-size:14px;

        line-height:20px

    }

    .support-cont .spt-download {

        font-size:12px;

        line-height:20px

    }

    .support-cont .slick-dots li {

        margin:0 3px;

        width:7px;

        height:7px

    }

}@media (max-width:375px) {

    .support-cont .support-carousel {

        padding:30px 0

    }

    .support-cont .spt-download,.support-cont .spt-pdf {

        padding:10px

    }

    .support-cont .spt-download .i,.support-cont .spt-pdf .i {

        margin-right:5px;

        background-size:70%

    }

    .support-cont .spt-pdf .nc {

        margin-right:0

    }

}.support-zz {

     position:relative;

     z-index:1

 }

.support-zz .spt-zz-bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center fixed;

    background-size:cover

}

.support-zz .carousel {

    overflow:hidden

}

.support-zz .carousel-item {

    margin-right:40px

}

.support-zz .carousel-pic img {

    width:100%

}

.support-zz .slick-list {

    margin-right:-40px

}

.support-zz .slick-dots li {

    background:#fff

}

@media (max-width:1024px) {

    .support-zz .spt-zz-bg {

        background-attachment:scroll

    }

    .hm-product2 .carousel-item{ width:100%; padding:5px; margin-top:8px}

}@media (max-width:768px) {

    .support-zz .carousel-item {

        margin-right:30px

    }

    .support-zz .slick-list {

        margin-right:-30px

    }

}@media (max-width:475px) {

    .support-zz .carousel-item {

        margin-right:20px

    }

    .support-zz .slick-list {

        margin-right:-20px

    }

}@media (max-width:375px) {

    .support-zz .carousel-item {

        margin-right:15px

    }

    .support-zz .slick-list {

        margin-right:-15px

    }

}.contact-lx .contact-cont {

     margin:0 auto;

     max-width:1200px

 }

.contact-lx .ctc {

    margin-top:40px;

    height:430px

}

.contact-lx .ctc:after {

    content:'';

    display:block;

    clear:both

}

.contact-lx .contact-map {

    float:left;

    width:50%;

    height:100%

}

.contact-lx .map {

    height:100%

}

.contact-lx .anchorBL {

    display:none!important

}

.contact-lx .contact-info {

    float:right;

    width:50%;

    height:100%;

    padding:60px 90px;

    background:#176aae

}

.contact-lx .cti-list {

    margin-top:-20px

}

.contact-lx .cti-item {

    margin-top:20px;

    line-height:1

}

.contact-lx .cti-item:after {

    content:'';

    display:block;

    clear:both

}

.contact-lx .cti-item .i {

    float:left;

    margin-right:15px

}

.contact-lx .cti-item .c {

    overflow:hidden;

    font-size:15px;

    line-height:30px;

    color:#fff

}

@media (max-width:1240px) {

    .contact-lx .ctc {

        height:auto

    }

    .contact-lx .contact-map {

        float:none;

        width:auto;

        height:400px

    }

    .contact-lx .contact-info {

        float:none;

        width:auto

    }

}@media (max-width:1024px) {

    .contact-lx .container {

        max-width:90%

    }

    .contact-lx .contact-map {

        height:360px

    }

    .contact-lx .contact-info {

        padding:30px 5%

    }

}@media (max-width:768px) {

    .contact-lx .contact-map {

        height:300px

    }

    .contact-lx .cti-item .i img {

        width:25px

    }

    .contact-lx .cti-item .c {

        font-size:13px;

        line-height:25px

    }

}@media (max-width:576px) {

    .contact-lx .container {

        max-width:none

    }

    .contact-lx .ctc {

        margin-top:30px

    }

    .contact-lx .cti-list {

        margin-top:-15px

    }

    .contact-lx .cti-item {

        margin-top:15px

    }

    .contact-lx .cti-item .i img {

        margin-top:3px;

        width:20px

    }

}@media (max-width:576px) {

    .contact-lx .contact-map {

        height:250px

    }

}.contact-wl {

     background:#f0f0f0

 }

.contact-wl .wl-info {

    margin-top:-65px

}

.contact-wl .wl-pic {

    text-align:center

}

.contact-wl .wl-pic img {

    max-width:100%

}

@media (max-width:425px) {

    .contact-wl .wl-info {

        margin-top:0

    }

}.contact-fk {

     position:relative;

     z-index:1

 }

.contact-fk .ct-fk-bg {

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

    width:100%;

    height:100%;

    background:no-repeat center center fixed;

    background-size:cover

}

.contact-fk .ctc {

    margin:50px auto 0;

    max-width:850px

}

.contact-fk .n {

    font-size:14px;

    font-weight:700;

    line-height:20px;

    color:#fff

}

.contact-fk .c {

    display:block;

    margin-top:10px;

    margin-bottom:20px

}

.contact-fk .c input,.contact-fk .c textarea {

    display:block;

    border:1px solid #ccc;

    padding:10px 15px;

    width:100%;

    font-size:14px;

    line-height:18px;

    color:#fff; background: rgba(0,0,0,.25);

}

.contact-fk .ctc-t-list {

    margin-left:-20px

}

.contact-fk .ctc-t-item {

    float:left;

    width:415px;

    margin-left:20px

}

.contact-fk .ctc-v-code:after {

    content:'';

    display:block;

    clear:both

}

.contact-fk .ctc-v-code input {

    float:left;

    width:415px;

    margin-right:20px

}

.contact-fk .ctc-v-code .v-code img {

    width:105px;

    height:40px

}

.contact-fk .submit {

    display:block;

    margin-top:45px;

    padding:10px 0;

    width:100%;

    font-size:14px;

    line-height:20px;

    text-align:center;

    background:#da251c;

    color:#fff

}

.contact-fk .submit:active {

    background:#333

}

.contact-fk .tips {

    margin-top:20px;

    padding:0 5%;

    font-size:14px;

    line-height:25px;

    text-align:center;

    color:#fff

}

@media (max-width:1024px) {

    .contact-fk .ct-fk-bg {

        background-attachment:scroll

    }

    .contact-fk .container {

        max-width:90%

    }

    .contact-fk .ctc-t-list {

        margin-left:0

    }

    .contact-fk .ctc-t-item {

        float:none;

        margin-left:0;

        width:100%

    }

    .contact-fk .ctc-v-code input {

        width:calc(100% - 125px)

    }

    .contact-fk .ctc-v-code .v-code {

        float:right

    }

    .no-csscalc .contact-fk .ctc-v-code input {

        width:270px

    }

    .no-csscalc .contact-fk .ctc-v-code .v-code {

        float:none

    }

}@media (max-width:576px) {

    .contact-fk .container {

        max-width:none

    }

    .contact-fk .ctc {

        margin-top:30px

    }

    .contact-fk .c {

        margin-bottom:15px

    }

    .contact-fk .submit {

        margin-top:35px

    }

    .contact-fk .tips {

        margin-top:15px;

        padding:0;

        font-size:12px;

        line-height:20px

    }

}



.f40{ font-size:40px}

.f50{ font-size:50px}

.f28 { font-size:28px}
.f20 { font-size:20px}
.f18 { font-size:16px}
@media (max-width:1024px) {

.f40{ font-size:20px}

.f50{ font-size:20px}

.f28{ font-size:18px}
.f20 { font-size:16px}
.f18 { font-size:13px}


}

.ind-tit .f50{width:100%;line-height: 40px;text-align: center;position: relative;height:50px;color:#e5e5e5; text-transform: uppercase;}
.ind-tit .f40{width:100%;height:70px;position: relative;margin-top: -10px;text-align: center; color: #444;}

.hm-news .carousel-item{ display: inline-block; width:31%; margin: 0 3% 0 0; vertical-align: top }
.hm-news .carousel-pic img{ width: 100% }
.hm-news .carousel-info{ margin: 15px 0; }
.hm-news .carousel-info h2{ color: #222; margin-bottom: 10px; line-height: 1.5 }
.hm-news .carousel-info p{ line-height: 1.5; }
.hm-news .carousel-item:nth-child(3){ margin-right: 0 }


.twobox{ display: inline-block; width: 48%; margin:0 3% 25px 0;  vertical-align: top; }
.twobox:nth-child(2n){ margin-right: 0 }
.twobox h2{ margin-bottom: 10px;padding: 10px 0; border-bottom: 1px #f7941d solid }
.twobox h2 b{ color:#f7941d  }
.porname li{  padding:5px 0 5px 20px;  line-height: 1.6;  }
.porname li span{ color: #444; font-weight: bold; }
.hm-product2 .back{ margin: 30px auto; width: 80%; background: #f3f3f3; padding: 10px 0; text-align: center; }

@media (max-width:1024px) {
  .hm-news{ padding: 20px 0 }
  .ind-tit .f50{height:40px;} 
 .ind-tit .f40{height:40px;} 
 .hm-news .carousel-item{ display:block; width: 100%; margin:0 0 8px 0}
 .hm-news .carousel-info{ margin: 8px 0; }
 .hm-news .carousel-info h2{margin-bottom: 5px; }

.twobox{ display:block; width: 100%; margin:0 0 15px 0;  }
.twobox:nth-child(2n){ margin-right: 0 }
.twobox h2{ margin-bottom: 5px;padding:6px 0;  }
.porname li{  padding:5px 0 5px 10px; font-size: 12px}

}