/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
/*.index2_pro .con:hover .d {*/
/*    opacity: 1 !important;*/
/*    margin-bottom: 50px !important;*/
/*    margin-top: 15px !important;*/
/*    visibility: visible !important;*/
/*    height: 44px !important;*/
/*}*/

.row {
    width: 101%;
    transition: .2s width ease;
    *zoom: 1
}

.row:before, .row:after {
    display: table;
    clear: both;
    content: ''
}

.row > [class*="span-"] {
    float: left;
    margin-right: 1%;
    *margin-right: .89%
}

.row > .span-1 {
    width: 7.33333333%
}

.row > .span-2 {
    width: 15.66666667%
}

.row > .span-3 {
    width: 24%
}

.row > .span-4 {
    width: 32.33333333%
}

.row > .span-5 {
    width: 40.66666667%
}

.row > .span-6 {
    width: 49%
}

.row > .span-7 {
    width: 57.33333333%
}

.row > .span-8 {
    width: 65.66666667%
}

.row > .span-9 {
    width: 74%
}

.row > .span-10 {
    width: 82.33333333%
}

.row > .span-11 {
    width: 90.66666667%
}

.row > .span-12 {
    width: 99%
}

.full-row {
    width: 100%;
    transition: .2s width ease;
    *zoom: 1
}

.full-row:before, .full-row:after {
    display: table;
    clear: both;
    content: ''
}

.full-row > [class*='span'] {
    float: left
}

.full-row > .span-1 {
    width: 8.33333333%;
    *width: 8.22333333%
}

.full-row > .span-2 {
    width: 16.66666667%;
    *width: 16.55666667%
}

.full-row > .span-3 {
    width: 25%;
    *width: 24.89%
}

.full-row > .span-4 {
    width: 33.33333333%;
    *width: 33.22333333%
}

.full-row > .span-5 {
    width: 41.66666667%;
    *width: 41.55666667%
}

.full-row > .span-6 {
    width: 50%;
    *width: 49.89%
}

.full-row > .span-7 {
    width: 58.33333333%;
    *width: 58.22333333%
}

.full-row > .span-8 {
    width: 66.66666667%;
    *width: 66.55666667%
}

.full-row > .span-9 {
    width: 75%;
    *width: 74.89%
}

.full-row > .span-10 {
    width: 83.33333333%;
    *width: 83.22333333%
}

.full-row > .span-11 {
    width: 91.66666667%;
    *width: 91.55666667%
}

.full-row > .span-12 {
    width: 100%;
    *width: 99.89%
}

.row > .pull-right, .full-row > .pull-right {
    float: right
}

.row > .center {
    position: relative;
    left: -0.5%;
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto
}

.full-row > .center {
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto
}

.pull-left-1 {
    position: relative;
    left: -8.33333333%
}

.pull-left-2 {
    position: relative;
    left: -16.66666667%
}

.pull-left-3 {
    position: relative;
    left: -25%
}

.pull-left-4 {
    position: relative;
    left: -33.33333333%
}

.pull-left-5 {
    position: relative;
    left: -41.66666667%
}

.pull-left-6 {
    position: relative;
    left: -50%
}

.pull-left-7 {
    position: relative;
    left: -58.33333333%
}

.pull-left-8 {
    position: relative;
    left: -66.66666667%
}

.pull-left-9 {
    position: relative;
    left: -75%
}

.pull-left-10 {
    position: relative;
    left: -83.33333333%
}

.pull-left-11 {
    position: relative;
    left: -91.66666667%
}

.pull-left-12 {
    position: relative;
    left: -100%
}

.pull-right-1 {
    position: relative;
    left: 8.33333333%
}

.pull-right-2 {
    position: relative;
    left: 16.66666667%
}

.pull-right-3 {
    position: relative;
    left: 25%
}

.pull-right-4 {
    position: relative;
    left: 33.33333333%
}

.pull-right-5 {
    position: relative;
    left: 41.66666667%
}

.pull-right-6 {
    position: relative;
    left: 50%
}

.pull-right-7 {
    position: relative;
    left: 58.33333333%
}

.pull-right-8 {
    position: relative;
    left: 66.66666667%
}

.pull-right-9 {
    position: relative;
    left: 75%
}

.pull-right-10 {
    position: relative;
    left: 83.33333333%
}

.pull-right-11 {
    position: relative;
    left: 91.66666667%
}

.pull-right-12 {
    position: relative;
    left: 100%
}

@media only screen and (max-width: 1024px) {
    .row > .midd-1 {
        width: 7.33333333%
    }

    .row > .midd-2 {
        width: 15.66666667%
    }

    .row > .midd-3 {
        width: 24%
    }

    .row > .midd-4 {
        width: 32.33333333%
    }

    .row > .midd-5 {
        width: 40.66666667%
    }

    .row > .midd-6 {
        width: 49%
    }

    .row > .midd-7 {
        width: 57.33333333%
    }

    .row > .midd-8 {
        width: 65.66666667%
    }

    .row > .midd-9 {
        width: 74%
    }

    .row > .midd-10 {
        width: 82.33333333%
    }

    .row > .midd-11 {
        width: 90.66666667%
    }

    .row > .midd-12 {
        width: 99%
    }

    .midd-hide {
        display: none
    }

    .midd-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }

    .full-row > .midd-1 {
        width: 8.33333333%
    }

    .full-row > .midd-2 {
        width: 16.66666667%
    }

    .full-row > .midd-3 {
        width: 25%
    }

    .full-row > .midd-4 {
        width: 33.33333333%
    }

    .full-row > .midd-5 {
        width: 41.66666667%
    }

    .full-row > .midd-6 {
        width: 50%
    }

    .full-row > .midd-7 {
        width: 58.33333333%
    }

    .full-row > .midd-8 {
        width: 66.66666667%
    }

    .full-row > .midd-9 {
        width: 75%
    }

    .full-row > .midd-10 {
        width: 83.33333333%
    }

    .full-row > .midd-11 {
        width: 91.66666667%
    }

    .full-row > .midd-12 {
        width: 100%
    }
}

@media only screen and (max-width: 992px) {
    .row > .smidd-1 {
        width: 7.33333333%
    }

    .row > .smidd-2 {
        width: 15.66666667%
    }

    .row > .smidd-3 {
        width: 24%
    }

    .row > .smidd-4 {
        width: 32.33333333%
    }

    .row > .smidd-5 {
        width: 40.66666667%
    }

    .row > .smidd-6 {
        width: 49%
    }

    .row > .smidd-7 {
        width: 57.33333333%
    }

    .row > .smidd-8 {
        width: 65.66666667%
    }

    .row > .smidd-9 {
        width: 74%
    }

    .row > .smidd-10 {
        width: 82.33333333%
    }

    .row > .smidd-11 {
        width: 90.66666667%
    }

    .row > .smidd-12 {
        width: 99%
    }

    .smidd-hide {
        display: none
    }

    .smidd-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }

    .full-row > .smidd-1 {
        width: 8.33333333%
    }

    .full-row > .smidd-2 {
        width: 16.66666667%
    }

    .full-row > .smidd-3 {
        width: 25%
    }

    .full-row > .smidd-4 {
        width: 33.33333333%
    }

    .full-row > .smidd-5 {
        width: 41.66666667%
    }

    .full-row > .smidd-6 {
        width: 50%
    }

    .full-row > .smidd-7 {
        width: 58.33333333%
    }

    .full-row > .smidd-8 {
        width: 66.66666667%
    }

    .full-row > .smidd-9 {
        width: 75%
    }

    .full-row > .smidd-10 {
        width: 83.33333333%
    }

    .full-row > .smidd-11 {
        width: 91.66666667%
    }

    .full-row > .smidd-12 {
        width: 100%
    }
}

@media only screen and (max-width: 760px) {
    .row > .smal-1 {
        width: 7.33333333%
    }

    .row > .smal-2 {
        width: 15.66666667%
    }

    .row > .smal-3 {
        width: 24%
    }

    .row > .smal-4 {
        width: 32.33333333%
    }

    .row > .smal-5 {
        width: 40.66666667%
    }

    .row > .smal-6 {
        width: 49%
    }

    .row > .smal-7 {
        width: 57.33333333%
    }

    .row > .smal-8 {
        width: 65.66666667%
    }

    .row > .smal-9 {
        width: 74%
    }

    .row > .smal-10 {
        width: 82.33333333%
    }

    .row > .smal-11 {
        width: 90.66666667%
    }

    .row > .smal-12 {
        width: 99%
    }

    .smal-hide {
        display: none
    }

    .smal-show {
        display: block
    }

    .smal-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }

    [class*='pull-left-'], [class*='pull-right-'] {
        right: auto;
        left: auto
    }

    .full-row > .smal-1 {
        width: 8.33333333%
    }

    .full-row > .smal-2 {
        width: 16.66666667%
    }

    .full-row > .smal-3 {
        width: 25%
    }

    .full-row > .smal-4 {
        width: 33.33333333%
    }

    .full-row > .smal-5 {
        width: 41.66666667%
    }

    .full-row > .smal-6 {
        width: 50%
    }

    .full-row > .smal-7 {
        width: 58.33333333%
    }

    .full-row > .smal-8 {
        width: 66.66666667%
    }

    .full-row > .smal-9 {
        width: 75%
    }

    .full-row > .smal-10 {
        width: 83.33333333%
    }

    .full-row > .smal-11 {
        width: 91.66666667%
    }

    .full-row > .smal-12 {
        width: 50%
    }
}

.album_ordinary, .album_wrap {
    width: 100%;
    height: 100%
}

.album_wrap {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 98;
    background: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")
}

.album_ordinary .slide_c {
    text-align: center
}

.album_ordinary .slide_c img {
    vertical-align: middle;
    width: auto;
    max-height: 78%
}

.album_ordinary .slide_c p {
    position: absolute;
    left: 0;
    bottom: 55px;
    width: 100%;
    line-height: 22px;
    color: #fff;
    font-size: 16px
}

.album_ordinary .album_btns {
    position: absolute;
    z-index: 99;
}

.album_ordinary .album_btns:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.album_ordinary .album_prev, .album_ordinary .album_next {
    width: 10%;
    height: 5em;
    line-height: 5em;
    top: 50%;
    margin-top: -3em;
    font-size: 4em;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.album_ordinary .album_prev {
    left: 10%;
}

.album_ordinary .album_next {
    right: 10%;
}

.album_ordinary .album_close {
    width: 2em;
    height: 2em;
    line-height: 38px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    background: #fabd00;
    color: #fff;
    font-size: 20px;
    right: 0;
    top: 0;
}

.album_ordinary .slide_nav, .album_ordinary.unable .album_next, .album_ordinary.unable .album_prev {
    display: none
}

.album_preview .slide_nav {
    display: block;
    width: 100%;
    left: 0;
    top: 50%
}

.album_preview .slide_nav a {
    display: none;
    position: absolute;
    top: -28px;
    width: 80px;
    height: 55px;
    line-height: 55px;
    border: 4px solid #ffd643;
    cursor: pointer
}

.album_preview .slide_nav img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.album_preview .slide_nav .nav_prev {
    display: block;
    left: 10%
}

.album_preview .slide_nav .nav_next {
    display: block;
    right: 10%
}

.album_preview .album_close {
    position: absolute;
    width: 2em;
    height: 2em;
    line-height: 38px;
    z-index: 99;
    margin: 0;
    text-align: center;
    cursor: pointer;
    background: #fabd00;
    color: #fff;
    font-size: 20px;
    right: 0;
    top: 0
}

.album_preview .album_close .ion {
    font-size: 28px;
    margin: 0
}

.album_preview .album_pages {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 14px;
    color: #fabd00;
    line-height: 38px;
    margin: 0 1em
}

.album_preview .arrs {
    display: none
}

.album_gallery .album_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
    background: #000;
    z-index: 0
}

.album_gallery .arrs {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    bottom: 5px
}

.album_gallery .arr_prev {
    left: 0
}

.album_gallery .arr_next {
    left: 100px
}

.album_gallery .arrs:hover {
    color: red
}

.album_gallery .album_close, .album_gallery .album_pages {
    position: absolute;
    line-height: 40px;
    bottom: 5px;
    text-align: center;
    color: #fff;
    background-color: transparent;
}

.album_gallery .album_pages {
    height: 40px;
    left: 40px;
    width: 60px;
    font-size: 16px
}

.album_gallery .slide_nav {
    position: absolute;
    left: 140px;
    height: 40px;
    line-height: 40px;
    width: 60%;
    display: block;
    bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}

.album_gallery .slide_nav a {
    float: left;
    height: 36px;
    border: 2px solid #ccc;
    margin-right: 4px;
    opacity: 0;
    cursor: pointer
}

.album_gallery .slide_nav img {
    height: 100%
}

.album_gallery .slide_nav .on {
    border-color: red;
    opacity: 1
}

.album_gallery .album_close {
    height: 40px;
    width: 40px;
    right: 0;
    cursor: pointer;
    z-index: 2
}

.album_gallery .album_close .ion {
    margin: 0;
    font-size: 22px
}

.album_gallery .album_close:hover {
    color: red;
}

.album_wrap .slide_wrap img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .album_ordinary {
        background: #000
    }

    .album_ordinary .album_prev, .album_ordinary .album_next {
        width: 20%;
    }

    .album_ordinary .album_prev {
        left: 0;
    }

    .album_ordinary .album_next {
        right: 0;
    }

    .album_preview .slide_nav .nav_next, .album_preview .slide_nav .nav_prev {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .album_ordinary .album_prev, .album_ordinary .album_next {
        font-size: 2em;
    }

    .album_ordinary .slide_c p {
        bottom: 4em
    }

    .album_gallery .slide_nav {
        display: none
    }
}

.album_wrap_case4 {
    text-align: center;
    z-index: 120;
}

.album_wrap_case4 .album_case4 .slide_c {
    position: relative;
    width: auto;
    height: auto;
}

.album_wrap_case4 .album_case4 .slide_c h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2% 3%;
    width: 95%;
    font-size: 16px;
    color: #fff;
    text-align: left;
    font-weight: normal;
    background: rgba(0, 0, 0, .60);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.album_wrap_case4 .album_case4 .slide_c p {
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .60);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
    padding: 12px 10px;
    text-align: left;
    box-sizing: border-box;
}

.album_wrap_case4 .album_case4 .slide_wrap {
    width: auto;
    height: auto !important;
}

.album_wrap_case4 .album_case4 .arrs, .album_wrap_case4 .album_case4 .slide_nav {
    display: none;
}

.album_wrap_case4 .album_case4 {
    height: auto;
    width: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    max-width: 50%;
    overflow: visible;
    line-height: normal !important;
}

.album_wrap_case4 .album_case4 .right_btn {
    width: 80px;
    position: absolute;
    top: 0;
    right: -80px;
}

.album_wrap_case4 .album_case4 .right_btn .btn_box {
    width: 100%;
    height: 80px;
    display: block;
    text-align: center;
    line-height: 80px;
    margin-bottom: 1px;
    cursor: pointer;
    background: rgba(0, 0, 0, .60);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
    font-size: 14px;
    position: static;
    margin-top: 0;
}

.album_wrap_case4 .album_case4 .right_btn .btn_box:hover {
    background: #2e74b5;
}

.album_wrap_case4 .album_case4 .right_btn .close_btn {
    position: relative;
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:after, .album_wrap_case4 .album_case4 .right_btn .close_btn:before {
    content: "";
    width: 60%;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:after {
    top: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:before {
    bottom: 50%;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.album_wrap_case4 .album_case4 .right_btn .close_btn i {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    color: #fff;
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:hover:after {
    top: 24%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:hover:before {
    bottom: 24%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.album_wrap_case4 .album_case4 .right_btn .close_btn:hover i {
    opacity: 1;
    visibility: visible;
}

.album_wrap_case4 .album_border {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.album_wrap_case4:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.album_wrap_case4 .unable {
    display: inline-block;
    vertical-align: middle;
}

.album_wrap_case4 .album_case4 .right_btn .album_prev, .album_wrap_case4 .album_case4 .right_btn .album_next {
    font-size: 30px;
}

@media only screen and (max-width: 760px) {
    .album_wrap_case4 .album_case4 {
        max-width: 94%
    }

    .album_wrap_case4 .album_case4 .right_btn {
        right: 0;
        width: auto;
        top: -40px;
    }

    .album_wrap_case4 .album_case4 .right_btn .btn_box {
        height: 40px;
        width: 40px;
        float: right;
        line-height: 40px;
    }

    .album_wrap_case4 .album_case4 .right_btn .album_prev, .album_wrap_case4 .album_case4 .right_btn .album_next {
        font-size: 20px;
    }

    .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:after {
        top: 50%;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:before {
        bottom: 50%;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .album_wrap_case4 .album_case4 .right_btn .close_btn:hover i {
        opacity: 0;
        visibility: hidden;
    }
}

/*挂件分页样式*/
.util-page {
    font-size: 0;
    color: #000;
    text-align: center;
}

.util-page .gobutton, .util-page .sl, .util-page .num, .util-page .count {
    color: #000;
    display: inline-block;
    border: 1px solid #ededed;
    margin: 10px 0;
    padding: 5px 10px;
    vertical-align: middle;
    margin: 0 0 10px -1px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
}

.util-page .gobutton:hover, .util-page .num:hover, .util-page .current {
    color: #fff;
    background: #da291c;
}

.util-page span.gobutton, .util-page span.gobutton:hover {
    color: #000;
    background-color: #eee;
}

.util-page .gobutton .ion {
    font-size: .8em;
}

.util-page .count {
    margin-left: 10px;
    color: #000;
    background: none;
    border: none;
}

.util-page span.jump {
    background: none;
    color: #000;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top;
}

.util-page span.jumpto, .util-page span.jumpto_text, .util-page span.jumpto_text {
    background: none;
    border: none;
    color: #000;
    font-size: 14px;
}

.util-page .jumpto_inp {
    width: 40px;
    text-align: center;
    height: 37px;
    line-height: 37px;
    vertical-align: top;
}

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea {
    margin: 0 auto 55px;
    max-width: 1200px;
}

.BdMapWrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    overflow: hidden;
}

.BdMapWrapper .BdMapCon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box {
    display: none !important;
}

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url(../img/ico.png);
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');
    vertical-align: middle;
}

.ico:before {
    content: '\3000';
}

.ico1_2 {
    background-position: -20px 0;
}

.ico1_3 {
    background-position: -40px 0;
}

.ico1_4 {
    background-position: -60px 0;
}

.ico1_5 {
    background-position: -80px 0;
}

.ico2_1 {
    background-position: 0 -20px;
}

.ico2_2 {
    background-position: -20px -20px;
}

.ico2_3 {
    background-position: -40px -20px;
}

.ico2_4 {
    background-position: -60px -20px;
}

.ico2_5 {
    background-position: -80px -20px;
}

.ico3_1 {
    background-position: 0 -40px;
}

.ico3_2 {
    background-position: -20px -40px;
}

.ico3_3 {
    background-position: -40px -40px;
}

.ico3_4 {
    background-position: -60px -40px;
}

.ico3_5 {
    background-position: -80px -40px;
}

.ico4_1 {
    background-position: 0 -60px;
}

.ico4_2 {
    background-position: -20px -60px;
}

.ico4_3 {
    background-position: -40px -60px;
}

.ico4_4 {
    background-position: -60px -60px;
}

.ico4_5 {
    background-position: -80px -60px;
}

/* 常量设置 */
.wrap {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    min-width: 1300px;
}

.mwrap {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}

/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body {
    min-width: 1240px \9;
    overflow-x: auto;
}

/*for ie9+*/
@media all and (min-width: 0) {
    body {
        min-width: 0;
        overflow-x: hidden;
    }
}

body {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    background: #fff;
}

a {
    color: inherit;
}

a:hover {
    color: #da291c;
}

::-moz-selection {
    color: #fff;
    background: #da291c;
}

::selection {
    color: #fff;
    background: #da291c;
}

::-webkit-input-placeholder {
    color: #aaa;
}

.placeholder {
    color: #aaa;
}

/*css组件设置*/
.form-control, .input-group-addon, .btn {
    border-radius: 2px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);
}

.imgZoom img, .imgY180 img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.imgZoom {
    overflow: hidden;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.imgZoom:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.imgY180:hover img {
    cursor: pointer;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

/* 网站样式 */

/* 首页英文字体 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap')

/*@font-face {
    font-family: "BentonSans";
    src: url("../font/bentonsans/bentonsans.woff") format("woff"),
    url("../font/bentonsans/bentonsans.ttf") format("truetype"),
    url("../font/bentonsans/bentonsans.eot") format("embedded-opentype"),
    url("../font/bentonsans/bentonsans.svg") format("svg");
}*/

/* 方正兰亭 */
@font-face {
    font-family: "fzlt";
    src: url("../font/fzlt/fzlt.woff") format("woff"),
    url("../font/fzlt/fzlt.ttf") format("truetype"),
    url("../font/fzlt/fzlt.eot") format("embedded-opentype"),
    url("../font/fzlt/fzlt.svg") format("svg");
}

/* helvetica */
@font-face {
    font-family: "helvetica";
    src: url("../font/helvetica/helvetica.woff") format("woff"),
    url("../font/helvetica/helvetica.ttf") format("truetype"),
    url("../font/helvetica/helvetica.eot") format("embedded-opentype"),
    url("../font/helvetica/helvetica.svg") format("svg");
}

/* helveticahv */
@font-face {
    font-family: "helveticahv";
    src: url("../font/helveticahv/helveticahv.woff") format("woff"),
    url("../font/helveticahv/helveticahv.ttf") format("truetype"),
    url("../font/helveticahv/helveticahv.eot") format("embedded-opentype"),
    url("../font/helveticahv/helveticahv.svg") format("svg");
}

/* leslieb */
@font-face {
    font-family: "leslieb";
    src: url("../font/leslieb/leslieb.woff") format("woff"),
    url("../font/leslieb/leslieb.ttf") format("truetype"),
    url("../font/leslieb/leslieb.eot") format("embedded-opentype"),
    url("../font/leslieb/leslieb.svg") format("svg");
}

/* road_range */
@font-face {
    font-family: "road_range";
    src: url("../font/road_range/road_range.woff") format("woff"),
    url("../font/road_range/road_range.ttf") format("truetype"),
    url("../font/road_range/road_range.eot") format("embedded-opentype"),
    url("../font/road_range/road_range.svg") format("svg");
}


.ion {
    font-family: 'ion';
}

/*body{font-family:BentonSans; }*/

.common-black-tit, .common-red-tit {
    position: relative;
    display: block;
    color: #da291c;
    text-transform: uppercase;
    font-size: 37px;
    padding-bottom: 20px;
}

.common-black-tit, .common-black-tit:hover {
    color: #000;
}

.common-black-tit:after, .common-red-tit:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #da291c;
    height: 2px;
    width: 58px;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.common-red-tit-hover:hover .common-black-tit:after, .common-black-tit:hover:after, .common-red-tit-hover:hover .common-red-tit:after, .common-red-tit:hover:after {
    width: 100px;
}


.common-link {
    display: block;
    width: 200px;
    line-height: 42px;
    color: #da291c;
    border: 1px solid #da291c;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.common-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #da291c;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    z-index: 0;
}

.common-link span {
    position: relative;
    z-index: 1;
}

.common-link:hover, .common-link.solid {
    color: #fff;
}

.common-link:hover:after, .common-link.solid:after {
    right: 0;
}


.common-pro-link {
    display: block;
    width: 260px;
    line-height: 65px;
    color: #da291c;
    border: 1px solid #da291c;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.common-pro-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #da291c;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    z-index: 0;
}

.common-pro-link span {
    position: relative;
    z-index: 1;
}

.common-pro-link span i {
    font-size: 30px;
    margin-right: 40px;
    vertical-align: middle;
}

.common-pro-link:hover {
    color: #fff;
}

.common-pro-link:hover:after {
    right: 0;
}

/* 头部 */
.pageHeaderMask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 99;
    display: none;
}

.pageHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 100;
    transition: all 0.4s ease-in-out;
}

.pageHeader .con {
    padding: 0 5%;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
}

/*.pageHeader .con .logo{width:28%;}*/
.pageHeader .con .channel {
    width: 65%;
    text-align: right;
    font-size: 14px;
}

.pageHeader .con .channel .item {
    margin-right: 3.4%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.pageHeader .con .channel .item.item1 {
    position: static;
}

.pageHeader .con .channel .item .first_channel:hover {
    font-weight: bold;
}

.pageHeader .con .right {
    position: relative;
    height: 60px;
    font-size: 13px;
}

.pageHeader .con .right .fun1 {
    margin-right: 30px;
    position: relative;
}

.pageHeader .con .right .fun2 {
    margin-left: 25px;
    color: #cacaca;
}

.pageHeader .con .right .fun2 .global {
    margin-left: 20px;
}

.pageHeader .con .right .lang a {
    margin: 0 5px;
}

.pageHeader .con .sec_channel_list {
    position: absolute;
    right: -30px;
    top: 100%;
    width: 80px;
    padding: 0 10px;
    line-height: 75px;
    font-size: 13px;
    color: #212529;
    background: #fff;
    text-align: center;
    display: none;
}

.pageHeader .con .sec_channel_list li {
    border-top: 1px solid #333;
    line-height: 25px;
    padding: 10px 0;
}

.pageHeader .con .sec_channel_list li:first-child {
    border-top: none;
}

.pageHeader .con .channel .sec_channel_list {
    left: 50%;
    margin-top: 1px;
    margin-left: -75px;
}

.pageHeader .con .active .sec_channel_list, .pageHeader .con .channel .item.active .second_channle {
    display: block;
    animation: bounceInDown .5s forwards;
}

/* 导航下拉 */
.pageHeader .con .channel .second_channle {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #dddddd;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    display: none;
    text-align: left;
}

.pageHeader .con .channel .second_channle .full-row {
    position: relative;
    z-index: 1;
}

.pageHeader .con .channel .second_channle .sec_item {
    position: relative;
    padding-left: 7%;
    line-height: 1;
    border-right: 1px solid #d5d5d5;
    display: block;
    height: 240px;
    overflow: hidden;
}

.pageHeader .con .channel .second_channle .sec_item .brand {
    padding-top: 40px;
}

.pageHeader .con .channel .second_channle .sec_item .type {
    color: #242424;
    line-height: 2;
    font-size: 14px;
    margin-top: 10px;
}

.pageHeader .con .channel .second_channle .sec_item .btm {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.pageHeader .con .channel .second_channle .sec_item .pro {
    position: absolute;
    bottom: 0;
    right: 2%;
    transform: translateX(20%);
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    z-index: 2;
}

.pageHeader .con .channel .second_channle .sec_item:hover .pro {
    transform: translateX(0);
}

.pageHeader .con .channel .second_channle .sec_item:hover {
    background: #f4f4f4;
}


.pageHeader .con .channel .second_channle .default_list {
    background: #ececec;
    line-height: 45px;
}

.pageHeader .con .channel .second_channle .default_list dl {
    text-align: center;
    padding: 0 5%;
}

.pageHeader .con .channel .second_channle .default_list dd {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 13px;
    margin-left: 60px;
    position: relative;
}

.pageHeader .con .channel .second_channle .default_list dd:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    background: #333;
    width: 1px;
}

.pageHeader .con .channel .second_channle .default_list dd:first-child:before {
    display: none;
}

.pageHeader .con .channel .second_channle .default_list dd a:hover {
    color: #da291c;
}


/* 头部触控 */
.pageHeader.fixed, .pageHeader:hover {
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.pageHeader.fixed .con, .pageHeader:hover .con {
    color: #898989;
}

.pageHeader.fixed .channel, .pageHeader:hover .channel {
    color: #242424;
}


/* 底部 */
.footer {
    position: relative;
    z-index: 10;
    background: #fff;
    padding-top: 30px;
}

.footer .footer1 .logo {
    margin: 0 5% 30px;
}

.footer .footer1 .channel_box {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 30px;
    margin: 0 5%;
}

.footer .footer1 .channel_box dl {
    margin-right: 2.7%
}

.footer .footer1 .channel_box .channel {
    line-height: 35px;
    color: #666;
    font-size: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.footer .footer1 .channel_box dt .channel {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.footer .footer1 .channel_box dt a.channel:hover, .footer .footer1 a.channel:hover {
    color: #da291c;
}

.footer .footer1 .right .t {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.footer .footer1 .right a {
    color: #666;
    font-size: 15px;
    margin-right: 20px;
    margin-left: 0;
    border-radius: 6px;
    overflow: hidden;
}

.footer .footer1 .right span {
    background: #666 !important;
}

.footer .footer1 .right a:hover span {
    background: #da291c !important;
    opacity: 1;
}

.footer .footer1 .right .share {
    margin-top: 30px;
}

.footer .footer2 {
    color: #666666;
    font-size: 15px;
    padding: 16px 0;
}

.footer .footer2 .info {
    padding: 0 5%;
}

/*底部浮动*/
.floatB {
    margin-bottom: -65px;
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    transition: all ease .5s;
    -webkit-transform: translateZ(0);
    background: #121212;
    background: rgba(18, 18, 18, 0.85);
}

.floatB .wrap {
    width: 1260px;
    position: relative;
    min-width: 0;
}

.floatB .content {
    position: relative;
    height: 64px;
}

.floatB .left {
    width: 84%;
    float: left;
}

.floatB .left .float_ewm {
    float: right;
    padding: 15px 21px;
    cursor: pointer;
    position: relative
}

.floatB .left .float_ewm .icon {
    width: 34px;
    height: 34px;
    background: url(../img/foot_float01_4.png) no-repeat center;
}

.floatB .left .float_ewm .ewm_img {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 100%;
    right: 0%;
    display: none;
}

.floatB .left .float_txt {
    line-height: 64px;
    width: 650px;
    height: 64px;
}

.floatB .left .float_txt .tit {
    color: #cc1133;
    text-transform: uppercase;
    margin-right: 20px;
    font-weight: bold;
    float: left;
}

.floatB .left .float_txt .list {
    color: #fff;
    width: 460px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 64px;
}

.floatB .left .float_txt .list a {
    display: block;
}

.floatB .left .float_txt .list a:hover {
    color: #fff;
    opacity: 0.8;
}

.floatB .left .float_txt .list .t {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.floatB .left .float_txt .list .date {
    float: right;
    font-size: 12px;
}

.floatB .left .float_txt .list .info {
    overflow: hidden;
}

.floatB .left .float_txt .ctrl {
    color: #fff;
    padding-top: 16px;
}

.floatB .left .float_txt .ctrl div {
    line-height: 14px;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
}

.floatB .left .float_txt .ctrl div:hover {
    color: #da291c;
    font-weight: bold;
}

.floatB .right {
    width: 16%;
    float: right;
    background: #da291c;
    padding: 20px 0 17px;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease .3s;
}

.floatB .right li {
    width: 33.33%;
    float: left;
}

.floatB .right li a {
    display: block;
}

.floatB .right li i {
    display: block;
    width: 39px;
    height: 27px;
    background: url(../img/foot_float01_1.png) no-repeat center;
    margin: 0 auto;
}

.floatB .right li i.icon01 {
    background-position: 0 0;
}

.floatB .right li i.icon02 {
    background-position: -39px 0;
}

.floatB .right li i.icon03 {
    background-position: -78px 0;
}

.floatB .right li i.icon04 {
    background-position: -117px 0;
}

.floatB .menu_btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -64px;
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.floatB .menu_btn .btn_ico {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background: url(../img/foot_float01_3.png) -64px 0 no-repeat;
}

/*点击关闭*/
.floatB.show {
    margin-bottom: 0;
    opacity: 1;
}

.floatB.floatBClosed {
    width: 0;
    padding-right: 64px;
    overflow: hidden;
}

.floatB.floatBClosed .content {
    width: 0;
    transition: all 0.5s ease; /* overflow:hidden;*/
}

.floatB.floatBClosed,
.floatB.show {
    z-index: 30;
    height: 64px;
}

.floatB.floatBClosed .menu_btn {
    left: 0;
    right: auto;
}

.floatB.floatBClosed .menu_btn .btn_ico {
    background-position: 0 0;
}

.floatB.floatBClosed .right {
    opacity: 0;
    visibility: hidden;
}


/*首页*/
/*ibanner*/
.ibanner {
    position: relative;
    height: 749px;
}

.ibanner .item {
    height: 749px;
    overflow: hidden;
    position: relative;
}

.ibanner .owl-carousel .item {
    display: none;
}

.ibanner .owl-carousel.owl-loaded .item {
    display: block;
}

.ibanner .item .banner_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /*cursor: none;*/
}

.ibanner .item .banner_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ibanner video {
    width: 100%;
}

.ibanner .iban_word {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.ibanner .iban_word .img_box {
    position: absolute;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
    max-width: none;
    z-index: 3;
    bottom: 0;
    background: url(../img/iban_word.png) no-repeat center;
    height: 642px;
}

.cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    pointer-events: none;
    display: none;
    cursor: pointer;
}

.cursor .cursorIcon {
    width: 33px;
    height: 54px;
    background: url(/assets/resources/web/img/cursor-left.png) no-repeat center;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.cursor.right .cursorIcon {
    background: url(/assets/resources/web/img/cursor-right.png) no-repeat center;
}

.ibanner .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    top: 0%;
    left: 0;
    background: url(../img/mask.png) center;
}

.ibanner .words {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -120px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    cursor: auto;
}

.ibanner .item .banner_img .words .link {
    cursor: pointer;
}

.ibanner .item .banner_img .words .link img {
    width: 30px;
    height: auto;
    position: static;
    display: inline-block;
}

.ibanner .item .banner_img .words .link span {
    margin: 0 auto;
}

.ibanner .item .banner_img .words .t1 {
    font-size: 60px;
    font-family: 'road_range';
}

.ibanner .item .banner_img .words .t2 {
    font-size: 18px;
    margin: 10px 0 30px;
    text-transform: uppercase;
}

.ibanner .owl-dots {
    width: 30%;
    position: absolute;
    bottom: 50px;
    right: 50px;
    text-align: center;
}

.ibanner .owl-dots .owl-dot {
    transition: .3s;
    display: inline-block;
    width: 58px;
    height: 5px;
    background: #fff;
    margin: 0 6px;
    cursor: pointer;
    position: relative;
}

.ibanner .owl-dots .owl-dot:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #da291c;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.ibanner .owl-dots .owl-dot.active:after {
    right: 0;
}

.index .index01 {
    margin: 85px 0 95px;
    text-transform: uppercase;
}

.index .index01 .left {
    width: 49%;
    position: relative;
}

.index .index01 .right {
    width: 49%;
}

.index .index01 .rect-80 {
    padding-bottom: 80%;
}

.index .index01 .rect-3825 {
    padding-bottom: 38.25%;
}

.index .index01 .item {
    display: block;
}

.index .index01 .tit {
    position: absolute;
    left: 50px;
    top: 70px;
    color: #000;
    font-size: 24px;
    padding-bottom: 25px;
    line-height: 1;
    z-index: 1;
}

.index .index01 .tit:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 58px;
    height: 2px;
    background: #da291c;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.index .index01 .pic {
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: 2;
    max-width: 65%;
}

.index .index01 .item:hover .tit:after {
    width: 100px;
}

.index .index01 .right .pic {
    right: 10%;
    max-width: 40%;
}

.index .index01 .right .top {
    margin-bottom: 3.6%;
    position: relative;
}

.index .index01 .right .btm {
    position: relative;
}

.index .index02 {
    background-image: url(../img/index02_bg.jpg);
    background-repeat: no-repeat;
    padding: 140px 0 225px;
}

.index .index02 .common-red-tit, .index .index04 .common-red-tit {
    margin-bottom: 30px;
}

.index .index02 .con, .index .index04 .con {
    padding-left: 5%;
}

.index .index02 .desc, .index .index04 .desc {
    color: #fff;
    font-size: 24px;
}

.index .index02 .detail, .index .index04 .detail {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 40px;
    width: 33%;
    min-width: 520px;
}

.index .index04 {
    background: url(../img/index04_bg.jpg) no-repeat center center;
    padding: 140px 0 110px;
}

/*.index .index04 .detail{}*/

.index .index03 {
    margin-top: 120px;
}

.index .index03 .con {
    position: relative;
}

.index .index03 .left {
    width: 50%;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.index .index03 .right {
    width: 37%;
    position: relative;
    z-index: 1;
    min-width: 470px;
    padding: 50px 0;
}

.index .index03 .right .desc {
    color: #737373;
    margin: 30px 0 60px;
    font-size: 18px;
    max-width: 500px;
}

.index .index03 .right .qrcode {
    margin-right: 55px;
    width: 150px;
}

.index .index03 .right .dl {
    padding-top: 28px;
}

.index .index03 .right .dl a {
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 14px;
}

.index .index03 .right .dl a i {
    font-size: 22px;
    margin-right: 5px;
}

.index .index03 .center {
    position: absolute;
    top: 0;
    left: 43%;
    z-index: 0;
    width: 16%;
}


/* 产品列表 */
/* 产品导航 */
.proNav {
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 99;
    background: #000;
    display: none;
}

.proNav .con {
    padding: 0 5%;
    line-height: 60px;
}

/*.proNav .con .right{width:80%;}*/
.proNav .con .right .item {
    float: left;
    margin-left: 60px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.proNav.fixedtop {
    top: 0;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

/*banner*/
.pro_banner {
    position: relative;
    height: 749px;
    z-index: 10;
    background: #fff;
    /*cursor: none;*/
}

.pro_banner .item {
    height: 749px;
    overflow: hidden;
    position: relative;
}

.pro_banner .owl-carousel .item {
    /*display: none;*/
}

.pro_banner .owl-carousel.owl-loaded .item {
    display: block;
}

.pro_banner .item .banner_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
}

.pro_banner video {
    width: 100%;
}

.pro_banner .mask {
    position: absolute;
    height: auto;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
}

.pro_banner .mask .img img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.pro_banner .mask .word {
    font-size: 32px;
    margin-top: 24px;
    color: #fff;
    text-align: center;
    letter-spacing: 4px;
}

.pro_banner .video_cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.pro_banner .mask .link {
    margin-top: 20px;
    text-align: center;
}

.pro_banner .mask .link a {
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border: 1px solid #fff;
    font-size: 13px;
    text-transform: uppercase;
    user-select: none;
}

.pro_banner .mask .link a img {
    margin-left: 10px;
    width: 30px;
    margin-top: 10px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pro_banner .mask .link a:hover img {
    transform: translateX(10px);
}

.pro_banner .mask .link a:hover {
    border: 1px solid #da291c;
}

.pro_list { /*font-family:'fzlt';*/
}

.pro_list > div {
    position: relative;
    z-index: 10;
    background: #fff;
}

.pro_list .pro_list01 {
    padding-top: 65px;
}

.pro_list .pro_list01 .wrap {
    position: relative;
    padding-bottom: 10px;
}

.pro_list .pro_list01 .top {
    padding: 0 0 35px;
    margin: 0 5%;
    position: relative;
}
/*
.pro_list .pro_list01 .top:after {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: 1px;
    height: 1px;
    background: #bfbfbf;
    z-index: 0;
}*/

.pro_list .pro_list01 .top .fix {
    position: relative;
    z-index: 1;
}

.pro_list .pro_list01 .top .cn {
    color: #3d3c3c;
    margin-bottom: 10px;
}

.pro_list .pro_list01 .top .en {
    color: #070707;
    font-size: 28px;
    font-stretch: condensed;
    font-family: 'helveticahv';
    line-height: 1;
    text-transform: uppercase;

    font-weight: bold;
    font-stretch: unset;
    font-family: inherit;
}

.pro_list .pro_list01 .top .common-pro-link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 280px;
}

.pro_list .pro_list01 .top .car_type {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 326px;
    line-height: 65px;
    color: #fff;
    border: 1px solid #da291c;
    background: #da291c;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-left: 10px;
    user-select: none;
    position: relative;
}

.pro_list .pro_list01 .top .car_type i {
    margin-left: 160px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list01 .top .car_type.on i {
    transform: rotateZ(180deg)
}

.pro_list .pro_list01 .top .car_type .list {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    background: #fff;
    color: #555;
    border: 1px solid #eee;
    text-align: left;
    display: none;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.pro_list .pro_list01 .top .car_type .list a {
    display: block;
    line-height: 30px;
    padding: 10px 20px;
    text-transform: capitalize;
}

.pro_list .pro_list01 .top .car_type .list a:hover {
    color: #fff;
    background: #da291c;
}

.pro_list .pro_list01 .button_360 {
    position: absolute;
    background-color: transparent;
    border: none;
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    bottom: 130px;
    left: 82%;
    user-select: none;
    top: 150px;
}

.pro_list01 .t3 {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: black;
}

.pro_list01 .t4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #323232;
    text-decoration: underline;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}

.pro_list .pro_list01 .button_360 .text-new {
    position: absolute;
    top: 44px;
    left: 0;
    font-size: 12px; /*font-family:'Microsoft Yahei'*/;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #da291c;
}

.pro_list .pro_list01 .button_360 .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border: 2px solid #da291c;
    border-radius: 50%;
}

.pro_list .pro_list01 .button_360 .circle--vert {
    animation: rotating-x 7s linear infinite;
}

.pro_list .pro_list01 .button_360 .circle--horiz {
    animation: rotating-y 5s linear infinite;
    width: 96px;
    height: 96px;
    top: 2px;
    left: 2px;
}

@keyframes rotating-y {
    from {
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rotating-x {
    from {
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        -ms-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg)
    }
}

.pro_list .pro_list01 .main {
    padding: 35px 5% 0;
}

.pro_list .pro_list01 .main .left {
    width: 64%;
    height: 680px;
    /*background: url(../img/pro_list01_bg.png) no-repeat center top;*/
    background-size: contain;
    position: relative;
}

.pro_list .pro_list01 .main .left .pic {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 800px;
    height: 100%;
    max-width: 100%;
    top: 0 !important;
    margin-top: 0 !important;
}

.pro_list .pro_list01 .main .left .pic img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list01 .main .left .pic img.cur {
    visibility: visible;
    opacity: 1;
}

.pro_list .pro_list01 .main .right {
    width: 36%;
}

.pro_list .pro_list01 .main .right .all {
    text-align: right;
    line-height: 60px;
    font-size: 13px;
    display: block;
    color: #030303;
    display: none;
}

.pro_list .pro_list01 .main .right .all .icon {
    font-size: 20px;
    width: 48px;
    height: 48px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    float: right;
    text-align: center;
    margin-left: 10px;
    color: #da291c;
    line-height: 48px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list01 .main .right .all:hover .icon {
    border-color: #da291c;
}

.pro_list .pro_list01 .main .right .t1 {
    margin-top: 140px;
    color: #000;
    font-size: 20px;
}

.pro_list .pro_list01 .main .right .t2 {
    color: #000;
    font-size: 30px;
    font-weight: bold; /*font-family:'Microsoft Yahei'*/
}

.pro_list .pro_list01 .main .right .color_box {
    margin-top: 35px;
}

.pro_list .pro_list01 .main .right .color_box .item {
    float: left;
    padding: 5px;
    margin-right: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    user-select: none;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
}

.pro_list .pro_list01 .main .right .color_box .item .tip {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list01 .main .right .color_box .item:hover .tip {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list01 .main .right .color_box .item img {
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.pro_list .pro_list01 .main .right .color_box .item.cur {
    border-color: #555d68;
}

/*pro_list01_jt.png*/
.pro_list .pro_list01 .right_ctrl {
    position: absolute;
    left: none;
    top: 90px;
    color: #333;
    font-size: 18px;
}

.pro_list .pro_list01 .right_ctrl .item {
    position: relative;
    padding-bottom: 2px;
    margin-bottom: 5px;
    cursor: pointer; /*font-family:'Microsoft Yahei'*/
}

.pro_list .pro_list01 .right_ctrl .item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 13px;
    background: url(../img/pro_list01_jt.png) no-repeat right center;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list01 .right_ctrl .item.cur {
    color: #da291c;
    font-weight: bold;
}

.pro_list .pro_list01 .right_ctrl .item.cur:after, .pro_list .pro_list01 .right_ctrl .item:hover:after {
    right: 0;
}

.pro_list .pro_list01 .classify2, .pro_list .pro_list01 .classify3 {
    display: none;
}

.pro_list .pro_list02 {
    position: relative;
    height: 960px;
}

.pro_list .pro_list02 .pic {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1919px;
    margin-left: -960px;
    height: 960px;
}

.pro_list .pro_list02 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
}

.pro_list .pro_list02 .pic img.cur {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list02 .wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.pro_list .pro_list02 .tit {
    text-align: center;
    margin: 85px auto;
    color: #fff;
    max-width: 870px;
}

.pro_list .pro_list02 .tit .t {
    font-size: 30px;
    margin-bottom: 15px;
}

.pro_list .pro_list02 .tit .desc {
    font-size: 20px;
}

.pro_list .pro_list02 .tit .light {
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}

/*.pro_list .pro_list02 .tit .light ul{display:inline-block;}
.pro_list .pro_list02 .tit .light ul li{width:110px; line-height:30px; text-align:center; border:1px solid #fff; cursor:pointer;}
.pro_list .pro_list02 .tit .light ul li.cur{background:#fff; color:#000;}*/
.pro_list .pro_list02 .tit .light .light_con {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
}

.pro_list .pro_list02 .tit .light .light_line {
    width: 92px;
    height: 28px;
    background: url(../img/close_light.png);
    margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pro_list .pro_list02 .tit .light .light_ball {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    right: 100%;
    margin-right: -40px;
    background: url(../img/ball_light.png);
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pro_list .pro_list02 .tit .light.open .light_line {
    background: url(../img/open_light.png);
}

.pro_list .pro_list02 .tit .light.open .light_ball {
    right: 0;
    margin-right: -20px;
}


.pro_list .pro_list02 .btm {
    padding: 0 5%;
    position: absolute;
    left: 47%;
    right: 0;
    width: 60%;
}
@media only screen and (max-width: 760px) {
.pro_list .pro_list02 .btm {
    left: 0;
    right: 0;
    width: 100%;
}
    .pro_list .pro_list02 .btm .item {
        width: 50% !important;
        margin-bottom: 20px !important;
    }}
@media only screen and (min-width: 761px) {
    .pro_list .pro_list02 .btm .item {width: 35% !important;}
}

.pro_list .pro_list02 .btm .item {
    min-height: 169px;
    padding-top: 30px;
    position: relative;
    color: #fff;
    cursor: pointer;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list02 .btm .item.center {
    margin: 0 14%;
}

.pro_list .pro_list02 .btm .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    height: 2px;
    background: #cecfd0;
    z-index: 1;width:60px
}

.pro_list .pro_list02 .btm .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: #da291c;
    z-index: 2;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list02 .btm .item .t {
    font-size: 20px;
    margin-bottom: 10px;
}

.pro_list .pro_list02 .btm .item .d {
    font-size: 12px;
}

.pro_list .pro_list02 .btm .item:hover {
    color: #da291c;
}

.pro_list .pro_list02 .btm .item:hover:after {
    right: 0;
}

.pro_list .pro_list03 {
    z-index: 9;
    overflow: hidden;
    padding: 300px 0;
}

.pro_list .pro_list03 .video {
    position: fixed;
    left: 0;
    top: -90px;
    z-index: 1;
}

.pro_list .pro_list03 .pic {
    position: relative;
    z-index: 3;
    text-align: center;
}

.pro_list .pro_list03:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.pro_list .pro_list04 {
    background: #000;
}

.pro_list .pro_list04 img {
    width: 100%;
}

.pro_list .pro_list04 .left, .pro_list .pro_list04 .right {
    width: 49.6%;
}

.pro_list .pro_list04 .top {
    margin-bottom: 15px;
    padding: 0 5%;
}

.pro_list .pro_list04 .t_btm {
    margin-top: 14px;
}

.pro_list .pro_list04 .t_btm .item {
    width: 49.2%;
}


.pro_list .pro_list04 .link {
    padding: 50px 0 110px;
    text-align: center;
}

.pro_list .pro_list04 .link a {
    display: block;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 70px;
    background: #da291c;
    font-size: 16px;
    text-transform: uppercase;
    user-select: none;
}

.pro_list .pro_list04 .link a img {
    margin-left: 10px;
    width: 40px;
    margin-top: 13px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list04 .link a:hover img {
    transform: translateX(20px);
}

.pro_list .pro_list04 .btm .right .item {
    width: 49%;
}

.pro_list .pro_list04 .item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.pro_list .pro_list04 .item .cover {
    position: absolute;
    bottom: 13px;
    right: 13px;
    color: #fff;
    z-index: 3;
}

.pro_list .pro_list04 .item .cover img {
    width: auto;
    margin-right: 5px;
}

.pro_list .pro_list04 .item .cover span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
}

.pro_list .pro_list04 .item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: url(../img/icon_search.png) no-repeat center;
    z-index: 1;
}

.pro_list .pro_list04 .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.pro_list .pro_list04 .item:before, .pro_list .pro_list04 .item:after {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    visibility: visible;
    opacity: 1;
}

.pro_list .pro_list04 .item:hover:before, .pro_list .pro_list04 .item:hover:after {
    opacity: 0;
    visibility: hidden;
}

.pro_list .pro_list04 .t_top:before, .pro_list .pro_list04 .t_top:after {
    display: none;
}

body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover {
    background: #da291c;
}

.pro_list .pro_list04 .heartimg {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    bottom: 1.6rem;
    right: 1rem;
    z-index: 100;
}

.pro_list .pro_list05 {
    position: relative;
    height: 1120px;
    overflow: hidden;
}

.pro_list .pro_list05 .media {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10%;
}

.pro_list .pro_list05 .media img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.pro_list .pro_list05 .media img.cur {
    opacity: 1;
    visibility: visible;
}

/*.pro_list .pro_list05 .media:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/pro_list05_cover.png);}*/
.pro_list .pro_list05 > img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    max-width: none;
    width: 1920px;
    margin-top: 120px;
    bottom: 0;
}

.elementor-widget-ssv-villain-gasoline-product-section-passion .pro_list .pro_list05 > img {
    position: absolute;
    left: 50%;
    margin-left: -2000px;
    max-width: none;
    width: 4000px;
    margin-top: 120px;
    bottom: 0;
}

.pro_list .pro_list05 .tit {
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    text-align: center;
    color: #fff;
}

.pro_list .pro_list05 .tit .t {
    font-size: 30px;
    margin-bottom: 10px;
}

.pro_list .pro_list05 .tit .desc {
    font-size: 13px;
}

.pro_list .pro_list05 .tit .icon {
    margin-top: 15px;
}

.pro_list .pro_list05 .tit .ctrl {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 15px;
    margin-top: 40px;
    position: relative;
}

.pro_list .pro_list05 .tit .ctrl:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 28px;
    right: 28px;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
}

.pro_list .pro_list05 .tit .ctrl .item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 28px;
    cursor: pointer;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding-bottom: 20px;
    position: relative;
}

.pro_list .pro_list05 .tit .ctrl .item.cur {
    font-weight: bold;
}

.pro_list .pro_list05 .tit .ctrl .item:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    right: 50%;
    height: 2px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #da291c;
}

.pro_list .pro_list05 .tit .ctrl .item.cur:after {
    left: 0;
    right: 0;
}

.pro_list .pro_list05 .tit .ctrl .item img {
    display: block;
    width: 70px;
    margin: 0 auto 20px;
}

.pro_list .pro_list05 .num {
    font-family: 'leslieb';
    position: absolute;
    left: 50%;
    margin-left: -75px;
    width: 200px;
    bottom: 340px;
    z-index: 1;
    text-align: center;
    font-size: 36px;
    color: #1a191b;
}

.pro_list .pro_list06 {
    background: rgba(0, 0, 0, 0.5);
}

.pro_list .pro_list06 .item {
    width: 31.33%;
    float: left;
    cursor: pointer;
}

.pro_list .pro_list06 .item2 {
    margin: 0 3%;
}

.pro_list .pro_list06 .item .img {
    position: relative;
    overflow: hidden;
}

.pro_list .pro_list06 .item .img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.pro_list .pro_list06 .item:hover .img2 {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list06 .item1 .start,
.pro_list .pro_list06 .item1 .stop {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-left: -132px;
    margin-top: -132px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.pro_list .pro_list06 .item1.mp3_start .start {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list06 .item1.mp3_stop .stop {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list06 .item .txt {
    margin: 43px 0 113px;
    padding-left: 22px;
    padding-right: 48px;
    border-left: 3px solid #da291c;
    color: #fff;
}

.pro_list .pro_list06 .item .txt .t1 {
    font-size: 24px;
}

.pro_list .pro_list06 .item .txt .d {
    font-size: 13px;
    line-height: 20px;
    min-height: 60px;
}

/* .pro_list .pro_list07 .wave{position:relative; z-index:1;} */
.pro_list .pro_list07 {
    position: relative;
    height: 850px;
    overflow: hidden;
    background: url(../img/pro_list07_bg.jpg) no-repeat center;
    background-size: cover;
    color: #f8f8f8;
}

.pro_list .pro_list07 .wave {
    position: absolute;
    left: 0;
    bottom: 160px;
    width: 36%;
    z-index: 0;
}

.pro_list .pro_list07 .wave img {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.pro_list .pro_list07 .wave3 {
    -webkit-animation: proWave 2s linear infinite 0.8s;
    animation: proWave 2s linear infinite 0.8s;
}

.pro_list .pro_list07 .wave2 {
    -webkit-animation: proWave 2s linear infinite 0.4s;
    animation: proWave 2s linear infinite 0.4s;
}

.pro_list .pro_list07 .wave1 {
    -webkit-animation: proWave 2s linear infinite;
    animation: proWave 2s linear infinite;
}

@-webkit-keyframes proWave {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    50% {
        opacity: 0.4;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
    }
}

@keyframes proWave {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    50% {
        opacity: 0.4;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
    }
}


.pro_list .pro_list07 .content {
    position: relative;
    z-index: 2;
    padding-top: 200px;
}

.pro_list .pro_list07 .content .left {
    width: 50%;
    position: relative;
    max-width: 780px;
}

.pro_list .pro_list07 .content .left .app {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 0;
    width: 37%;
    height: 100%;
}

.pro_list .pro_list07 .content .left .app img {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list07 .content .left .app img.cur {
    visibility: visible;
    opacity: 1;
}

.pro_list .pro_list07 .content .left .pro {
    position: relative;
    z-index: 1;
    width: 84%;
}


.pro_list .pro_list07 .right {
    position: relative;
    width: 46%;
}

.pro_list .pro_list07 .right .top .item {
    display: none;
    color: #000;
}

.pro_list .pro_list07 .right .top .item.cur {
    display: block;
}

.pro_list .pro_list07 .right .t {
    font-size: 30px;
}

.pro_list .pro_list07 .right .desc {
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0 40px;
    min-height: 44px;
}

.pro_list .pro_list07 .right ul {
    overflow: hidden;
}

.pro_list .pro_list07 .right ul li {
    cursor: pointer;
    font-size: 13px;
    color: #333;
    float: left;
    position: relative;
    padding-left: 2%;
    margin-right: 5%;
}

.pro_list .pro_list07 .right ul li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding-bottom: 5px;
}

.pro_list .pro_list07 .right ul li span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    height: 1px;
    bottom: 0;
    background: #da291c;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list07 .right ul li.cur {
    color: #da291c;
}

.pro_list .pro_list07 .right ul li.cur span:after {
    right: 0;
}

.pro_list .pro_list07 .right ul li:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.pro_list .pro_list07 .right ul li.cur:after {
    background: #da291c;
}


.pro_list .pro_list07 .right .search {
    color: #da291c;
    margin-top: 30px;
    border-bottom: 1px solid #da291c;
    padding: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
}

.pro_list .pro_list07 .right .search i {
    margin-left: 15px;
}

.pro_list .pro_list07 .right .btm {
    margin-top: 40px;
}

.pro_list .pro_list07 .right .qrcode {
    margin-right: 55px;
    width: 150px;
}

/*.pro_list .pro_list07 .right .btm .dl {padding-top: 28px; }*/
.pro_list .pro_list07 .right .btm a {
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 14px;
    font-family: 'Noto Sans'; /*BentonSans;*/
}

.pro_list .pro_list07 .right .btm a i {
    font-size: 22px;
    margin-right: 5px;
}

.pro_list .pro_list08_tit .tit {
    text-align: center;
    padding: 100px 0 30px;
    margin: 0 auto;
    color: #000;
    max-width: 870px;
}

.pro_list .pro_list08_tit .tit .t {
    font-size: 30px;
    margin-bottom: 15px;
}

.pro_list .pro_list08 {
    height: 650px;
}

.pro_list .pro_list08 .con {
    padding-top: 120px;
    color: #fff;
    position: relative;
    z-index: 10;
}

.pro_list .pro_list08 .con .tit {
    margin-left: 200px;
    font-size: 40px;
}

.pro_list .pro_list08 .con .desc {
    margin-left: 200px;
    font-size: 14px;
    width: 400px;
    margin-top: 20px;
}

.pro_list .pro_list08 .list {
    height: 650px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
}

.pro_list .pro_list08 .list .img_box {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    margin-left: -960px;
    height: 100%;
    z-index: 1;
}

.pro_list .pro_list08 .list .img_box img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -960px;
    margin-top: -480px;
    opacity: 0;
    visibility: hidden;
    width: 1920px;
    height: 960px;
}

.pro_list .pro_list08 .list .img_box img.cur {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list08 .list .video_cover {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.9)
}

.pro_list .pro_list08 .list .detail {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.pro_list .pro_list08 .list .detail .item {
    float: left;
    width: 25%;
    position: relative;
    cursor: pointer;
    color: #fff;
}

.pro_list .pro_list08 .list .detail .item .info {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    height: 100vh;
    position: relative;
}

.pro_list .pro_list08 .list .detail .item:first-child .info {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.pro_list .pro_list08 .list .detail .item .info .tit {
    font-size: 20px;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    padding: 0 40px;
    z-index: 1;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.pro_list .pro_list08 .list .detail .item .info .cover {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: -100px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.pro_list .pro_list08 .list .detail .item .info .cover .t {
    font-size: 30px;
    line-height: 1.2;
    margin: 15px 0;
}

.pro_list .pro_list08 .list .detail .item .info .cover .d {
    font-size: 13px;
}

.pro_list .pro_list08.fixed .list {
    position: fixed;
}

.pro_list .pro_list08.abs .list {
    bottom: 0;
    top: auto;
}

.pro_list .pro_list08 .list .detail .item:hover .cover {
    opacity: 1;
    visibility: visible;
    bottom: 100px;
    padding-top: 40px;
}

.pro_list .pro_list08 .list .detail .item:hover .tit {
    opacity: 0;
    visibility: hidden;
    bottom: 20px;
}

.pro_list .pro_list09 {
    padding-top: 60px;
    color: #000;
}

.pro_list .pro_list09 .tit {
    font-size: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.pro_list .pro_list09 .left {
    width: 50%;
}

.pro_list .pro_list09 .left .item {
    margin: 20px 10% 50px;
    text-align: center;
    padding: 0 10%;
    border-bottom: 1px solid #cacaca;
}

.pro_list .pro_list09 .left .item.item3, .pro_list .pro_list09 .left .item.item4 {
    border-bottom: none;
}

.pro_list .pro_list09 .left .item .t {
    color: #da291c;
    margin: 10px 0;
    font-family: Impact;
    font-style: italic;
    font-size: 16px;
}

.pro_list .pro_list09 .left .item .t span {
    font-size: 32px;
}

.pro_list .pro_list09 .left .item .d {
    line-height: 22px;
    height: 66px;
    margin-bottom: 25px;
}

.pro_list .pro_list09 .right {
    width: 50%;
    text-align: right;
}


/*.pro_list .pro_list10{padding-bottom:1px;}*/
.pro_list .pro_list10 ul {
    padding-bottom: 0px;
}

.pro_list .pro_list10 .li {
    padding-top: 3px;
}

.pro_list .pro_list10 .li .t {
    background: #da291c;
    height: 62px;
    cursor: pointer;
    line-height: 62px;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
}

.pro_list .pro_list10 .li .t .add {
    position: absolute;
    right: 200px;
    top: 50%;
    margin-top: -5.5px;
    width: 11px;
    height: 11px;
    background: url(../img/pro_jiahao.png) no-repeat center;
}

.pro_list .pro_list10 .li.cur .t .add {
    background: url(../img/pro_jianhao.png) no-repeat center;
}

.pro_list .pro_list10 .li .t .dl {
    font-size: 14px;
    margin-left: 50px;
    color: #fff;
}

.pro_list .pro_list10 .li .c {
    background: #dfdfdf;
    display: none;
}

.pro_list .pro_list10 .li .c .key {
    line-height: 57px;
    border-top: 1px solid #c5c5c5;
    color: #000;
    font-size: 16px;
    transition: .5s ease;
    cursor: pointer;
}

.pro_list .pro_list10 .li .c .key .left {
    float: left;
    width: 35%;
    font-size: 16px;
}

.pro_list .pro_list10 .li .c .key .left i {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../img/pro_list09_jt.png) no-repeat center;
    transition: .5s ease;
    opacity: 0;
}

.pro_list .pro_list10 .li .c .key:hover .left i {
    opacity: 1;
    margin-right: 8px;
}

.pro_list .pro_list10 .li .c .key .right {
    float: left;
    width: 65%;
}

.pro_list .pro_list10 .li .c .key:hover {
    background-image: url(../img/pro_list09_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #da291c;
}

.pro_list .pro_list11 {
    padding-top: 110px;
    padding-bottom: 160px;
}

.pro_list .pro_list11 .top {
    text-align: center;
    color: #000;
}

.pro_list .pro_list11 .top .tit {
    font-size: 40px;
    margin-bottom: 15px;
}

.pro_list .pro_list11 .choose {
    padding: 40px 5%;
}

.pro_list .pro_list11 .select {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}

.pro_list .pro_list11 .select select,
.pro_list .pro_list11 .select-ui-choose-default {
    width: 100%;
    padding: 0 17px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 23px;
    color: #070707;
    border-radius: 5px;
}

body .select-ui-options-default li {
    line-height: 50px;
    height: 50px;
    font-size: 20px;
    box-sizing: border-box;
    padding: 0 17px;;
}

body .select-ui-options-default li:hover {
    background: #da291c;
}

body .select-ui-choose-default ._txt {
    padding-left: 0;
}

body .select-ui-choose-default ._arrow .arr {
    width: 11px;
    height: 7px;
    background: url(../img/pro_list11_jt.png) no-repeat center;
    border: none;
    margin-top: -3px;
    transition: .5s ease;
}

body .select-ui-choose-default ._arrow {
    width: 11px;
    padding-right: 25px;
}

body .select-ui-choose-default.on ._arrow .arr {
    margin-top: -3px;
    transform: rotateZ(180deg)
}

.pro_list .pro_list11 .pro {
    padding: 0 5%;
    text-align: center;
}

.pro_list .pro_list11 .pro .item {
    overflow: hidden;
    display: block;
}

.pro_list .pro_list12 {
    background: url(../img/pro_list12_bg.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
}

.pro_list .pro_list12 a {
    font-size: 0;
    position: relative;
}

.pro_list .pro_list12 .item {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    font-size: 25px;
    padding: 88px 0;
    position: relative;
    z-index: 2;
}

.pro_list .pro_list12 .item .icon {
    float: left;
    width: 0;
    height: 60px;
    overflow: hidden;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.pro_list .pro_list12 .item .icon img {
    max-width: none;
    width: 60px;
}

.pro_list .pro_list12 .item .t {
    float: right;
    line-height: 60px;
}

.pro_list .pro_list12 a.link2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: url(../img/black.28.png) repeat;
}

.pro_list .pro_list12 a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: url(../img/red.8.png) repeat;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.pro_list .pro_list12 a:hover:after {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list12 a:hover .t {
    font-weight: bold;
}

.pro_list .pro_list12 a:hover .icon {
    width: 60px;
    opacity: 1;
    visibility: visible;
    margin-right: 40px;
}

.pro_list .pro_list13 {
    position: relative;
    height: 930px;
}

.pro_list .pro_list13 .poster {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    width: 1920px;
    max-width: none;
    z-index: 0;
}

.pro_list .pro_list13 .video {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    width: 1920px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.pro_list .pro_list13:hover .video {
    opacity: 1;
    visibility: visible;
}

.pro_list .pro_list13 .content {
    position: absolute;
    top: 280px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 18px;
    z-index: 3; /*font-family: 'Microsoft Yahei'*/
}

.pro_list .pro_list13 .content .t {
    margin-left: 10%;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.pro_list .pro_list13 .content .d {
    margin-left: 10%;
    max-width: 660px;
}


.pro_popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(230, 230, 230, 0.95);
    padding: 110px 0;
    overflow: auto;
    z-index: 100;
    display: none;
}

.pro_popup .pro_content {
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 5%;
    position: relative;
}

.pro_popup .pro_content .close {
    font-size: 40px;
    position: absolute;
    top: 30px;
    left: 5%;
    cursor: pointer;
}

.pro_popup .pro_content .close:hover {
    color: #da291c;
}

.pro_popup .pro_content .tit {
    color: #000;
    font-size: 40px;
    margin-bottom: 40px;
    font-weight: bold;
    text-align: center;
}

.pro_popup .pro_content .item {
    background: #f7f7f7;
    padding: 20px 30px;
    margin-bottom: 50px;
    border-radius: 8px;
}

.pro_popup .pro_content .item .t {
    font-size: 24px;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 20px;
    color: #000;
}

.pro_popup .pro_content .item ul {
    margin-left: 20px;
}

.pro_popup .pro_content .item ul li {
    margin-bottom: 12px;
    position: relative;
}

.pro_popup .pro_content .item ul li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    position: absolute;
    left: -10px;
    top: 10px;
}


/*新闻列表*/
.newsList_crumbs {
    text-align: center;
    height: 58px;
    line-height: 58px;
    background: #fff;
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.newsList_crumbs.fixedtop {
    top: 0;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.newsList_crumbs .item {
    display: inline-block;
    vertical-align: top;
    font-size: 13px; /*font-family:fzlt;*/
    position: relative;
    z-index: 3
}

.newsList_crumbs .item.home {
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    vertical-align: top
}

.newsList_crumbs .item i {
    display: inline-block;
    margin: 0;
    transition: all 0.5s ease;
}

.newsList_crumbs em {
    margin: 0 25px;
    display: inline-block;
    width: 7px;
    height: 14px;
    background: url(../img/jx/newsCrumbs_01.png) no-repeat center;
    vertical-align: middle;
}

.newsList_crumbs .item ul {
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 100%;
    width: 130px;
    background: #fff;
    padding: 10px 0;
    display: none;
    box-shadow: rgba(74, 90, 117, 0.08) 0px 2px 10px 0px, rgba(74, 90, 117, 0.24) 0px 20px 20px -12px;
}

.newsList_crumbs .item ul li a {
    display: block;
    font-size: 13px;
    color: #555;
    padding: 10px 20px;
    line-height: 16px;
}

.newsList_crumbs .item ul li a:hover {
    color: #da291c;
}

.newsList_crumbs .item_second.on i {
    transform: rotateZ(-90deg);
}

.news_list {
    padding: 115px 0 100px;
    background: #f0f0f0;
}

.news_list01 form, .news_list01 .content {
    padding: 0 5%;
}

.news_list01 .inp_wrap {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 0;
}

.news_list01 .inp_wrap .btns {
    width: 62px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    padding: 0;
    outline: none;
    border: none;
    background: none;
    position: relative;
    cursor: pointer;
}

.news_list01 .inp_wrap .btns:after {
    content: '';
    width: 1px;
    height: 26px;
    background: #cacaca;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.news_list01 .inp_wrap .btns .icon {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(../img/jx/news_search.png) no-repeat center;
    vertical-align: middle;
}

.news_list01 .inp_wrap .inp {
    width: 70%;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border: none;
    text-indent: 20px;
    color: #8e8e8e;
    font-size: 13px; /*font-family:fzlt*/
}

.news_list01 .content {
    margin-top: 43px;
}

.news_list01 .content li {
    margin-bottom: 30px;
}

.news_list01 .content li .rect-545 {
    padding-bottom: 54.5%;
}

.news_list01 .content li .rect-3917 {
    padding-bottom: 39.17%;
}

.news_list01 .content .li_ {
    width: 32%;
    margin-right: 2%;
    float: left;
    position: relative;
    height: 477px;
}

.news_list01 .content .li_three {
    margin-right: 0px;
}

.news_list01 .content li .front {
    background: #fff;
    border-bottom: 3px solid #cecdcf;
}

.news_list01 .content li .front .intro .box {
    padding: 25px;
}

.news_list01 .content li .front .intro .box .sign {
    display: inline-block;
    width: 89px;
    height: 40px;
    background: url(../img/jx/news_list01_2.png) no-repeat center;
}

.news_list01 .content li .front .intro .box .sign a {
    display: block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px; /*font-family:fzlt;*/
}

.news_list01 .content li .front .intro .box .tit {
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    color: #565656; /*font-family: fzlt;*/
    margin: 0px 0 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_list01 .content li .front .intro .box .date {
    font-size: 15px;
    line-height: 20px;
    color: #a1a0a1; /*font-family:fzlt;*/
    position: absolute;
    left: 25px;
    bottom: 25px;
}

.news_list01 .content li .front .intro .box .icon {
    width: 23px;
    height: 23px;
    background: url(../img/jx/news_list01_3.png) no-repeat center;
    position: absolute;
    right: 23px;
    bottom: 23px;
    cursor: pointer;
}

.news_list01 .content li .back {
    background: #cf171a;
}

.news_list01 .content li .back .box {
    padding: 35px 70px 35px 25px;
}

.news_list01 .content li .back .box .sign {
    display: inline-block;
    width: 108px;
    height: 48px;
    background: url(../img/jx/news_list01_5.png) no-repeat center;
}

.news_list01 .content li .back .box .sign a {
    display: block;
    line-height: 34px;
    text-align: center;
    color: #cf171a;
    font-size: 14px; /*font-family:fzlt;*/
}

.news_list01 .content li .back .box .tit a {
    font-size: 28px;
    line-height: 40px;
    height: 80px;
    overflow: hidden;
    color: #fff; /*font-family:fzlt;*/
    margin: 20px 0 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_list01 .content li .back .box .con span {
    display: block;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 8px;
}

.news_list01 .content li .back .box .con .con_a {
    font-size: 0;
}

.news_list01 .content li .back .box .con .con_a a {
    display: inline-block;
    padding: 0 15px;
    height: 33px;
    line-height: 33px;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    margin-right: 13px;
    margin-bottom: 13px;
    background: url(../img/jx/news_list01_6.png) center;
}

.news_list01 .content li .back .box .icon {
    width: 29px;
    height: 29px;
    background: url(../img/jx/news_list01_4.png) no-repeat center;
    position: absolute;
    right: 23px;
    bottom: 23px;
    cursor: pointer;
}

/*没有图片*/
.news_list01 .content li.no_img .front .img_ {
    width: 100%;
    height: 161px;
    background: url(../img/jx/news_list01_7.png) no-repeat bottom;
    background-size: cover;
    position: relative;
}

.news_list01 .content li.no_img .front .img_ .t {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

/*前后翻转*/
.news_list01 .content li .front {
    transform: rotateY(0deg);
}

.news_list01 .content li .back {
    transform: rotateY(180deg);
}

.news_list01 .content li.on .front {
    transform: rotateY(180deg);
}

.news_list01 .content li.on .back {
    transform: rotateY(0deg);
}

.news_list01 .content li .front,
.news_list01 .content li .back {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}

/*前后翻转 end*/

/*新闻详细*/
.newsDetail_ban {
    background: #cf171a;
    position: relative;
    height: 170px; /*font-family:fzlt;*/
    margin-top: 60px;
}

.newsDetail_ban .intro {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 35px;
}

.newsDetail_ban .intro .tit {
    float: left;
    font-size: 36px;
    line-height: 36px;
    color: #fff;
}

.newsDetail_ban .intro .con {
    float: right;
}

.newsDetail_ban .intro .con a {
    float: left;
    width: 44px;
    height: 44px;
    margin-left: 30px;
}

.newsDetail_ban .intro .con a.prev {
    background: url(../img/jx/news_detail01_1.png) no-repeat center;
    background-size: cover;
}

.newsDetail_ban .intro .con a.next {
    background: url(../img/jx/news_detail01_2.png) no-repeat center;
    background-size: cover;
}

.newsDetail_ban .intro .con a.prev:hover {
    background: url(../img/jx/news_detail01_1_hover.png) no-repeat center;
    background-size: cover;
}

.newsDetail_ban .intro .con a.next:hover {
    background: url(../img/jx/news_detail01_2_hover.png) no-repeat center;
    background-size: cover;
}

.news_detail01 {
    padding-bottom: 60px; /*font-family:fzlt;*/
    font-size: 14px;
}

.news_detail01 > .wrap {
    width: 1100px;
    margin: 0 auto;
}

.news_detail01 .top_ {
    margin-bottom: 60px;
    padding-top: 60px;
    position: relative;
}

.news_detail01 .top_:after {
    content: '';
    width: 0px;
    height: 0px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 28px 28px 0px 0px;
    border-color: #cf171a transparent transparent;
    position: absolute;
    left: 0;
    top: 0%;
}

.news_detail01 .top_ .title {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 25px;
}

.news_detail01 .top_ .date {
    font-size: 24px;
    color: #bbc0c8;
    padding-bottom: 25px;
    border-bottom: 2px solid #d3d9de;
}

.news_detail01 .bott_ .bott_l {
    margin-right: 5%;
}

.news_detail01 .bott_ .bott_l .bdsharebuttonbox {
    overflow: hidden;
}

.news_detail01 .bott_ .bott_l a {
    display: block;
    float: none;
    width: 72px;
    height: 72px;
    background: #f5f5f5;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
}

.news_detail01 .bott_ .bott_l a svg {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    background: #d7d7d7;
    fill: #fff;
}

.news_detail01 .bott_ .bott_r {
    width: 75%;
}

.news_detail01 .bott_ .bott_r .text {
    font-size: 18px;
    font-weight: 400;
    color: #677283;
}

.news_detail01 .bott_ .bott_r .text a {
    text-decoration: underline;
    color: #cf171a;
}


/* 关于 */


.about_us { /*font-family:'Microsoft Yahei'*/
}

.about_us .infor {
    text-align: center;
}

.about_us .wrap {
    max-width: 1300px;
    min-width: 0;
}

.about_us .infor .tit {
    font-size: 30px;
    color: #333;
    position: relative;
    padding-bottom: 20px;
    margin: 80px 0 10px;
    transition: all 1s;
}

.about_us .infor .tit:after {
    content: '';
    width: 116px;
    height: 2px;
    background: #da291c;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -58px;
}

.about_us .infor .con {
    font-size: 14px;
    color: #333;
    line-height: 40px;
    transition: all 1s;
}

.about_us_banner .xc_banner {
    position: relative;
    height: 710px;
    overflow: hidden;
}

.about_us_banner .xc_banner img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    max-width: none;
}

.about_us01 {
    overflow: hidden;
    background: url(../img/about_us01.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 60px;
}

.about_us01 .infor .tit {
    opacity: 0;
    transform: translate(0, 30vh);
    margin: 54px 0 33px;
}

.about_us01 .infor .con {
    opacity: 0;
    transform: translate(0, 30vh);
    text-align: left;
    text-indent: 2em;
    line-height: 36px;
}

.about_us01.active .infor .tit {
    transform: translate(0, 0);
    opacity: 1;
}

.about_us01.active .infor .con {
    transform: translate(0, 0);
    opacity: 1;
}

.about_us01 .infor .tit.delay {
    transition-delay: .2s;
}

.about_us02 {
    overflow: hidden;
}

.about_us02 .content {
    width: 1200px;
    margin: 0 auto;
}

.about_us02 .owl-carousel {
    display: none;
}

.about_us02 .owl-carousel.owl-loaded {
    display: block;
}

.about_us02 .owl-carousel .owl-stage-outer {
    overflow: inherit;
}

.about_us02 .content .item .t {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.about_us02 .content .item .img {
    position: relative;
}

.about_us02 .content .item .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/about_us02_cover.png);
    opacity: 1;
    transition: .3s ease;
}

.about_us02 .content .item .img .cover {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    opacity: 0;
    transition: .3s ease;
}

.about_us02 .content .active .item .img:after {
    opacity: 0;
}

.about_us02 .content .active .item .img .cover {
    opacity: 1;
}

/* 按钮 */
.about_us02 .content .owl-nav > div {
    font-size: 0;
    width: 80px;
    height: 80px;
    background: url(../img/about_us02_jt.png) no-repeat;
    position: absolute;
    top: 50%;
}

.about_us02 .content .owl-nav .owl-prev {
    left: -50px;
}

.about_us02 .content .owl-nav .owl-next {
    right: -50px;
    background-position: -80px 0;
}

/* 年份 */
.about_us02 .infor .tit {
    margin-bottom: 0;
}

.about_us02 .infor .ctrl {
    margin: 30px 0;
}

.about_us02 .infor .ctrl > div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
}

.about_us02 .infor .prev, .about_us02 .infor .next {
    cursor: pointer;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    user-select: none;
}

.about_us02 .infor .prev:hover {
    transform: translateX(-10px);
}

.about_us02 .infor .next:hover {
    transform: translateX(10px);
}

.about_us02 .infor .dots {
    margin: 0 50px;
}

.about_us02 .infor .dots .dot {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    position: relative;
    line-height: 60px;
}

.about_us02 .infor .dots .dot .circleChart {
    opacity: 0;
}

.about_us02 .infor .dots .dot.active .circleChart {
    opacity: 1;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.circleChart {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* 第三部分 */
.about_us03 .infor {
    margin-bottom: 15px;
}

.about_us03 .rect-555 {
    padding-bottom: 55.5%;
}

.about_us03 .item {
    background: #eaeaea;
    display: none;
}

.about_us03 .owl-item .item {
    display: block;
}

.about_us03 .item .left {
    float: left;
    width: 69.3%;
}

.about_us03 .item .right {
    float: left;
    width: 30.7%;
    position: relative;
    height: 500px;
}

.about_us03 .item .right .box {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #333; /*font-weight:lighter;*/
}

.about_us03 .owl-nav > div {
    font-size: 0;
}

.about_us03 .owl-nav .owl-next {
    width: 46px;
    height: 46px;
    background: url(../img/about_us03_jt.png) no-repeat center;
    position: absolute;
    background-color: #757575;
    right: 30px;
    bottom: 30px;
}

.about_us03 .owl-nav .owl-next:hover {
    background-color: #da291c;
}

.about_us04 .infor {
    margin-bottom: 15px;
}

.about_us04 .infor .con {
    font-family: 'road_range';
    font-size: 30px;
    line-height: 1.8;
    color: #da291b;
}

.about_us04 .rect-934 {
    padding-bottom: 93.4%;
}

.about_us04 .content .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.about_us04 .content .cover .box {
    padding: 38% 13%;
}

.about_us04 .content .cover .txt {
    font-size: 15px;
    color: #fff;
    line-height: 36px; /*font-weight:lighter;*/
}

.about_us05 .infor {
    margin-bottom: 15px;
}

.about_us05 .content {
    position: relative;
    height: 500px;
    overflow: hidden;
}

/*.about_us05 .content img{position:absolute; left:50%; margin-left:-960px; max-width:none; width:1920px;}*/
.about_us05 img {
    max-width: none;
}

/*首页2*/
.index2_01 {
    /*margin-top: 60px;*/
}

.index2_pro {
    position: relative;
}

.index2_pro .poster {
    width: 100%;
    position: relative;
    z-index: 0;
}

.index2_pro .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.index2_pro .content {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 14px;
    z-index: 3;
}

.index2_pro .content .con {
    margin-left: 5%;
    max-width: 600px;
    transform: translateY(50px);
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index2_pro .content .con .detail .d {
    margin-bottom: 50px;
    margin-top: 15px;
    display: none;
}

.index2_pro .content .con .pic img {
    margin-bottom: 15px;
}

.index2_pro .content .t {
    font-size: 22px;
    line-height: 24px;
}

/*.index2_pro .index2_btn{margin-top:50px;}*/
.index2_btn {
    line-height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 150px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.index2_btn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    background: #da291c;
    top: 0;
    bottom: 0;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 0;
}

.index2_btn span {
    position: relative;
    z-index: 1;
}

.index2_btn img {
    margin-top: 16px;
    margin-left: 20px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.index2_btn:hover {
    border: 1px solid #da291c;
    color: #fff;
}

/*.index2_btn:hover img{transform:translateX(10px);}*/
.index2_btn:hover:after {
    right: 0;
}

.index2_pro:hover .video {
    opacity: 1;
    visibility: visible;
}

.index2_pro:hover .con {
    transform: translateY(0);
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.index2_05 .content {
    margin: 0 30px;
}

.index2_05 .content .left, .index2_05 .content .right {
    width: 49.5%;
}

.index2_05 .rect-79 {
    padding-bottom: 79%;
}

.index2_05 .item .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 10%;
    text-align: center;
    color: #fff;
}

.index2_05 .item .con .t {
    font-size: 40px;
}

.index2_05 .item .con .d {
    font-size: 16px;
    margin: 10px 0 15px;
}

.index2_05 .common-probtn > span {
    margin: 0 auto;
}

/*经销商查询*/
.dealer {
    margin-top: 60px;
}

.dealer01 {
    padding: 50px 0 20px;
}

.dealer01 .tit {
    font-size: 36px;
    color: #000;
    text-align: center;
}

.dealer02 .left {
    width: 49.5%;
}

.dealer02 .right {
    width: 49.5%;
}

.dealer02 .rect-92 {
    padding-bottom: 92%;
}

.dealer02 .item {
    position: relative;
    cursor: pointer;
}

.dealer02 .item .t {
    bottom: 105px;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.dealer02 .item .t span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 5px 20px;
    border: 1px solid #fff;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.dealer02 .item .t span:hover {
    background: #da291c;
    border: 1px solid #da291c;
}

.dealer03 {
    padding: 70px 0 90px;
    background: #da291c;
    color: #fff;
}

.dealer03 .con {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
}

.dealer04 {
    background: url(../img/delear03_bg.jpg) repeat;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.dealer04 .tab {
    font-size: 0;
}

.dealer04 ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.dealer04 ul li {
    float: left;
    line-height: 100px;
    width: 300px;
    font-size: 22px;
    cursor: pointer;
    max-width: 50%;
}

.dealer04 ul li.cur {
    background: #fff;
    color: #000;
}

.dealer05 .item2 {
    padding: 200px 0 280px;
    background: url(../img/delear04_bg.jpg) no-repeat center;
    background-size: cover;
    display: none;
}

.dealer05 .item2.cur {
    display: block;
}

.dealer05 .item1 {
    padding: 200px 0 280px;
    background: url(../img/delear04_am_bg.jpg) no-repeat center;
    background-size: cover;
    display: none;
}

.dealer05 .item1.cur {
    display: block;
}

.dealer05 .con {
    margin: 0 auto;
    max-width: 1200px;
    color: #000;
}

.dealer05 .con .tit {
    font-size: 42px;
    font-weight: bold;
}

.dealer05 .con .d {
    font-size: 22px;
    margin: 15px 0 25px;
}

.dealer05 .con .link {
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #da291c;
    padding: 11px 40px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.dealer05 .con .link img {
    margin-left: 150px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.dealer05 .con .link:hover img {
    transform: translateX(10px);
}

.dealer05 .con .link a:hover {
    color: #fff;
}

.dealer_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/black.5.png) repeat;
    z-index: 100;
    display: none;
}

.dealer_popup .content {
    background: #fff;
    border-radius: 6px;
    padding: 40px 40px 95px;
    margin: 0 auto;
    width: 730px;
    position: relative;
    color: #333;
    position: relative;
    top: 50%;
    margin-top: -350px;
}

.dealer_popup .content .close {
    position: absolute;
    right: 25px;
    top: 25px;
    color: #000;
    cursor: pointer;
}

.dealer_popup .content .close:hover {
    color: #da291c;
}

.dealer_popup .content .t {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

.dealer_popup .content .key {
    font-size: 16px;
    margin-bottom: 10px;
}

.dealer_popup .content .key span {
    color: #da291c;
}

.dealer_popup .content .inp {
    padding-right: 5%;
    margin-bottom: 25px;
}

.dealer_popup .content .inp input {
    line-height: 38px;
    border-radius: 4px;
    background: #f2f2f2;
    border: 1px solid #d9cab9;
    width: 98%;
    padding: 0 5px;
}

.dealer_popup .select-ui-choose-default {
    width: 100%;
    line-height: 38px;
    background: #f2f2f2;
    border: 1px solid #d9cab9;
    height: 40px;
    margin-bottom: 10px;
}

.dealer_popup .select-ui-choose-default ._arrow .arr {
    background: url(../img/dealer_jt.png);
}

.dealer_popup .select-ui-choose-default ._txt {
    padding: 0 5px;
}

.dealer_page .select-ui-options-default li {
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #d9cab9;
    line-height: 46px;
    height: 46px;
}

.dealer_page .select-ui-options-default {
    border-left: 1px solid #d9cab9;
    border-right: 1px solid #d9cab9;
    max-height: 200px;
}

.dealer_popup .content .submit {
    text-align: center;
    margin-top: 55px;
}

.dealer_popup .content .submit_btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    background: #da291c;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: none;
    margin: 0 auto;
    border-radius: 4px;
    cursor: pointer;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.dealer_popup .content .submit_btn:hover {
    opacity: 0.8;
}

/*联系我们*/
.contact01 {
    margin-top: 60px;
    height: 320px;
    position: relative;
}

.contact01 img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    max-width: none;
    margin-left: -960px;
}

.contact01 .con {
    font-size: 36px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    padding-bottom: 10px;
}

.contact01 .con:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 100px;
    height: 2px;
    bottom: 0;
    margin-left: -50px;
    background: #da291c;
}

.contact02 {
    margin-top: 88px;
}

.contact02 .content {
    margin: 0 5%;
}

.contact02 .content .t {
    font-size: 32px;
    color: #000;
    margin-bottom: 15px;
}

.contact02 .content .d {
    color: #6d6d6d;
    font-size: 16px;
    line-height: 35px;
}

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

.contact02 .key {
    color: #262626;
    font-size: 14px;
    font-weight: bold;
}

.contact02 .key span {
    color: #da291c;
}

.contact02 .inp input {
    width: 90%;
    line-height: 28px;
    margin: 10px 0 15px;
    background: #fcfcfc;
    border: 1px solid #ececec;
}

.contact02 .inp textarea {
    width: 90%;
    height: 140px;
    background: #fcfcfc;
    border: 1px solid #ececec;
    margin-top: 10px;
    resize: none;
}

.contact02 .submit {
    margin-top: 40px;
    margin-bottom: 100px;
}

.contact02 .link {
    display: block;
    width: 240px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border: 1px solid #fff;
    font-size: 16px;
    text-transform: uppercase;
    user-select: none;
    background: #da291c;
    cursor: pointer;
}

.contact02 .link img {
    margin-left: 10px;
    width: 30px;
    margin-top: 10px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.contact02 .link:hover img {
    transform: translateX(10px);
}

.contact02 .hotline {
    font-size: 16px;
    margin-top: 40px;
    color: #000;
}

.contact02 .tel {
    font-size: 38px;
    font-family: Impact;
    margin-bottom: 30px;
    color: #da291c;
    display: block;
}

.contact02 .qrcode {
    text-align: center;
}

.contact02 .qrcode .name {
    font-size: 18px;
    font-weight: bold;
    color: #3e3e3e;
    margin-top: 5px;
}

.contact03 {
    background: #f5f5f5;
    height: 85px;
}

.common-probtn {
    text-align: center;
    cursor: pointer;
}

.common-probtn a, .common-probtn > span {
    display: block;
    width: 230px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border: 1px solid #fff;
    font-size: 13px;
    text-transform: uppercase;
    user-select: none;
    position: relative;
    border-radius: 4px;
}

.common-probtn .txt {
    position: relative;
    z-index: 1;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.common-probtn a:before, .common-probtn > span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #da291c;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 0;
}

.common-probtn a img, .common-probtn > span img {
    margin-left: 10px;
    width: 30px;
    margin-top: 10px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 1;
    border-radius: 4px;
}

.common-probtn a:hover, .common-probtn > span:hover {
    border: 1px solid #da291c;
}

.common-probtn a:hover img, .common-probtn > span:hover img {
    transform: translateX(10px);
}

.common-probtn a:hover:before, .common-probtn > span:hover:before {
    right: 0;
}

.morePageSlide.album_wrap_case4 {
    top: -200%;
    display: block !important;
}


/*表单*/
.form_page .wrap {
    max-width: 1200px;
    min-width: 1200px;
}

.form_page01 .top {
    padding: 60px 0;
    font-size: 14px;
    line-height: 2;
    text-align: center;
}

.form_page01 .center_desc {
    padding: 0px 0 50px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    font-weight: bold;
}

.form_page01 .form_top, .form_page01 .form_btm {
    margin-top: 20px;
    width: 80%;
    margin: 0 auto;
}

.form_page01 .key {
    color: #262626;
    font-size: 14px;
    font-weight: bold;
    width: 90%;
}

.form_page01 .key span {
    color: #da291c;
}

.form_page01 .form_top .inp {
    height: 55px;
}

.form_page01 .inp input {
    width: 90%;
    line-height: 28px;
    margin: 10px 0 15px;
    background: #fcfcfc;
    border: 1px solid #ececec;
}

.form_page01 .inp input[readonly] {
    color: #aeaeae;
}

.form_page01 .inp textarea {
    width: 90%;
    height: 140px;
    background: #fcfcfc;
    border: 1px solid #ececec;
    margin-top: 10px;
    resize: none;
    margin-bottom: 15px;
}

.form_page01 .inp select {
    width: 90%;
    margin: 10px 0 15px;
}

.form_page01 .submit {
    margin-top: 40px;
    margin-bottom: 100px;
    width: 90%;
}

.form_page01 .link {
    display: block;
    width: 240px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border: 1px solid #fff;
    font-size: 16px;
    text-transform: uppercase;
    user-select: none;
    background: #da291c;
    cursor: pointer;
    margin: 0 auto;
}

.form_page01 .link img {
    margin-left: 10px;
    width: 30px;
    margin-top: 10px;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.form_page01 .link:hover img {
    transform: translateX(10px);
}

.form_page01 .select-ui-choose-default {
    width: 90%;
    border-radius: 0;
    padding: 0 2px;
    background: #fcfcfc;
    border: 1px solid #ececec;
    margin: 10px 0 15px;
}

.form_page01 .ctrl {
    color: #000;
    cursor: pointer;
    margin-bottom: 10px;
}

.form_page01 .ctrl.slide .txt {
    display: none;
}

.form_page01 .ctrl.slide .jt {
    transform: rotate(180deg);
}

.form_page01 .ctrl .jt {
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    font-weight: bold;
}


.formBody .select-ui-options-default li {
    line-height: 36px;
    height: 36px;
    font-size: 14px;
}

.formBody .select-ui-choose-default ._arrow .arr {
    background: url(../img/dealer_jt.png);
}

/*body .select-ui-choose-default.select-ui-choose-default-bottom ._txt{color:#da291c;}*/
body .select-ui-choose-default.select-ui-choose-default-bottom.on ._txt {
    color: #b8b8b8;
}

.form_page01 .line {
    height: 1px;
    border-bottom: 1px solid #ddd;
    margin: 40px 0;
}


/*语言*/
.language_slide {
    position: fixed;
    top: 60px;
    left: 0px;
    right: 0px;
    background: rgb(255, 255, 255);
    height: 100%;
    overflow: auto;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px inset;
    display: none;
}

.language01 {
    margin: 40px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    position: relative;
}

.language01 .wrap {
    position: relative;
}

.language01 .close {
    position: absolute;
    top: -50px;
    right: 0;
    font-size: 20px;
    color: #999999;
    font-weight: linear;
    cursor: pointer;
}

.language01 .close:hover {
    color: #da291c;
}

.language02 li {
    float: left;
    width: 18%;
    margin: 10px 1% 10px 1%;
    min-height: 320px;
}

.language02 dl {
    overflow: hidden;
    margin-top: 20px;
}

.language02 {
    padding-bottom: 40px;
}

.language02 .dist5 {
    width: 100%;
    margin: 10px 0 10px 0;
}

.language02 .dist5 dl dd {
    float: left;
    width: 20%;
}

.language02 .gd_lb dd {
    width: 100%;
    float: left;
    line-height: 20px;
    font-size: 14px;
    margin: 10px 0px;
}

.language02 .gd_lb dd img {
    width: 21px;
    height: 14px;
    margin-right: 10px;
    margin-top: 2px;
}

.language02 .gd_lb dd a {
    color: #999999;
}

.language02 .gd_lb dd a:hover {
    color: #da291c;
}

.language02 li h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #e9e9e9;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
}

.xc-banner {
    margin-top: 60px;
    height: 320px;
    position: relative;
}

.xc-banner img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    max-width: none;
    margin-left: -960px;
}

.xc-banner .con {
    font-size: 36px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    padding-bottom: 10px;
}

.xc-banner .con:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 100px;
    height: 2px;
    bottom: 0;
    margin-left: -50px;
    background: #da291c;
}


/*隐私政策*/
.privacy_content {
    padding: 0 5%;
}

/*视频页*/
.common-video {
    position: relative;
    overflow: hidden;
}

.common-video video {
    width: 100%;
}

.common-video .mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.common-video .words {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    margin-top: -128px;
    z-index: 2;
}

/* 首屏加载 */
.progress {
    display: none;
}

:root .progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #fff;
    z-index: 110;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

.progress .loading {
    margin: 0 auto;
    position: relative;
}

.progress .count {
    margin-top: 20px;
}

.progress .count .num {
    position: relative;
    font-size: 30px;
}

.progress .load-img {
    position: absolute;
    width: 400px;
    height: 51px;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -200px;
    overflow: hidden;
    -webkit-animation: load 3s infinite linear;
    animation: load 3s infinite linear;
}

.progress .load-img img {
    width: 400px;
    max-width: none;
}

@-webkit-keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 400px;
    }
}

@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 400px;
    }
}

@font-face {
    font-family: 'ion';  /* project id 2026757 */
    src: url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.eot');
    src: url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.woff') format('woff'),
    url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.svg#iconfont') format('svg');
}


#about05-map-49820 .amap-info-contentContainer {
    background: #fff;
    padding: 20px;
}


/*滚动加载*/
.load_more {
    text-align: center;
    padding-top: 20px;
}

.load_more span {
    display: inline-block;
    vertical-align: middle;
}

.load_more span.icon {
    width: 25px;
    height: 25px;
    background: url(../img/loading.gif) no-repeat center;
    margin-right: 20px;
    background-size: cover;
}

.load_more span.txt {
    font-size: 16px;
    color: #999999;
}

.load_more.nomore {
    display: none;
}

/*招聘列表*/
.job_list02 {
    margin: 70px 0;
}

.job_list02 .left {
    width: 75%;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.job_list02 .left .content {
    padding: 45px 4% 100px;
}

.job_list02 .load_more {
    margin-bottom: 50px;
}

.job_list02 .right {
    width: 23%;
}

.job_list02 .tit {
    color: #262626;
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
}

.job_list02 .filter .t {
    font-size: 20px;
    color: #262626;
}

.job_list02 .filter .condition {
    overflow: hidden;
    margin-bottom: 30px;
}

.job_list02 .filter .condition .item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #7c7c7c;
    font-size: 18px;
    line-height: 50px;
    padding-left: 40px;
    padding-right: 30px;
    color: #fff;
    margin: 10px 15px 10px 0;
    cursor: pointer;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.job_list02 .filter .condition .item i {
    margin-left: 20px;
    margin-right: 0;
}

.job_list02 .filter .condition .item:hover {
    background: #a4a4a4;
}

.job_list02 .bd .first {
    background: #da291c;
    border-bottom: none;
    padding: 0;
    height: 60px;
    line-height: 60px;
}

.job_list02 .bd ._ut {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.job_list02 .bd li {
    float: left;
    width: 100%;
    height: 75px;
    line-height: 75px;
    background: #fff;
    border-bottom: 1px dashed #dedede
}

.job_list02 .bd li ._un {
    float: left;
    text-align: center;
    height: 75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.job_list02 .bd ._t1 {
    width: 25%;
}

.job_list02 .bd ._t2 {
    width: 25%;
}

.job_list02 .bd ._t3 {
    width: 25%;
}

.job_list02 .bd ._t4 {
    width: 25%;
}

.job_list02 .bd ._t5 {
    width: 25%;
}

.job_list02 .bd ._t6 {
    width: 25%;
    cursor: pointer;
}

.job_list02 .bd li ._t6:after {
    content: "+";
    display: inline-block;
    vertical-align: -1px;
    color: #da291c;
    font-weight: bold;
    margin-left: 5px;
    font-size: 20px;
}

.job_list02 .bd li.j_t_cur ._t6:after {
    content: "-";
}

.job_list02 .bd li.j_t {
    font-size: 15px;
    cursor: pointer;
}

.job_list02 .bd li.j_t.nodata {
    text-align: center;
}

.job_list02 .bd li.j_c {
    height: auto;
    line-height: 1.5;
    background: #f9f9f9;
    display: none;
}

.job_list02 .bd .j_c .j_c_box {
    margin-bottom: 20px;
    padding: 65px;
}

.job_list02 .bd .j_c .j_c_box .intro {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    position: relative;
}

.job_list02 .bd .j_c .j_c_box .intro strong {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.job_list02 .bd .j_c .intro .job_btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.job_list02 .bd .j_c .intro .job_btn ._btn {
    display: inline-block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    background: #da291c;
    cursor: pointer;
    text-align: center;
    transition: .5s ease;
}

.job_list02 .bd .j_c .intro .job_btn ._btn:hover {
    background: #da291c
}

.job_list02 .bd .j_c .link {
    margin-top: 20px;
}

.job_list02 .bd .j_c .link_a {
    font-size: 16px;
    line-height: 28px;
    color: #da291c;
    font-weight: bold;
}

.job_list02 .bd .j_c .link_a a:hover {
    opacity: 0.8;
}

.job_list02 .right .right_tit {
    display: none;
    color: #000;
    font-size: 33px;
    text-align: center;
}

.job_list02 .right .search {
    margin-bottom: 25px;
}

.job_list02 .right .search .t {
    font-size: 20px;
    color: #262626;
    margin-bottom: 10px;
    margin-top: 55px;
}

.job_list02 .right .search .inp {
    position: relative;
    padding-right: 65px;
}

.job_list02 .right .search .inp input {
    border: 1px solid #a9a9a9;
    line-height: 40px;
    border-radius: 0;
    display: block;
    width: 100%;
    text-indent: 1em;
}

.job_list02 .right .search .inp button:hover {
    background: #da291c;
    border-color: #da291c;
}

.job_list02 .right .search .inp button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    color: #fff;
    background: #da291c;
    border: 1px solid #da291c;
    box-shadow: none;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    transition: .5s ease;
}

.job_list02 .right .search .inp button i {
    margin: 0;
    vertical-align: baseline;
    outline: none;
}

.job_list02 .right .choose .item {
    margin-bottom: 5px;
}

.job_list02 .right .choose .key {
    line-height: 55px;
    padding: 0 20px;
    color: #141414;
    background: #eeeeee;
    font-size: 20px;
    position: relative;
    cursor: pointer;
}

.job_list02 .right .choose .key:after {
    content: "+";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    font-size: 28px;
}

.job_list02 .right .choose .list {
    padding: 15px 20px;
}

.job_list02 .right .choose .list li {
    font-size: 15px;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.job_list02 .right .choose .list li .sel {
    position: absolute;
    left: 0;
    top: 0;
    color: #bebebe;
}

.job_list02 .right .choose .list li .sel > i {
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.job_list02 .right .choose .list li .sel .selected {
    position: absolute;
    left: 0;
    top: 0;
    color: #da291c;
    opacity: 0;
    visibility: hidden;
}

.job_list02 .right .choose .item.cur .key {
    color: #fff;
    background: #7c7c7c;
}

.job_list02 .right .choose .item.cur .key:after {
    content: "-";
}

.job_list02 .right .choose .item.cur li.active .sel .selected {
    opacity: 1;
    visibility: visible;
}

.job_list02 .right .choose .item.cur li.active .sel .null {
    opacity: 0;
    visibility: hidden;
}

.job_list02 .right .reset_btn {
    text-align: right;
}

.job_list02 .right .reset_btn button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 150px;
    background: #da291c;
    color: #fff;
    line-height: 55px;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 16px;
    margin-top: 20px;
    transition: .5s ease;
    cursor: pointer;
}

.job_list02 .right .reset_btn button:hover {
    background: #da291c;
}

/* 下载中心 */
.download_page.channel_content {
    background: #f0f0f0;
}

.download01 {
    padding: 90px 0;
}

.download01 .wrap {
    padding: 0 5%;
}

.download01 .album_t {
    display: none;
}

.download01 .item .txt {
    font-size: 15px;
    color: #262626;
    padding: 15px 50px;
    background: #d3d7db;
    position: relative;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.download01 .item .txt .t {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.download01 .item .txt .pic_icon {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.download01 .item .txt .down {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.download01 .item .txt .down:hover {
    color: #fff;
}

.download01 .cover {
    opacity: 0;
    visibility: hidden;
    transition: .5s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/black.2.png);
    top: 0;
    left: 0;
}

.download01 .cover .icon {
    transition: .5s ease;
    transform: scale(0);
    position: absolute;
    width: 36px;
    height: 36px;
    background: url(../img/download01_2.png) no-repeat center;;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -18px;
}

.download01 .item {
    cursor: pointer;
    margin-bottom: 20px;
}

.download01 .item:hover .cover {
    opacity: 1;
    visibility: visible;
}

.download01 .item:hover .icon {
    transform: scale(1);
}

.download01 .item:hover .txt {
    background: #da291c;
    color: #fff;
}

body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover {
    background: #da291c;
}


@-webkit-keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.common_share {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 100;
    right: 10%;
    bottom: 20%;
    cursor: pointer;
}

.privacy_content .Form-J1-content {
    padding: 70px 0;
}

.privacy_content .Form-J1 .Form-J1-Btn ._submit {
    background: #da291c;
}

/*
.pro_list .pro_list09 .left .imgY180:hover img{-moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none; transform:none;}
.pro_list .pro_list09 .left .item:hover .icon img{animation: alarm .15s 3;}

@-webkit-keyframes alarm {
  0%,100% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-15deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(15deg);
  }
}
@keyframes alarm {
 0%,100% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-15deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(15deg);
  }
}

*/
.pro_list .pro_list04 .link {
    display: block;
}

.pro_list .pro_list04 .link img {
    width: 30px;
}

.pro_list .pro_list04 .link span {
    margin: 0 auto;
}


.footer_gotop {
    z-index: 99;
    position: fixed;
    bottom: 65px;
    right: 0;
    width: 64px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    margin-bottom: -65px;
    cursor: pointer;
}

.footer_gotop.show {
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
}

.footer_gotop.expanded {
    visibility: hidden;
    opacity: 0;
    margin-bottom: -65px;
}

.dealer2_pt {
    padding-top: 130px;
}

.dealer2_pt .con {
    margin: 0 5%;
    background: #f1f1f1;
    position: relative;
}

.dealer2_pt .rect-81 {
    padding-bottom: 81%;
}

.dealer2_pt .rect-81 img {
    display: none;
}

.dealer2_pt .rect-81 img.cur {
    display: block;
}


.dealer2_pt .detail {
    padding: 0 5%;
}

.dealer2_pt .detail .tit {
    font-size: 34px;
    font-weight: bold;
    color: #000;
    padding-top: 5%;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dealer2_pt .detail .desc {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 1.8;
}

.dealer2_pt .info {
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    background: #da291c;
    color: #fff;
    padding: 30px 0 10px;
    font-size: 24px;
}

.dealer2_pt .info .item {
    margin-bottom: 20px;
}

.dealer2_pt .info .item span {
    line-height: 52px;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20px;
    display: inline-block;
    width: 230px;
}

.dealer2_pt .info .item .common-probtn a {
    width: 330px;
}

.dealer2_pt .info .link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.dealer2_pt .info .link a:before {
    background: #fff;
}

.dealer2_pt .info .link.cur a, .dealer2_pt .info .link a:hover {
    border: 1px solid #fff;
    color: #da291c;
}

.dealer2_pt .info .link.cur a:before {
    right: 0;
}

.dealer2_pt .info .link.cur a:hover img {
    transform: translateX(10px);
}

/*分辨率调整*/
.index2_pro img {
    width: 100%;
}

.pro_list .pro_list02 {
    background: #000;
}

.pro_list .pro_list03 .video {
    min-width: 100%;
}

.pro_list .pro_list03 .video video {
    width: 100%;
}

.pro_list .pro_list08 .list .img_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: 0;
    height: 100%;
    z-index: 1;
}

.pro_list .pro_list08 .list .img_box img {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: auto;
}

.pro_list .pro_list08 .list .detail .item .info {
    height: 1280px;
}


/*20201027*/

.pro_list .pro_list03 .video {
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
    height: 100%;
    top: 0;
}

.pro_list .pro_list03 .video video {
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
}

.form_page01 .inp input[readonly] {
    color: #646464;
}

.pro_banner .owl-dots {
    width: 30%;
    position: absolute;
    bottom: 50px;
    right: 50px;
    text-align: center;
}

.pro_banner .owl-dots .owl-dot {
    transition: .3s;
    display: inline-block;
    width: 58px;
    height: 5px;
    background: #fff;
    margin: 0 6px;
    cursor: pointer;
    position: relative;
}

.pro_banner .owl-dots .owl-dot:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 100%;
    background: #da291c;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: 1;
}

.pro_banner .owl-dots .owl-dot.active:after {
    right: 0;
}

.index2_pro .content .con .pic img {
    width: auto;
}

.common-probtn a, .common-probtn > span {
    width: 220px;
}

.pro_list .pro_list08 {
    background: #000;
}


.pro_list .pro_list14 {
    background: #dadbe0;
}

.pro_list .pro_list14 .content {
}

.pro_list .pro_list14 .content .item {
    display: none;
    background: #000;
}

.pro_list .pro_list14 .content .item:first-child {
    background: none;
}

.pro_list .pro_list14 .content .item.cur {
    display: block;
}

.pro_list .pro_list14 .content .fix {
    position: relative;
}

.pro_list .pro_list14 .content .left {
    float: none;
}

.pro_list .pro_list14 .content .left .video {
    position: relative;
    padding-bottom: 45.5%;
    overflow: hidden;
}

.pro_list .pro_list14 .content .left video {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
    z-index: 2;
}

.pro_list .pro_list14 .content .left img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.pro_list .pro_list14 .content .right {
    width: 25%;
    margin-right: 5%;
    color: #fff;
    padding: 5% 0 6%;
    min-width: 380px;
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    top: 20%;
    z-index: 2;
}

.pro_list .pro_list14 .content .right .t {
    font-size: 32px;
    margin-bottom: 20px;
}

.pro_list .pro_list14 .content .right .desc {
    font-size: 13px;
}

.pro_list .pro_list14 .tab ul {
    text-align: center;
}

.pro_list .pro_list14 .tab li {
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    padding: 20px 0;
    margin: 0 3%;
    cursor: pointer;
}

.pro_list .pro_list14 .tab li span {
    vertical-align: middle;
}

.pro_list .pro_list14 .tab li span.icon {
    width: 45px;
    height: 60px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../img/btn_right_black.png) no-repeat center;
    background-size: contain;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    margin-left: 20px;
}

.pro_list .pro_list14 .tab li.cur span.icon {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.pro_list .pro_list08_tit .tit .t, .pro_list .pro_list14_tit .tit .t {
    font-size: 30px;
    margin-bottom: 15px;
}

.pro_list .pro_list08_tit .tit, .pro_list .pro_list14_tit .tit {
    text-align: center;
    padding: 100px 0 30px;
    margin: 0 auto;
    color: #000;
    max-width: 870px;
}

/*20210109@jiaoll*/
.pro_list .pro_list14 .tab li.cur {
    color: #de2017;
    font-weight: bold;
}

.pro_list .pro_list14 .tab li span.icon {
    background: url(../img/btn_right_red.png) no-repeat center;
    background-size: contain;
}

.pro_list.pro_list_ssv .pro_list01 .main .left .pic {
    top: 30px !important;
}

.pro_list .pro_list09 .tab li {
    display: inline-block;
    width: 100px;
    cursor: pointer;
}

.pro_list .pro_list09 .tab {
    text-align: center;
    margin-bottom: 40px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}
@media (max-width: 760px) {
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 10px 0px !important;}
.elementor-column-gap-default>.elementor-row>.elementor-column.elementor-element-5277dd3>.elementor-element-populated {padding: 0px !important;}}
.elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}
.elementor-image-carousel-caption>.box{font-weight: 600;max-width: 90%;margin-left: 5%;}
.elementor-image-carousel-caption>.box>.t{font-size: 1.5em;}

.pro_index6_new .content{position:relative;}
.pro_index6_new .content .item{height:900px; box-sizing:border-box;;}
.pro_index6_new .content .item .hd_l{width:38%; float:left;}
.pro_index6_new .content .item .hd_l .t{font-size:30px; color:#fff;}
.pro_index6_new .content .item .hd_l .c{font-size:18px; line-height:30px; color:#fff; margin-top:10px;}
.pro_index6_new .content .item .hd_r{float:right; text-align:center; margin-top:50px;display: flex;max-width: 62%;}
.pro_index6_new .content .item .hd_r li{float:left; margin:0 20px; vertical-align:top;}
.pro_index6_new .content .item .hd_r li .icon{width:70px; height:70px; margin:0 auto;}
.pro_index6_new .content .item .hd_r li .text{font-size:12px; color:#fff; opacity:0.7;}
.pro_index6_new .content .item .bd {margin-top:34px; font-size:0; text-align:center;}
.pro_index6_new .content .item .bd li{ display:inline-block; width:16%; margin:0 2%; vertical-align:top;}
.pro_index6_new .content .item .bd li .txt_{font-size:18px; line-height:22px; color:#fff; margin-top:15px; position:relative;display: inline-block;}
.pro_index6_new .content .item .bd li .txt_ i{display: inline-block; width:30px; height:22px; background:url(../img/pro_index6_new5.png) no-repeat center; position:absolute; left: 0; top:0;}
.pro_index6_new .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:100px; left:0%;  width:100%; text-align:center;}
.pro_index6_new .content .owl-carousel .owl-dot{width:14px; height:14px; background:#808080; margin:0 10px;border-radius:50%; display:inline-block;}
.pro_index6_new .content .owl-carousel .owl-dot.active{background:#fff;}
.pro_index6_new .bd_l{width:200px; float:left;}
.pro_index6_new .bd_l .btm{margin-top:40px;}
.pro_index6_new .bd_l .qrcode{margin:0 auto; width:150px;}
.pro_index6_new .bd_l .qrcode img{display:none;}
.pro_index6_new .bd_l .qrcode img.cur{display:block;}
.pro_index6_new .bd_l .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;}
.pro_index6_new .bd_l .btm a i{font-size:22px; margin-right:5px;}
.product_new10 .left .common-link{color:#fff; border-color:#fff;}
.product_new10 .left .common-link:after{border-radius:5px;}
.pro_index6_new .bd_r{float:right; width:calc(100% - 260px);}
.pro_index6_new .item_mobile{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;}
.pro_index6_new .item_pc{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;}
.pro_index6_new .content .item .hd_l .c{font-size:16px; line-height:24px;}
@media (max-width: 1250px) {
.pro_index6_new .content .item .hd_l{width:100%; float:left;}
.pro_index6_new .content .item .bd li .txt_{font-size:14px; line-height:16px;}
.pro_index6_new .content .item .hd_r{max-width: 100%;}
}
@media (max-width: 992px) {
.pro_index6_new .content .item .bd li .txt_{font-size:10px; line-height:12px;}
.pro_index6_new .content .item{padding: 100px 0px 0px 0px;}
}
@media (max-width: 699px) {
.pro_index6_new .bd_r{display:none;}
.pro_index6_new .content .item .hd_r li {min-height: 110px;}
.pro_index6_new .bd_l {width: 100%;}
.pro_index6_new .bd_l .btm {display: flex;}
.pro_index6_new .bd_l .btm .dl{float: right;}
}

.product_new05 .infor{z-index:3}
.product_new05 .infor{text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:190px;}
.product_new05 .infor .tit{font-size:60px; line-height:60px; color:#fff; font-weight:bold;}
.product_new05 .infor .con{font-size:72px; line-height:72px; font-weight:bold;background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; margin-top:10px;}
.pro_new3{height:950px; position:relative; overflow:hidden;}
.pro_new3 .bg_box{width:100%; height:100%; position:absolute; left:0; top:0;}
.pro_new3 .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.pro_new3 .bg_box .bg.cur{opacity:1; visibility:visible;}
.pro_new3 .bg_box .bg video{max-width:none;width:auto;object-fit: contain;overflow-clip-margin: content-box;overflow: clip;}
/**.pro_new3 .bg_box .bg img{max-width:none;width:100%;}**/
.pro_new3 .bg_box .bg img{max-width:none;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
.pro_new3 .wrap_content{position:relative; height:960px;}
.pro_new3 .content{position:absolute; left:50%; bottom:50px; transform:translateX(-50%); width:100%; text-align:center;}
.pro_new3 .content .dots_btn{margin-bottom:30px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; display:inline-block;}
.pro_new3 .content .dots_btn .dot {position:relative; cursor:pointer; padding:0 50px; font-size:18px; color:#777777; height:58px; line-height:58px; display:inline-block;}
.pro_new3 .content .dots_btn .dot:after{content:''; position:absolute; left:0; width:100%; height:2px; bottom:-1px; background:#e40045; transform:scale(0); transition:.5s ease;}
.pro_new3 .content .dots_btn .dot.active{color:#fff;}
.pro_new3 .content .dots_btn .dot.active:after{transform:scale(1);}
.pro_new3 .content .item{margin:0 auto;}
.pro_new3 .content .item .tit{opacity:0; visibility:hidden; font-size:16px; color:#fff;}
.pro_new3 .content .item .img_box{opacity:0; visibility:hidden;}
.pro_new3 .content .item .img_box .img{float:left;}
.pro_new3 .content .item .img_box img{width:auto;}
.pro_new3 .owl-stage-outer .owl-item .item{height:1px;}
.pro_new3 .owl-stage-outer .owl-item.active .item{min-height: 50px;}
.pro_new3 .content .active .item .tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;}
.pro_new3 .content .active .item .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;}
.pro_new3 .content .active .item .more{animation:indbanLeft 1s ease both .8s; visibility:visible; opacity:1;}
.pro_new3 .content .active .item .img_box{animation:indbanLeft 1s ease both 1s; visibility:visible; opacity:1;}
@keyframes indbanLeft{
0%{opacity:0;transform:translateX(140px);}
100%{opacity:1;transform:translateX(0);}
}
@media only screen and (max-width: 760px){
  .product_new05 .infor .tit{font-size:30px; line-height:30px;}
  .product_new05 .infor .con{font-size:20px; line-height:30px;}
    .pro_new3 .bg_box .bg img{max-width:none;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 100%;}
    .pro_new3 .bg_box .bg video{max-width:none;position: absolute;left: 50%;transform: translateX(-50%);top: 0; width: 100%;}}
  .product_new05 .infor{top:40px;}
@media only screen and (max-width: 760px) {
  .product_new05 .infor{top:40px;}
  .product_new05 .infor .tit{font-size:20px; line-height:24px;}
  .pro_new8{height:600px;}
  .pro_new3{padding:30px 0; height:600px;}
  .pro_new3 .wrap_content{height:600px;}
  .pro_new3 .content .dots_btn .dot{height:40px; line-height:40px;}
    .pro_new3{height:auto;}
    .pro_new3 .bg_box{height:auto; position:relative;}
    .pro_new3 .bg_box .bg{display:none; position:relative;}
    .pro_new3 .bg_box .bg img{position:static; transform:translateY(0); width:100%; object-fit:cover;}
    .pro_new3 .bg_box .bg video{position:static; transform:translateY(0); width:100%; object-fit:cover;}
    .pro_new3 .bg_box .bg.cur{display:block;}
    .pro_new3 .wrap_content{height:auto;}
    .pro_new3 .content{position:static; transform:translateX(0);}
    .pro_new3 .content .dots_btn{margin-bottom:20px; margin-top:10px;}
    .pro_new3 .content .dots_btn .dot{font-size:15px;}
    .pro_new3 .content .dots_btn .dot.active{color:#da291c;}
    .pro_new3 .content .active .item .tit{color:#777;}}
@media (max-width: 992px) {.pro_new3 .content .item {margin: 0 8%;}}
@media (max-width: 580px) {.pro_new3 .content .item {margin: 0 4%;}}

.pro_new8{height:960px; position:relative; overflow:hidden;}
.pro_new8 .wrap_content{position:static;}
.pro_new8 .left{width:38%; float:left; margin-top:230px;margin-left: 15px;}
.pro_new8 .left .infor .tit{font-size:50px; line-height:50px; color:#fff; margin-bottom:20px; font-weight:bold;}
.pro_new8 .left .infor .con{font-size:16px; line-height:30px; color:#fff; margin-bottom:30px;}
.pro_new8 .left .infor .list{font-size:48px; line-height:50px; color:#fff;}
.pro_new8 .left .infor .list .item{width:50%; float:left; padding-top:20px; position:relative;}
.pro_new8 .left .infor .list .item span{display:block;}
.pro_new8 .left .infor .list .item:after{content:''; width:100px; height:1px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;}
.pro_new8 .left .infor .list .item p{font-size:18px; display:block;}
.pro_new8 .left .infor .list .item i{font-size:30px;}
.pro_new8 .right{position:absolute; right:15px; top: 30%;}
.pro_new8 .left .infor .list .item:after{display:none}
.pro_new8 .left .infor .con{font-size:30px;}
.pro_new8 .left .infor .list .item p span{display:inline-block;color:#928e8e;}
.product_new06 .left .infor .list .item{font-size:50px; font-weight:bold; background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; margin-top:10px}
.product_new06 .left .infor .list .item p{background-image:none; color:#fff; font-size:18px; font-weight:normal;}
.product_new06 .right .pic2{position:absolute; left:0; top:0;}
.product_new06 .left{width:50%;}
.product_new06 .left .infor .tit{margin-bottom:70px;}
.product_new06 .left .infor .list .item{font-size:60px; background:none;}
.product_new06 .left .infor .list .item em{background-image: linear-gradient( 0, rgb(254,43,31) 0%, rgb(237,186,181) 99%); -webkit-background-clip:text; color: transparent; -webkit-text-fill-color:transparent;}
.product_new06 .left .infor .list{margin-bottom: 80px;}
.product_new06 .pic1 img, .product_new06 .pic2 img{max-width: 70%;float: right;}
.product_new06 .left .infor .mode .txt{font-size: 18px; color:#fff; margin-bottom:20px;}
.product_new06 .left .infor .mode ul{position:relative; display:inline-block; padding-top:40px;}
.product_new06 .left .infor .mode ul::after{content:""; position:absolute; top:43px; left:0; width:100%; height:1px; background:#fff; opacity:0.3;}
.product_new06 .left .infor .mode ul::before{content:""; position:absolute; top:0; left:40px; margin-left:-16px; width:33px; height:24px; background:url(../img/product_new06_tri.png) no-repeat center; animation:tri_ani 6s infinite cubic-bezier(0.77,0,0.18,1);} 
.product_new06 .left .infor .mode li::before{content:""; display: block; width:6px; height:6px; border-radius: 50%; border:1px solid #fff; margin:0 auto 10px;}
.product_new06 .left .infor .mode li{display: inline-block; font-size: 18px; color:#fff; width:80px; margin-right:30px; text-align:center;}
.product_new06 .left .infor .mode li:last-child{margin-right:0;}
.product_new06 .left .infor .list .item i{font-weight:normal;}

@keyframes tri_ani {
0% { left:40px;  opacity:0;}
10% { left:40px; opacity:1;}
45% {  left:155px;}
55% {  left:155px;}
90% { left:270px;  opacity:1;}
100% {  left:270px;  opacity:0;}}
@media only screen and (min-width: 1500px) {
.product_new06 .pic1 img, .product_new06 .pic2 img{max-width: 100%;}
}
@media only screen and (max-width: 760px) {
  .product_new06 .left .infor .list .item{font-size:30px; line-height:30px;}
  .product_new06 .left{float:none;}
  .product_new06 .right{position:relative; bottom:0; margin-top:20px;}
  .product_new06 .left .infor .list .item i{font-size:20px;}
  .product_new06 .left .infor .mode li{font-size:16px;}
  .pro_new8{height:600px;}
  .pro_new8 .left{margin-top:200px;}
  .pro_new8 .left{width:100%;}
  .pro_new8 .left{margin-top:30px;}
  .pro_new8 .left .infor .tit{font-size:20px; line-height:24px; margin-bottom:5px;}
  .pro_new8 .left .infor .con{font-size:16px;}
  .pro_new8 .right{width:100%; top:inherit; bottom:30px;}
}

.product_ssv01{background:url(../img/product_ssv1_01.jpg) no-repeat center; background-size:cover; padding:170px 0 80px;}
.product_ssv01 .infor{text-align:center; padding:0 17%;}
.product_ssv01 .infor .tit{color:#222; margin-bottom:20px;}
.product_ssv01 .infor .intro{display:none;}
.product_ssv01 .content{margin-top:90px; position:relative;}
.product_ssv01 .content .img_box .rect-56{padding-bottom:56%;}
.product_ssv01 .content .img_box .img_{position:relative; width:47%; margin:0 auto; display:none;}
.product_ssv01 .content .img_box .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:95px; left:-250px; user-select: none;}
.product_ssv01 .content .img_box .button_360 .text-new { position: absolute; top:44px; left: 0; font-size:12px; /*font-family:'Microsoft Yahei'*/; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; color:#da291c;}
.product_ssv01 .content .img_box .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; }
.product_ssv01 .content .img_box .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } 
.product_ssv01 .content .img_box .button_360 .circle--horiz { animation: rotating-y 5s linear infinite; width: 96px; height: 96px; top: 2px; left: 2px; }
.product_ssv01 .content .img_box .img_.cur{display:block;}
.product_ssv01 .content .list_nav{position:absolute; right:0; width:20%; top:50%; transform:translateY(-50%); }
.product_ssv01 .content .list_nav .item{font-size:24px; line-height:90px; text-transform:uppercase; transition:0.5s ease; text-align:right; position:relative; cursor:pointer;}
.product_ssv01 .content .list_nav .item span{display:inline-block; padding-right:45px;}
.product_ssv01 .content .list_nav .item:after{content:''; width:100%; height:90px; background:url(../img/product_ssv1_03.png) no-repeat center; transition:0.5s ease; opacity:0; visibility:hidden; position:absolute; right:0; top:0;}
.product_ssv01 .content .list_nav .item .icon{display:inline-block; height:42px; vertical-align:middle; background:url(../img/btn_right1.png) no-repeat center; background-size:cover; opacity:0; visibility:hidden; transition:0.5s ease; width:0;}
.product_ssv01 .content .list_nav .item.cur{color:#de2629;}
.product_ssv01 .content .list_nav .item.cur::after{opacity:1; visibility:visible;}
.product_ssv01 .content .list_nav .item.cur .icon{width:41px; opacity:1; visibility:visible; transform:translateX(-10px);margin-left:25px; }
@media only screen and (max-width: 1330px) {
    .fz36{font-size:24px; line-height:25px;}
    .product_ssv01{padding:60px 0;}
    .product_ssv01 .content .list_nav{width:26%;}
    .product_ssv01 .content .list_nav .item{line-height:60px; font-size:20px;}
    .product_ssv01 .content .list_nav .item:after{height:60px;}}
@media only screen and (max-width: 760px) {
    .product_ssv01{padding:30px 0;}
    .product_ssv01 .infor{padding:0 5%;}
    .product_ssv01 .content{margin-top:40px;}
    .product_ssv01 .content .list_nav{position:static; width:80%; margin:20px auto 0; transform:translateY(0); overflow:hidden;}
    .product_ssv01 .content .list_nav .item{width:48%; margin:0 1%; float:left;}
    .product_ssv01 .content .list_nav .item.cur .icon{margin-left:12px;}
    .product_ssv01 .content .list_nav .item{font-size:13px;}
    .product_ssv01 .content .list_nav .item span{padding-right:20px;}
    .product_ssv01 .content .img_box .button_360{left:-110px; bottom:30px;}

}

.product_ssv07 {height:auto; box-sizing:border-box; position:relative;}
/* .product_ssv07 .img_box{position:absolute; left:0; top:0; width:100%; height:100%;} */
.product_ssv07 .img_box .img_{display:none; height:100%;}
.product_ssv07 .img_box .img_.cur{display:block;}
.product_ssv07 .img_box .img_ img{width:100%; height:100%; object-fit:cover;}
.product_ssv07 .content{position:absolute; left:0; top:0; width:100%; z-index:3; padding-top:80px;}
.product_ssv07 .content .left{width:27%; float:left;}
.product_ssv07 .content .left .hd .item{width:50%; float:left; line-height:48px; color:#d62f2e; background:#fff; border:1px 
  solid #d62f2e; text-align:center; cursor:pointer; box-sizing:border-box;}
.product_ssv07 .content .left .hd .item.cur{color:#fff; background:#d62f2e;}
.product_ssv07 .content .right{width:41%; float:right;}
.product_ssv07 .content .right .list{display:none;}
.product_ssv07 .content .right .list.cur{display:block;}
.product_ssv07 .content .right .list dl{margin-bottom:20px;}
.product_ssv07 .content .right .list dl dt{font-size:24px; line-height:49px; color:#fff; background:url(../img/jx/pro_new14_2.png) no-repeat center; text-align:center; margin-bottom:10px;}
.product_ssv07 .content .right .list dl dd{font-size:16px; line-height:26px; color:#fff; position:relative; padding-left:22px; margin:10px 0;}
.product_ssv07 .content .right .list dl dd i{content:''; width:8px; height:16px; background:url(../img/jx/pro_new14_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-8px;;}
.product_ssv07 .content .right .list dl dd span{float:left; width:50%;}
.product_ssv07 .content .right .list .btn_box>div{width:48%; margin-right:4%; float:left;}
.product_ssv07 .content .right .list .btn_box>div:last-child{margin-right:0;}
.product_ssv07 .content .right .list .btn_box>div a{width:auto;}
@media only screen and (max-width: 1560px){
    .product_ssv07, .product_ssv07 .img_box{height:830px;}
    .product_ssv07 .content .right .list dl dd{margin:5px 0;}
    .product_ssv07 .content{padding-top:50px;}}
@media only screen and (max-width: 1440px){
    .product_ssv07 .content .right .list dl dt{font-size:20px; line-height:40px;}}
@media only screen and (max-width: 1330px) {
    .product_ssv07 {background: url(../img/jx/product_new10_1.jpg) no-repeat center; background-size:cover;padding:40px 0;}
    .product_ssv07 .img_box{position:static; width:70%; margin:0 auto 20px;display:none}
    .product_ssv07 .content{width:80%; margin:0 auto;left: 10%;}
    .product_ssv07 .content .left{width:100%; margin-bottom:30px;}
    .product_ssv07 .content .right{width:100%;}
    .product_ssv07 .content .right .list dl dt{background-size:cover;}}
@media only screen and (max-width: 480px) {
    .product_ssv07 .content{padding-top:30px;width: 98%;}
    .product_ssv07 .content{position:static;}
    /*.product_ssv07 .content .right .list{overflow-x:auto; white-space:nowrap;}
    .product_ssv07 .content .right .list dl{width:560px;}*/
    .product_ssv07 .content .right .list dl dd i{top:5px; margin-top:0;}
    .product_ssv07 .content .right .list dl dd span{width:45%; margin-right:2px;}
    .product_ssv07 .content .right .list dl dd span:last-child{width:50%; margin-right:0;}}

.product_ssv06 .item{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;}
.product_ssv06 .item_l{width:20%; float:left; color:#fff;}
.product_ssv06 .item_l .t{font-size:30px; line-height:30px; font-weight:bold; text-transform:uppercase}
.product_ssv06 .item_l .c{font-size:18px; line-height:30px; margin-top:15px; color:rgba(255,255,255,.7);}
.product_ssv06 .item_r{width:75%; float:right;}
.product_ssv06 .item_r li{width:32%; margin-right:2%; float:left; margin-bottom:2%;}
.product_ssv06 .item_r li:nth-child(3n){margin-right:0;}
.product_ssv06 .item_r li .txt{font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px; text-align:center;}
.product_ssv06 .item_r li .txt .icon{display:inline-block; width:31px; vertical-align:middle; margin-right:10px;}
.product_ssv06 .item_l .c{font-size:16px; line-height:24px;}
.pro_index6_new .content{position:relative;}
.pro_index6_new .content .item{height:900px; padding-top:100px; box-sizing:border-box;padding-left: 30px;padding-right: 30px;}
.pro_index6_new .content .item .hd_l{width:38%; float:left;}
.pro_index6_new .content .item .hd_l .t{font-size:30px; color:#fff;}
.pro_index6_new .content .item .hd_l .c{font-size:18px; line-height:30px; color:#fff; margin-top:10px;}
.pro_index6_new .content .item .hd_r{float:right; text-align:center; margin-top:50px;}
.pro_index6_new .content .item .hd_r li{float:left; margin:0 20px; vertical-align:top;}
.pro_index6_new .content .item .hd_r li .icon{width:70px; height:70px; margin:0 auto;}
.pro_index6_new .content .item .hd_r li .text{font-size:12px; color:#fff; opacity:0.7;}
.pro_index6_new .content .item .bd {margin-top:34px; font-size:0; text-align:center;}
.pro_index6_new .content .item .bd li{ display:inline-block; width:16%; margin:0 2%; vertical-align:top;}
.pro_index6_new .content .item .bd li .txt_{font-size:18px; line-height:22px; color:#fff; margin-top:15px; position:relative;display: inline-block;}
.pro_index6_new .content .item .bd li .txt_ i{display: inline-block; width:30px; height:22px; background:url(../img/pro_index6_new5.png) no-repeat center; position:absolute; left: 0; top:0;}
.pro_index6_new .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:100px; left:0%;  width:100%; text-align:center;}
.pro_index6_new .content .owl-carousel .owl-dot{width:14px; height:14px; background:#808080; margin:0 10px;border-radius:50%; display:inline-block;}
.pro_index6_new .content .owl-carousel .owl-dot.active{background:#fff;}
.pro_index6_new .bd_l .btm{margin-top:40px;}
.pro_index6_new .bd_l .qrcode{margin:0 auto; width:150px;}
.pro_index6_new .bd_l .qrcode img{display:none;}
.pro_index6_new .bd_l .qrcode img.cur{display:block;}
.pro_index6_new .bd_l .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;}
.pro_index6_new .bd_l .btm a i{font-size:22px; margin-right:5px;}
.pro_index6_new .bd_r{float:right; width:calc(100% - 260px);}
.pro_index6_new .item_mobile{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;}
.pro_index6_new .item_pc{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;}
.pro_index6_new .content .item .hd_l .c{font-size:16px; line-height:24px;}
.swiper-image-stretch .swiper-slide .swiper-slide-image {min-height: 250px;}
@media only screen and (max-width: 1720px) {
    .pro_index6_new .content .item .hd_l{padding-left:2%; width:45%;}
    .pro_index6_new .bd_l{padding-left:2%;}}
@media only screen and (max-width: 1600px) {
.pro_index6_new .content .item .hd_r li{margin:0 10px;}}
@media only screen and (max-width: 1540px){
    .pro_index6_new .content .item{height:800px;}
    .pro_index6_new .content .item .hd_l .t{font-size:24px; line-height:30px;}
    .pro_index6_new .content .item .hd_l .c{font-size:14px; line-height:24px;}
    .pro_index6_new .bd_l .btm{margin-top:10px;}
    .pro_index6_new .content .item .hd_r{margin-top:20px;}
    .pro_index6_new .content .owl-carousel .owl-dots{bottom:50px;}
    .product_ssv06  .content .item{height:760px;}}
@media only screen and (max-width: 1240px) {
    .pro_index6_new .content .item{height:750px;padding: 20px;}
    .pro_index6_new .content .item .hd_l{width:100%;}
    .pro_index6_new .content .item .hd_r{width:100%;}
    .pro_index6_new .content .item .bd li .txt_{font-size:14px;}
    .pro_index6_new .content .item .hd_r li{margin:0 6px;}}
@media only screen and (max-width: 760px) {
    .product_ssv06  .content .item{height:650px;}
    .product_ssv06 .item_l .t{font-size:20px; line-height:24px;}
    .product_ssv06 .item_l .c{font-size:14px; line-height:24px;;}
    .product_ssv06 .item_r li .txt{font-size:14px;;}
    .product_ssv06 .item_r li .txt .icon{display:none;}
    .product_ssv06 .item_l{width: 100%;}
    .product_ssv06 .item_r{width: 100%;}}
@media only screen and (max-width: 480px) {
    .pro_index6_new .content .item{height:600px;}
    .pro_index6_new .content .item .hd_r li{width:30%; margin:0 1.5%;min-height: 130px;}
    .pro_index6_new .content .owl-carousel .owl-dots{bottom:15px;}
    .product_ssv06 .content .owl-carousel .owl-dots{bottom:15px;}
    .pro_index6_new .content .item .bd{display:none}}

.product_new10{height:900px; overflow:hidden; padding:210px 30px; box-sizing:border-box;}
.product_new10 .left{float:left;}
.product_new10 .left{width:26%; float:left; padding-top:25px;}
.product_new10 .left .info .tit{font-size:50px; line-height:50px; font-weight:bold; color:#fff;}
.product_new10 .left .info .con{font-size:25px; line-height:30px; color:#fff; margin-top:20px;}
.product_new10 .left .info .btm{margin-top:40px;}
.product_new10 .left .info .qrcode{margin-right:55px; width:150px;}
.product_new10 .left .info .qrcode img{display:none;}
.product_new10 .left .info .qrcode img.cur{display:block;}
.product_new10 .left .info .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;}
.product_new10 .left .info .btm a i{font-size:22px; margin-right:5px;}
.product_new10 .left .common-link{color:#fff; border-color:#fff;}
.product_new10 .left .common-link:after{border-radius:5px;}
.product_new10 .right{float:right;;}
.product_new10 .right .img_{float:right; margin-left:2%;width: 23%}
.product_new10 .right .img_ .txt{font-size:24px; line-height:30px; margin-top:30px; text-align:center; color:#fff;}
.product_new10 .right{width: 73%;}
.product_new10 .left .common-link{color:#fff; border-color:#fff;}
.product_new10 .left .common-link:after{border-radius:5px;}
@media only screen and (max-width: 1560px){
  .product_new10 .left .info .tit{font-size:30px; line-height:30px;}
  .product_new10 .right{width:73%;}
  .product_new10 .right .img_{width:20%;}}
@media only screen and (max-width: 992px) {
  .product_new10{padding:50px 0; height:600px;}
  .product_new10 .left{width:30%;}
  .product_new10 .left .info .tit{font-size:25px; line-height:25px;}
  .product_new10 .left .info .con{font-size:20px; line-height:24px;}
  .product_new10 .right{width:65%; margin-top:100px;}
  .product_new10 .common-link{width:170px;}
  .product_new10 .right .img_ {margin-left:1.5%;}
  .product_new10 .right .img_ .txt{font-size:16px; margin-top:10px;;}}
@media only screen and (max-width: 760px) {
  .product_new10{padding:30px 5px; height:auto;}
  .product_new10 .left{width:100%; text-align:center;}
  .product_new10 .right{width:100%; margin-top:20px; float:left;}
  .product_new10 .right .img_{width:22%; margin:0 1.5%;}}
@media only screen and (max-width: 480px) {
    .product_new10 .left .info .tit{font-size:20px;}
    .product_new10 .left .info .con{font-size:15px; margin-top:5px;;}
    .product_new10 .left .info .btm{text-align:center; display:flex; align-items:center;}
    .product_new10 .left .info .btm a:first-child{margin-top:0;}
    .product_new10 .left .info .qrcode{width:calc(100% - 190px); margin-right:18px;;}}