﻿/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.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: 100%
    }
}

/*挂件分页样式*/
.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: #f76c0a;
}

.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(../images/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: 1270px;
    margin-right: auto;
    margin-left: auto;
}

.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: #666;
    background: #fff;
}

a {
    color: inherit;
}

a:hover {
    color: #f76c0a;
}

::-moz-selection {
    color: #fff;
    background: #f76c0a;
}

::selection {
    color: #fff;
    background: #f76c0a;
}

::-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)
}

.trs_8 {
    -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;
}

.trs_5 {
    -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;
}

.common-link {
    display: block;
    line-height: 49px;
    width: 180px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    position: relative;
    border: none;
    cursor: pointer;
}

.common-link:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: rgba(255, 255, 255, 0.05);
    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;
}

.common-link span,
.common-link i {
    position: relative;
    z-index: 2;
}

.common-link i {
    font-size: 18px;
}

.common-link:hover {
    color: #fff;
}

.common-link:hover i {
    margin-left: 5px;
    display: inline-block;
}

.common-link:hover:after {
    width: 100%;
}

.common-link.common-black-link {
    background: #3e3a39;
}

.common-link.common-orange-link {
    background: #f76c0a;
}

.common-link.common-grey-link {
    background: #dad8d6;
    color: #3e3a39;
}

.common-link.common-grey-link:hover {
    color: #3e3a39;
}

.common-link.common-grey-link:after {
    background: rgba(0, 0, 0, 0.02);
}

.fz20 {
    font-size: 20px;
}

.fz38b {
    font-size: 38px;
    font-weight: bold;
}

.common-h1 {
    font-size: 35px;
    margin-bottom: 19px;
    text-align: center;
}

/* 网站样式 */
/* 头部 */
.header_container {
    position: relative;
    z-index: 90;
    height: 90px;
}

.header_top {
    background: #403d3b;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.header_top .link {
    padding-left: 14px;
    margin-left: 12px;
    position: relative;
    float: left;
    cursor: pointer;
}

.header_top .link:after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 1px;
    left: 0;
    background: #6f6c6b;
}

.header_top .link:first-child:after {
    display: none;
}

.header_top .link i {
    margin-left: 0;
}

.header_top .child_com {
    overflow: hidden;
}

.header_top .child_com .child {
    top: 100%;
    right: 0;
    background: #403d3b;
    width: 100px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
}

.header_top .child_com .child a {
    display: block;
    padding: 0 10px;
}

.header_top .child_com:hover {
    overflow: unset;
}

.header_top .child_com:hover .child {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header_top .head_tools {
    display: none;
}


.header {
    background: #fff;
    color: #373833;
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header .logo {
    transition: .5s ease;
    padding: 10px 0;
}

.header .logo a {
    display: block;
    font-size: 0;
}

.header .h_tools {
    padding: 29px 0;
    transition: .5s ease;
    line-height: 30px;
    color: #373833;
}

.header .h_tools .h_sear {
    margin-left: 40px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.header .h_tools .h_lan {
    margin-left: 20px;
    cursor: pointer;
    font-size: 20px;
}

.header .h_tools .h_fun {
    margin-left: 20px;
    cursor: pointer;
    font-size: 20px;
}


/* 搜索下拉 */
.search-alert {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 98;
    transition: all 0.5s ease
}

.search-alert .close {
    border-left: 1px solid #E1E0E1;
    float: right;
}

.search-alert .close_icon {
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    color: #f76c0a;
    font-weight: bold;
}

.search-alert .close .close_icon:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-alert .cent-form {
    padding: 10px 0;
    height: 70px;
    line-height: 70px;
    float: left;
    width: 86%;
}

.search-alert .cent-form form {
    position: relative;
    padding-left: 50px;
}

.search-alert .cent-form form .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-weight: bold;
}

.search-alert .cent-form form .inp {
    border: none;
    font-size: 15px;
    height: 70px;
    line-height: 70px;
    text-align: left;
    width: 80%;
    box-sizing: border-box;
    background: none;
    padding: 0
}

.search-alert .cent-form form .btns {
    border: none;
    width: 120px;
    background: none;
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    font-size: 15px;
    color: #aaa;
    border-radius: 50px;
    border: 1px solid#aaa;
    cursor: pointer;
    outline: none;
    transition: all 0.5s ease;
}

.search-alert .cent-form form .btns:hover {
    background: #f76c0a;
    color: #fff;
    border-color: #f76c0a;
}

.search-alert.active {
    top: 0;
}

/* PC导航 */
.header .inav_wrapper {
    border-right: 1px solid #fff;
    border-color: rgba(255, 255, 255, .4);
}

.header .inav_wrapper .nav_li {
    font-size: 17px;
    line-height: 36px;
    padding: 27px 20px;
    float: left;
    transition: padding .5s ease;
    font-weight: bold;
}

.header .inav_wrapper .nav_li .nav_a i {
    margin: 0;
    vertical-align: middle;
    font-size: 16px;
}

/* 导航下拉 */
.header .inav .nav_li .dropdown {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 100%;
    left: 0;
    background: url(../images/nav.jpg) no-repeat center;
}

.header .dropdown .left {
    float: left;
    width: 24.5%;
    padding-top: 45px;
    min-height: 400px;
}

.header .dropdown .left ul {
    position: relative;
    padding-bottom: 30px;
}

.header .dropdown .left ul:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 89%;
    left: 0;
    height: 1px;
    background: #c7c7c9;
}

.header .dropdown .left ul li {
    font-size: 15px;
    line-height: 45px;
    padding-left: 50px;
    font-weight: bold;
}

.header .dropdown .left ul li:hover {
    background: #fff;
}

.header .dropdown .left ul li.cur {
    background: #fff;
}

.header .dropdown .left dl {
    padding: 25px 0 20px;
}

.header .dropdown .left dl dt {
    font-size: 17px;
    padding-left: 50px;
    line-height: 30px;
}

.header .dropdown .left dl dd {
    font-size: 14px;
    line-height: 30px;
    padding-left: 50px;
}

.header .dropdown .right {
    float: right;
    width: 75%;
    padding-top: 45px;
}

.header .dropdown .right .infor {
    float: left;
    width: 57%;
    position: relative;
    z-index: 1;
}

.header .dropdown .right .infor .box {
    padding-left: 60px;
}

.header .dropdown .right .infor .tit {
    font-size: 25px;
    line-height: 50px;
    font-weight: bold;
}

.header .dropdown .right .infor .con {
    font-size: 15px;
    line-height: 30px;
    margin: 13px 0 45px;
    font-weight: normal;
}

.header .dropdown .right .img {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* 产品下拉 */
.header .pro_li .dropdown .right .content {
    display: none;
    position: relative;
    z-index: 1;
    min-height: 223px;
}

.header .pro_li .dropdown .right .content:first-child {
    display: block;
}

.header .pro_li .dropdown .right .content>div .box {
    padding-left: 50px;
}

.header .pro_li .dropdown .right .content>div .box a {
    display: block;
}

.header .pro_li .dropdown .right .content .c {
    font-size: 13px;
    line-height: 30px;
}

.header .pro_li .dropdown .right .content .sec_pro,
.header .pro_li .dropdown .right .content .third_pro {
    float: left;
    width: 15%;
    margin-left: 50px;
}

.header .pro_li .dropdown .right .content .sec_pro .item.active {
    color: #f76c0a;
}

.header .pro_li .dropdown .right .content .third_pro .third {
    display: none;
    font-weight: normal;
    color: #131313;
}

.header .pro_li .dropdown .right .content .third_pro .third:first-child {
    display: block;
}

.header .pro_li .dropdown .right .content .sec_pro .item.active:first-child {
    color: #159941;
}

.header .pro_li .dropdown .right .content .third_pro .third:first-child a:hover {
    color: #159941;
}

.header .h_tools .h_lan {
    position: relative;
}

/* .header .h_tools .h_lan .lan_box{position:absolute; left:0; top:50px; background:#f4f4f4; font-size:14px; padding:7px 20px; color:#555; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.header .h_tools .h_lan .lan_box:after{content:''; height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color: transparent transparent #f4f4f4 transparent ; border-style:solid solid dashed dashed; border-width:6px; position:absolute; bottom:100%; left:20px;}

.header .h_tools .h_lan:hover .lan_box{opacity:1; visibility:visible;} */


/* 语言版本 下拉20230214 */
.header .lan_box {
    display: none;
}

.header .lan_down {
    position: absolute;
    left: 0%;
    top: 100%;
    width: 100%;
    background: url(../images/landown_bg.png) center;
    display: none;
    color: #fff;
}

.header .lan_down .content {
    padding-top: 50px;
}

.header .lan_down .content .sl {
    height: 170px;
    position: relative;
    padding-left: 115px;
    min-height: 90px;
}

.header .lan_down .content .sl .map {
    background: url(../images/landown_map.png) no-repeat;
    width: 110px;
    height: 90px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.header .lan_down .content .sl01 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl01:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl02 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl02:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl03 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl03:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl04 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl04:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl05 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl05:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl06 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl06:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl07 .map {
    background-position: 0 0;
}

.header .lan_down .content .sl07:hover .map {
    background-position: -110px 0;
}

.header .lan_down .content .sl dt {
    font-size: 22px;
    font-weight: bold;
    color: #e6e6e6;
    line-height: 1.3;
    margin-bottom: 10px;
}

.header .lan_down .content a {
    color: #c7c7c7;
}

.header .lan_down .content a:hover {
    color: #fc6621;
    text-decoration: underline;
}

.top-nav {
    display: none;
}

/* 头部触控及吸顶 */


/*----------手机端下拉部分--------*/
.header .mLan_down {
    display: none;
}

.header .mSearch {
    display: none;
}

.mobile_key {
    display: none;
}

.m_nav {
    display: none;
}

.m_banner {
    display: none;
}

.m_ipart {
    display: none;
}

.m_footer {
    display: none;
}

/*----------手机端下拉部分 end-------*/
/* 右侧导航 */
/* LNB */
.lnb .lnb_bg {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black.6.png);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    transition: all 0.3s;
}

.lnb .lnb_area {
    position: fixed;
    right: -497px;
    top: 0;
    width: 497px;
    height: 100%;
    z-index: 999;
    background: #fff;
    transition: all 0.3s;
}

.lnb .lnb_inner {
    position: relative;
    overflow: auto;
    height: 100%;
}

.lnb .lnb_inner .btn_lnb_close {
    position: absolute;
    right: 50px;
    top: 30px;
    font-size: 16px;
    font-weight: bold;
    transition: .5s ease;
}

.lnb .lnb_inner .btn_lnb_close:hover {
    transform: rotateZ(180deg);
}

.lnb .lnb_top .box {
    padding: 90px 50px 18px;
}

.lnb .lnb_top .box .tit {
    font-size: 20px;
    color: #262626;
    font-weight: bold;
    margin-bottom: 20px;
}

.lnb .lnb_top .box .con a {
    display: block;
    padding: 0 20px;
    border: 1px solid #cccccc;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 15px;
    color: #262626;
    margin-bottom: 10px;
}

.lnb .lnb_top {
    border-bottom: 1px solid #eeeeee;
}

.lnb .lnb_top .box .con a i {
    float: right;
    transition: transform .3s ease;
    transform: translateX(-5px)
}

.lnb .lnb_top .box .con a:hover {
    background: #f76c0a;
    color: #fff;
}

.lnb .lnb_top .box .con a:hover i {
    transform: translateX(0);
}

.lnb .lnb_bott .tit {
    font-size: 20px;
    color: #262626;
    font-weight: bold;
    padding: 20px 50px;
}

.lnb .lnb_bott .con {
    position: relative;
}

.lnb .lnb_bott .con ul {
    position: relative;
    background: url(../images/black.6.png);
    z-index: 1;
    font-size: 15px;
}

.lnb .lnb_bott .con ul li {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    transition: .3s ease;
}

.lnb .lnb_bott .con ul li a {
    padding: 28px 50px;
    display: block;
    color: #fff;
}

.lnb .lnb_bott .con ul li a i {
    float: right;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    transform: translateX(-5px)
}

.lnb .lnb_bott .con ul li:hover {
    background: rgba(0, 0, 0, 0.4);
}

.lnb .lnb_bott .con ul li:hover a i {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.lnb .lnb_bott .con .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lnb.on .lnb_bg {
    visibility: visible;
    opacity: 1;
}

.lnb.on .lnb_area {
    right: 0
}

/*下层banner*/
.xc-banner {
    height: 400px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.xc-banner img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    max-width: none;
    margin-left: -960px;
}

.xc-banner .text_box {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    color: #fff;
}

/*下层栏目*/
.xc-channel {
    background: #262626;
    color: #fff;
    line-height: 60px;
}

.xc-channel a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.xc-channel .home {
    width: 60px;
    background: #3f3f3f;
    color: #c4c4c4;
    text-align: center;
    font-size: 20px;
}

.xc-channel .root_chan {
    font-size: 17px;
    font-weight: bold;
    color: #f76c0a;
    margin-left: 25px;
}

.xc-channel .right a {
    font-size: 14px;
    margin-left: 70px;
}

.channel_content {
    min-height: 400px;
    padding: 50px 0;
}

.footer {
    position: relative;
    z-index: 1;
}

.footer .top {
    color: #d4d4d4;
    background: #262626;
    padding: 40px 0 30px;
}

.footer .top .f_logo {
    margin-right: 30px;
}

.footer .top .chan {
    line-height: 40px;
}

.footer .top .chan a {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
}

.footer .top .chan a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    background: #525252;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -2px;
    margin-left: -2px;
}

.footer .top .chan a:first-child:after {
    display: none;
}

.footer .top .contact {
    margin-top: 20px;
    line-height: 30px;
}

.footer .top .contact .tit {
    padding-bottom: 10px;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 10px;
}

.footer .top .contact span {
    display: inline-block;
    margin-right: 20px;
}

.footer .top .left {
    width: 920px;
}

/*.footer .top .right{min-width:220px;}*/
.footer .top .follow .tit {
    padding-bottom: 10px;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 10px;
}

.footer .share_box .share_item {
    margin-right: 10px;
    cursor: pointer;
}

.footer .share_box .share_item .pic {
    bottom: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    padding-bottom: 10px;
    opacity: 0;
    visibility: hidden;
}

.footer .share_box .share_item:hover .pic {
    visibility: visible;
    opacity: 1;
}

.footer .btm {
    background: #303030;
    color: #808080;
    line-height: 30px;
    padding: 15px 0;
}


/*关于我们*/
.about.channel_content {
    padding: 0;
}

.about01 {
    padding: 85px 0 105px;
    background: #f4f4f4;
    text-align: center;
}

.about01 .common-h1 {
    color: #f76c0a;
}

.about01 .desc {
    color: #616161;
    font-size: 16px;
    padding: 0 5%;
    line-height: 2;
}

.about02 {
    padding-top: 50px;
    padding-bottom: 80px;
}

.about02 .top {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 80px;
}

.about02 .top .con {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0;
}

.about02 .top .con .item {
    background: #fff;
    border-bottom: 3px solid #f76c0a;
    padding: 45px 0 75px;
    text-align: center;
}

.about02 .top .con .t {
    font-size: 18px;
    font-weight: bold;
    color: #3f3d3b;
    margin-top: 15px;
}

.about02 .desc {
    font-size: 15px;
    line-height: 2;
    margin: 0 5%;
}


.about03 {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.about03 ul {
    width: 100%;
    height: 550px;
    margin: 0 auto;
    z-index: 2;
}

.about03 li {
    width: 100%;
    height: 550px;
}

.about03 li .list_box {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    background: #fff;
    transition: .5s ease;
}

.about03 li .list_box img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.about03 li.roundabout-in-focus .list_box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.about03 li.roundabout-in-focus .list_box img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.about03 .list_box {
    display: block;
    margin: 0 6%;
}

.about03 .list_box .info {
    padding: 20px 0;
    margin: 0 20px;
    color: #7a7a7a;
    border-bottom: 1px solid #dcdcdc;
    opacity: 0;
    visibility: hidden;
}

.about03 .list_box .info .cur {
    color: #f76c0a;
    font-weight: bold;
    font-family: Arial;
}

.about03 .list_box .info .num {
    font-weight: bold;
    font-family: Arial;
    display: inline-block;
    margin-right: 5px;
}

.about03 li.roundabout-in-focus .list_box .info {
    opacity: 1;
    visibility: visible;
}

.about03 .rect-4386 {
    padding-bottom: 43.86%;
}

.about03 .arr_btn {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    color: #fff;
    z-index: 300;
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border: 2px solid #fff;
    text-align: center;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}

.about03 .arr_btn i {
    margin: 0;
    vertical-align: top;
    font-weight: bold;
}

.about03 .arr_btn.arr_btn_prev {
    left: 0;
}

.about03 .arr_btn.arr_btn_next {
    right: 0;
}

.about03 .arr_btn:hover {
    background: #f76c0a;
    border-color: #f76c0a;
}

.about03 .desc {
    margin: 50px 5%;
    font-size: 15px;
    color: #323232;
    line-height: 2;
}


/*新闻列表*/
.news_list {
    padding-top: 0;
}

.news_list01 {
    background: url(../images/news_banner_bg.jpg) no-repeat center;
    background-size: cover;
}

/*.news_list01 .rect-575{padding-bottom:57.5%;}
.news_list01 .content .item{float:left; width:32%; transition:.3s ease;}
.news_list01 .content .item.item2{margin:0 2%;}
.news_list01 .content .item .txt{ background:#fff;}
.news_list01 .content .item .txt .box{padding:30px;}
.news_list01 .content .item .txt .box .date{font-size:14px; line-height:24px; color:#f76c0a; transition:.3s ease;}
.news_list01 .content .item .txt .box .tit{font-size:20px; color:#202020; line-height:30px; margin-bottom:20px; height:60px; overflow:hidden;}
.news_list01 .content .item .txt .box .con{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.news_list01 .content .item .item_t:first-child{margin-bottom:21px;}
.news_list01 .content .item .item_t .txt{transition:.3s ease;}
.news_list01 .content .item1:hover,.news_list01 .content .item2:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.news_list01 .content .item1:hover .txt .box .tit,.news_list01 .content .item2:hover .txt .box .tit{color:#f76c0a;}
.news_list01 .content .item .item_t:hover .txt{position:relative; box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.news_list01 .content .item .item_t:hover .tit{color:#f76c0a;}*/

/*@media only screen and (max-width:1240px){
    .news_list01 .content .item .txt .box .tit{font-size:16px; margin-bottom:5px; line-height:26px; height:52px;}
    .news_list01 .content .item .txt .box{padding:13px 30px;}
    .news_list01 .content .item .item_t:first-child{margin-bottom:11px;}
}

@media only screen and (max-width:992px){
    .news_list01 .content .item{width:48%; margin:0 1%;}
    .news_list01 .content .item.item2{margin:0 1%;}
    .news_list01 .content .item.item3{width:100%; margin:0; overflow:hidden; margin-top:15px;}
    .news_list01 .content .item .item_t{width:48%; margin:0 1%; float:left;}
}

@media only screen and (max-width:760px){
    .news_list01 .content .item .txt .box .tit{font-size:13px; line-height:24px; height:48px; margin-bottom:5px;}
    .news_list01 .content .item .txt .box .con{font-size:12px;}
}*/

.news_list02 .list_hd {
    margin-bottom: 50px;
    margin-top: 60px;
}

.news_list02 .list_hd .inp_box_wrap {
    width: 32%;
    margin-left: 2%;
    border-bottom: solid 2px #f76c0a;
}

.news_list02 .list_hd .inp_box_wrap:first-child {
    margin-left: 0;
}

.news_list02 .list_hd .inp_box_wrap .inp_box {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    font-size: 18px;
    color: #242424;
    padding: 0;
    text-indent: 10px;
}

.news_list02 .list_hd .inp_box_wrap .inp_box.hd_inp {
    width: 80%;
}

.news_list02 .list_hd .inp_box_wrap>input::-webkit-input-placeholder {
    color: #242424;
}

.news_list02 .list_hd .inp_box_wrap .hd_btn {
    width: 20%;
    height: 50px;
    border: none;
    text-align: center;
    background-color: transparent;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    cursor: pointer;
    padding: 0;
}

.news_list02 .list_bd li {
    margin-bottom: 30px;
}

.news_list02 .list_bd li .rect-6667 {
    padding-bottom: 66.67%;
}

.news_list02 .list_bd .list_box {
    display: block;
    background: #f7f7f7;
}

.news_list02 .list_bd .list_box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

.news_list02 .list_bd .list_box .bd_r {
    width: 28%;
}

.news_list02 .list_bd .list_box .bd_c {
    width: 64%;
    margin-left: 3%;
    margin-right: 5%;
    padding: 45px 0;
}

.news_list02 .list_bd .noimg .list_box .bd_c {
    width: auto;
    float: none;
    margin: 0;
}

.news_list02 .list_bd .noimg .list_box .bd_r {
    display: none;
}

.news_list02 .list_bd .noimg .list_box .bd_c {
    padding: 45px;
}

.news_list02 .list_bd .list_box .bd_c .date {
    font-size: 14px;
    color: #757575;
    margin-bottom: 15px;
}

.news_list02 .list_bd .list_box .bd_c .list_title {
    font-size: 28px;
    color: #f76c0a;
    margin-bottom: 15px;
}

.news_list02 .list_bd .list_box .bd_c .list_p {
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}


.news_list02 .select-ui-choose ._arrow {
    width: 16%;
    right: 0;
}

.news_list02 .select-ui-choose ._arrow .arr {
    left: 50%;
    margin: 0 0 0 -0.4em;
    border-color: #333 transparent transparent;
}

body .select-ui-options-default {
    margin-top: 4px;
}

body .select-ui-options li:hover,
body .select-ui-options li.hover {
    background: #f76c0a;
}

body .select-ui-options-bottom,
.news_list02 .select-ui-choose-bottom.on,
.news_list02 .select_box {
    border-radius: 0px;
}

.news_list02 .list_bd .noimg .bd_c {
    width: 84%;
}

@media only screen and (max-width:1240px) {
    .news_list02 .list_hd .inp_box_wrap .hd_btn {
        margin-left: 0;
        background-color: transparent;
    }

    .news_list02 .list_hd {
        padding: 0px 20px;
    }
}

@media only screen and (max-width:992px) {
    .news_list02 .list_bd .list_box .bd_r {
        width: 34%;
    }

    .news_list02 .list_bd .list_box .bd_c {
        width: 56%;
    }

}

@media only screen and (max-width:760px) {
    .news_list02 li {
        margin-bottom: 25px;
    }

    .news_list02 li:last-child {
        margin-bottom: 0;
    }

    .news_list02 .list_hd {
        padding: 0%;
        margin: 30px 0;
    }

    /* .news_list02 .list_hd .inp_box_wrap .hd_btn{margin-left:0; background-color:transparent; float:right; margin-top:-5px; width:9%;} */
    .news_list02 .list_hd .inp_box_wrap .hd_btn {
        margin-left: 0;
        background-color: transparent;
        float: right;
        margin-top: 0;
        width: 16%;
        height: 40px;
    }

    /* .news_list02 .list_hd .inp_box_wrap{margin-right:0; border-bottom:2px solid #f76c0a; margin-bottom:10px; width:100%; margin-left: 0;} */
    .news_list02 .list_hd .inp_box_wrap {
        border-bottom: 2px solid #f76c0a;
    }

    .news_list02 .list_hd .inp_box_wrap .inp_box {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        background: #fff;
    }

    .news_list02 .list_bd .list_box .bd_r {
        width: 38%;
    }

    .news_list02 .list_bd .list_box .bd_c {
        width: 57%;
        padding: 10px 0;
        margin-left: 1%;
        margin-right: 2%;
    }

    .news_list02 .list_bd .noimg .list_box .bd_c {
        padding: 20px;
    }

    .news_list02 .list_bd .list_box .bd_c .list_title {
        font-size: 15px;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 22px;
        height: 44px;
        white-space: normal;
    }

    .news_list02 .list_bd .list_box .bd_c .date {
        margin-bottom: 0;
    }

    .news_list02 .list_bd .list_box .bd_c .list_p {
        height: 24px;
    }

    .news_list02 .list_bd li {
        margin-bottom: 15px;
    }

    .news_list02 .list_bd .list_box .bd_c .date {
        display: none;
    }
}

/*widgets_common_pages_6 start*/
.widgets_common_pages_6 {
    font-size: 0;
    margin-top: 50px;
}

.widgets_common_pages_6 a,
.widgets_common_pages_6 span {
    line-height: 58px;
    color: #666;
    background-color: #f7f7f7;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 14px;
    margin: 0;
}

.widgets_common_pages_6 a:hover,
.widgets_common_pages_6 span.current {
    color: #fff;
    background-color: #f76c0a;
}

@media only screen and (max-width:760px) {

    .widgets_common_pages_6 a,
    .widgets_common_pages_6 span {
        line-height: 30px;
        padding: 0 6px;
    }
}

/*widgets_common_pages_6 end*/

/*联系我们*/
.contact.channel_content {
    padding-bottom: 0;
}

.contact01 .left {
    float: left;
    width: 45%;
    position: relative;
    z-index: 2;
}

.contact01 .left .inner {
    position: absolute;
    background: #fff;
    border-bottom: 5px solid #f76c0a;
    width: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.contact01 .left .box {
    padding: 50px;
}

.contact01 .left .box .infor .tit,
.contact01 .right .box .infor .tit {
    font-size: 40px;
    font-weight: bold;
    color: #3e3a39;
}

.contact01 .left .box .infor .con,
.contact01 .right .box .infor .con {
    font-size: 15px;
    color: #3e3a39;
    margin: 10px 0 30px;
    line-height: 24px;
}

.contact01 .left .box .form .inp_box {
    border-bottom: 1px solid #dee0e2;
    padding: 20px 0;
}

.contact01 .left .box .form .inp_box label {
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #333f48;
}

.contact01 .left .box .form .inp_box input {
    line-height: 24px;
    padding: 0;
    border: none;
    width: 70%;
}

.contact01 .left .box .form .bott {
    text-align: center;
    margin-top: 20px;
}

.contact01 .left .box .form .bott input {
    line-height: 35px;
    width: 136px;
    border: 1px solid #e3e5e6;
    height: 35px;
    padding: 0 5px;
    margin: 0 5px;
}

.contact01 .left .box .form .bott img {
    width: 150px;
    margin: 0 5px;
}

.contact01 .left .box .form .bott button {
    display: inline-block;
    width: 150px;
    margin: 0 5px;
    line-height: 45px;
}

.contact01 .right {
    float: right;
    width: 47%;
}

.contact01 .right .box {
    padding: 50px 0;
}

.contact01 .right .box ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 30px;
    color: #3d3d3d;
}

.contact01 .right .box ul li span {
    display: inline-block;
}

.contact01 .right .box ul li .icon {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 22px;
}

.contact01 .right .box ul li.li1 .icon {
    background: url(../images/business01_1.png) no-repeat center;
}

.contact01 .right .box ul li.li2 .icon {
    background: url(../images/business01_2.png) no-repeat center;
}

.contact01 .right .box ul li.li3 .icon {
    background: url(../images/business01_3.png) no-repeat center;
}

.contact01 .right .box ul li.li4 .icon {
    background: url(../images/business01_4.png) no-repeat center;
}

.contact01 .right .box ul li.li5 .icon {
    background: url(../images/business01_5.png) no-repeat center;
}

.contact02 {
    height: 520px;
    overflow: hidden;
    background: #f1f1f1;
}

.contact02 img {
    max-width: none;
}

/*品牌文化*/
.culture01 .rect-433 {
    padding-bottom: 43.3%;
}

.culture01 .top .item {
    display: none;
}

.culture01 .top .item.cur {
    display: block;
}

.culture01 .top .text_box {
    position: absolute;
    top: 50%;
    left: 35px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    width: 460px;
    box-sizing: border-box;
    transform: translateY(-50%);
}

.culture01 .top .text_box .tit {
    font-size: 35px;
    font-weight: bold;
}

.culture01 .top .text_box .desc {
    color: #696969;
    margin: 10px 0 30px;
    line-height: 26px;
    max-height: 84px;
    overflow: hidden;
}

.culture01 .btm {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1)
}

.culture01 .btm li {
    float: left;
    width: 33.33%;
    padding: 33px 0;
    text-align: center;
    color: #959595;
    font-size: 20px;
    position: relative;
    box-shadow: inset -8px 0px 7px 0px rgb(0 0 0 / 5%);
}

.culture01 .btm li .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 54px;
    height: 54px;
    position: relative;
    line-height: 54px;
    margin-right: 10px;
}

.culture01 .btm li .icon img {
    position: absolute;
    top: 0;
    left: 0;
}

.culture01 .btm li .icon img.cov {
    opacity: 0;
    visibility: hidden;
}

.culture01 .btm li.cur .icon img.ori {
    opacity: 0;
    visibility: hidden;
}

.culture01 .btm li.cur .icon img.cov {
    opacity: 1;
    visibility: visible;
}

.culture01 .btm li.cur {
    color: #f76c0a;
}

.culture01 .btm li.cur img {
    cursor: pointer;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.culture01 .btm li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3e3a39;
    height: 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;
}

.culture01 .btm li.cur:after {
    height: 145px;
}

.culture01 .btm li>* {
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

/* widgets_common_tc1*/
.widgets_common_tc1 {
    display: none;
}

.brandBox_detail {
    position: fixed;
    width: 800px;
    top: 50%;
    margin-top: -250px;
    z-index: 102;
    background: #fff;
    height: 500px;
    left: 50%;
    margin-left: -400px;
    overflow: hidden;
    overflow: hidden;
}

.brandBox_detail .box {
    margin: 75px 0;
    padding: 0 80px;
    height: 350px;
    overflow: auto;
    text-align: center;
}

.brandBox_detail .box .tit {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}

.brandBox_detail .box .intro .con {
    line-height: 25px;
    font-size: 14px;
    text-align: justify;
}

.brandBox_detail .close {
    cursor: pointer;
    margin: 10px auto 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
    font-size: 32px;
    text-align: center;
    color: #666;
}

.brandBox_detail .close:hover {
    color: #f76c0a;
}

.brandBox_detail_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/black.6.png) repeat;
    z-index: 101
}

@media only screen and (max-width: 992px) {
    .brandBox_detail {
        width: 96%;
        left: 2%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 760px) {
    .brandBox_detail .box {
        padding: 0 20px;
        margin: 70px 0 20px;
        height: 410px;
    }

    .brandBox_detail .box .tit {
        font-size: 20px;
    }

}

.culture02 .tit {
    padding: 50px 0;
    font-size: 40px;
    font-weight: bold;
    color: #3e3a39;
    text-align: center;
}

.culture02 .content {
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

.culture02 .item {
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 40px;
}

.culture02 .item .t {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
}

.culture02 .item .d {
    font-size: 15px;
    line-height: 26px;
    height: 104px;
    overflow: hidden;
}

.culture02 .item:hover {
    background: #f1f1f1;
    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 15%);
}

.culture02 .item:hover .t {
    color: #f76c0a
}

/*股票*/
.stock01 .summary .r_top {
    border: 1px solid #ededed;
    margin-bottom: 40px;
}

.stock01 .summary .r_top .box {
    padding: 35px 40px;
}

.stock01 .summary .r_top .box .stock {}

.stock01 .summary .r_top .box .stock .name {
    font-size: 25px;
    color: #f76c0a;
    margin-bottom: 20px;
    line-height: 1;
}

.stock01 .summary .r_top .box .stock .stock_num {
    line-height: 1;
}

.stock01 .summary .r_top .box .stock .stock_num .num {
    font-size: 30px;
    font-family: Arial;
}

.stock01 .summary .r_top .box .stock .stock_num .num small {
    font-size: 14px;
}

.stock01 .summary .r_top .box .stock .stock_num i {
    width: 24px;
    height: 33px;
    background: url(../images/kpi_gp.png) no-repeat;
    display: inline-block;
    margin-left: 20px;
}

.stock01 .summary .r_top .box .stock .stock_num i span {
    display: none;
}

.stock01 .summary .r_top .box .stock .stock_num i.up {
    background-position: 0 0;
}

.stock01 .summary .r_top .box .stock.down .stock_num i {
    background-position: 0 -33px;
}

/*.stock01 .summary .r_top .box .stock.down .stock_num{color:#008000;}*/
.stock01 .summary .r_top .box .stock.unchange .stock_num i {
    background: none;
    height: auto;
    font-size: 30px;
}

.stock01 .summary .r_top .box .stock.unchange .stock_num i span {
    display: inline-block;
}

.stock01 .summary .r_top .box .stock .number {
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    font-family: Arial;
}

.stock01 .summary .r_top .box .information {
    width: 56%;
    padding-left: 6%;
    margin-left: 6%;
    border-left: 1px solid #ededed;
}

.stock01 .summary .r_top .box .information li .t {
    font-size: 16px;
}

.stock01 .summary .r_top .box .information li .c {
    font-size: 30px;
    font-family: Arial;
}

.stock01 .content .left {
    float: left;
    width: 50%;
}

.stock01 .content .right {
    float: right;
    width: 50%;
}

.stock01 .content .right .r_box {
    padding: 30px 75px 0 60px;
}

.stock01 .right .r_bott .rect-58 {
    padding-bottom: 58%;
}

.stock01 .right .r_bott .tab_t_box {
    margin: 20px 0 20px;
}

.stock01 .right .r_bott .tab_t_box .tab_t {
    width: 20%;
    float: left;
    background: #f0f0f0;
    line-height: 35px;
    text-align: center;
}

.stock01 .right .r_bott .tab_t_box .tab_t.tab_t_cur {
    color: #fff;
    background: #f76c0a;
}

.stock01 .right .r_bott .tab_c_box img {}

.stock01 .right .r_bott .tab_c {
    opacity: 0;
    visibility: hidden;
}

.stock01 .right .r_bott .tab_c.tab_c_cur {
    opacity: 1;
    visibility: visible;
}

.stock02 {
    margin-top: 70px;
}

.stock02 .item {
    display: block;
    border: 1px solid #ededed;
}

.stock02 .rect-54 {
    padding-bottom: 54%;
}

.stock02 .info {
    padding: 20px 30px 35px;
}

.stock02 .info .t {
    font-size: 25px;
    margin-bottom: 10px;
}

.stock02 .info .d {
    color: #777;
}

.stock02 .info .more {
    text-align: right;
    font-size: 20px;
}

.stock02 .item:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/*社交媒体*/
.social01 .infor {
    text-align: center;
    margin-bottom: 40px;
}

.social01 .infor .tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.social01 .infor .con {
    font-size: 16px;
    color: #666;
}

.social01 .content li {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
}

.social01 .content li .li {
    transition: all .3s;
    background: #fff;
    text-align: center;
}

.social01 .content li .box {
    display: inline-block;
    text-align: left;
}

.social01 .content li .box .intro .t {
    font-size: 24px;
    color: #f76c0a;
    margin-top: 20px
}

.social01 .content li .box .intro .c {
    font-size: 14px;
    color: #666;
    margin-top: 7px;
    margin-bottom: 10px;
}

.social01 .content li:hover .li {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.social01 .content li:hover .li_hover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.social01 .content li .li_hover {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transform: scale(1.333, 1.333);
    -ms-transform: scale(1.333, 1.333);
    transform: scale(1.333, 1.333);
    transition: all .3s ease;
}

.social01 .content li .li_hover .img {
    width: 35%;
    margin: 8% auto;
}

.social01 .content li .li_hover .t {
    text-align: center;
    font-size: 16px;
    color: #666;
}

/*视频中心*/
.video_list01 {}

.video_list01 .top a {
    display: inline-block;
    margin-right: 20px;
    color: #484848;
    font-size: 15px;
}

.video_list01 .top a.cur {
    color: #f76c0a;
    font-weight: bold;
}

.video_list01 .top a.cur i {
    font-weight: normal;
}

.video_list01 .content .rect-60 {
    padding-bottom: 60%;
}

.video_list01 .content .item {
    margin-top: 25px;
    border: 1px solid #efefef;
}

.video_list01 .content .item .info {
    padding: 15px 30px;
}

.video_list01 .content .item .info .t {
    font-size: 16px;
    line-height: 26px;
    height: 54px;
    overflow: hidden;
    margin-bottom: 10px;
}

.video_list01 .content .item .info .date {
    font-size: 15px;
    color: #6a6a6a;
}

.video_list01 .content .item:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}

.video_list01 .content .item:hover .t {
    color: #f76c0a;
}

.video_list01 .content .item .play {
    top: 50%;
    left: 50%;
    margin-top: -48px;
    margin-left: -48px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.2, 1.2);
}

.video_list01 .content .item:hover .play {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}


/*关于我们*/
.intro {
    padding: 0;
}

.intro01 {
    position: relative;
    background: url(../images/intro01.png) no-repeat center;
    background-size: cover;
    padding: 125px 0;
}

.intro01 li {
    float: left;
    width: 21%;
    margin: 0 2%;
}

.intro01 li .item {
    border: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
    padding: 40px 40px 0;
}

.intro01 li .item .t {
    margin-bottom: 15px;
    line-height: 1;
}

.intro01 li .item .t .num {
    font-size: 70px;
    font-family: impact;
}

.intro01 li .item .d {
    line-height: 24px;
    height: 96px;
}

.intro02 {
    padding: 85px 0 100px;
    text-align: center;
    background: url(../images/intro02_bg.png) no-repeat top center;
}

.intro02 .t {
    font-size: 26px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.intro02 .t span {
    color: #f76c0a;
}

.intro02 .desc {
    color: #737373;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 45px;
    padding: 0 10%;
}

.intro02 .more {
    display: block;
    margin: 0 auto;
    width: 170px;
    line-height: 50px;
    color: #171717;
    font-size: 15px;
    border: 2px solid #171717;
    text-align: center;
}

.intro02 .more:hover {
    border-color: #f76c0a;
    color: #f76c0a;
}

.intro03 {
    margin-bottom: 50px;
}

.intro03 .rect-68 {
    padding-bottom: 68%;
}

.intro03 .item {
    padding-bottom: 120px;
    background: #f2f2f2;
    margin-bottom: 45px;
    display: block;
}

.intro03 .item .info {
    padding: 0 25px 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

.intro03 .item .t {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 5px;
}

.intro03 .item .d {
    color: #3e3a39;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}

.intro03 .item .more {
    color: #f76c0a;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    height: 24px;
}

.intro03 .item:hover .info {
    background: #373833;
    padding-top: 20px;
}

.intro03 .item:hover .info .d {
    color: #fff;
    height: auto;
    margin-bottom: 15px;
}

.intro03 .item:hover .info .more {
    opacity: 1;
    visibility: visible;
}

.intro04 {
    padding: 87px 0 154px;
    background: url(../images/intro04_bg.jpg) no-repeat center;
}

.intro04 .content {
    padding: 45px 50px;
    background: url(../images/white.8.png) repeat;
    display: inline-block;
}

.intro04 .content .d {
    max-width: 460px;
    margin: 20px 0 30px;
}

.intro04 .content .t {
    font-size: 26px;
    font-weight: bold;
}

.intro04 .content .play {
    cursor: pointer;
}

.intro04 .content .play:hover {
    opacity: 0.8;
}

/*首页*/
.ibanner {
    height: 720px;
    overflow: hidden;
    width: 100%;
}

.ibanner li {
    position: relative;
    overflow: hidden;
}

.ibanner li .banner_img {
    height: 720px;
    position: relative;
}

.ibanner li .banner_img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: none;
    height: 100%;
    width: auto;
}

.ibanner li .banner_img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    object-fit: fill;
    z-index: 2;
}

.ibanner li .cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/video_cover.png) repeat;
    z-index: 2;
}

.ibanner .owl-nav>* {
    position: absolute;
    top: 50%;
    font-size: 50px;
    color: #fff;
    transform: translateY(-50%);
}

.ibanner .owl-nav .owl-prev {
    left: 2%;
}

.ibanner .owl-nav .owl-next {
    right: 2%;
}

.ibanner li .banner_img .text_box {
    position: absolute;
    right: 50%;
    margin-right: -635px;
    color: #fff;
    bottom: 180px;
    z-index: 2;
    max-width: 590px;
}

.ibanner li .banner_img .text_box img {
    position: static;
    margin: 0 0 20px;
    transform: none;
}

.ibanner li .banner_img .text_box .d {
    margin-bottom: 40px;
}


.index01 {
    line-height: 62px;
    position: relative;
    margin-bottom: 40px;
    z-index: 4;
    background: #6e6d72;
}

/*.index01:before{content:""; position:absolute; right:50%; top:0; bottom:0; left:0; background:#f76c0a; z-index:0;}*/
/*.index01:after{content:""; position:absolute; left:50%; top:0; bottom:0; right:0; background:#dad8d6; z-index:0;}*/
.index01 .wrap {
    position: relative;
    z-index: 1;
}

.index01 .left {
    width: 60%;
}

.index01 .left .item {
    width: 25%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.index01 .left .item {
    background: #6e6d72;
}

/*.index01 .left .item.item_ser{background:#3e3a39;}
.index01 .left .item.item_doc{background:#6e6d72;}
.index01 .left .item.item_news{background:#949494;}*/
.index01 .left .item i {
    font-weight: bold;
    vertical-align: top;
}

.index01 .left .item a {
    display: block;
}

.index01 .left .item a:hover {
    color: #fff;
}

.index01 .left .item:hover .fun {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.index01 .left .item .down {
    top: 100%;
    left: 0;
    right: 0;
    line-height: 26px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    z-index: 1;
    background: #7d7c80;
}

.index01 .left .item .down a {
    text-align: left;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index01 .left .item .down a:hover {
    background: #6e6d72;
}

.index01 .left .item:hover {
    overflow: unset;
}

.index01 .left .item:hover .down {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/*.index01 .left .item.item_pro .down{background:#f07a29;}*/
/*.index01 .left .item.item_pro .down a:hover{background:#f76c0a;}*/
/*.index01 .left .item.item_ser .down{background:#524e4d;}*/
/*.index01 .left .item.item_ser .down a:hover{background:#3e3a39;}*/

.index01 .gupiao {
    width: 40%;
    text-align: right;
    background: #dad8d6;
    height: 62px;
    overflow: hidden;
}

.index01 .gupiao * {
    vertical-align: middle;
}

.index01 .gupiao .gupiao_name {
    color: #404040;
    display: inline-block;
    margin-right: 10px;
}

.index01 .gupiao #gupiao_num.down {
    color: #008000;
}

.index01 .gupiao #gupiao_num.up {
    color: #ff0000;
}

.index01 .gupiao #gupiao_num .num {
    font-size: 22px;
}

.index01 .gupiao #gupiao_num .number {
    font-size: 12px;
}

.index01 .gupiao .datetime {
    font-size: 12px;
    color: #949494;
    display: inline-block;
    margin-left: 10px;
}


.index02 {
    background: url(../images/index02_bg.jpg) no-repeat top left;
    position: relative;
    background-size: cover;
}

.index02 .left {
    width: 45%;
    padding-bottom: 20px;
}

.index02 .left .top {
    padding: 50px 0 40px;
}

.index02 .left .top .t {
    font-size: 40px;
    font-weight: bold;
}

.index02 .left .top .d {
    font-size: 15px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin: 25px 20px 30px 0;
}

.index02 .left .top .item {
    display: none;
}

.index02 .left .top .item.cur {
    display: block;
}

.index02 .left .btm li {
    text-align: center;
    font-size: 13px;
}

.index02 .left .btm li a {
    display: block;
    padding: 20px 0 25px;
    margin-right: 15%;
}

.index02 .left .btm li .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    position: relative;
}

.index02 .left .btm li .icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.index02 .left .btm li .icon img.ori {
    z-index: 1;
}

.index02 .left .btm li .icon img.cov {
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.index02 .left .btm li.cur {
    color: #f76c0a;
}

.index02 .left .btm li.cur .icon img.ori {
    opacity: 0;
    visibility: hidden;
}

.index02 .left .btm li.cur .icon img.cov {
    opacity: 1;
    visibility: visible;
}

.index02 .left .btm li.cur a {
    background: #f6f6f6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.index02 .right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 45%;
    right: 0;
    background: #fff;
}

.index02 .right .pic_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1028px;
    height: 640px;
    z-index: 1;
}

.index02 .right .pic_box img {
    display: none;
}

.index02 .right .text_box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/white.8.png) repeat;
    z-index: 2;
    padding: 20px 50px;
}

.index02 .right .text_box .tit {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}

.index02 .right .text_box .list a {
    float: left;
    width: 18%;
    margin-right: 2%;
    margin-top: 10px;
}

.index02 .right .text_box .list a i {
    font-size: 10px;
    vertical-align: top;
}

.index02 .right .text_box .text_item {
    display: none;
}

.index03 {
    position: relative;
    padding: 90px 0;
    color: #fff;
}

.index03 #canvas_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.index03 #canvas_box #anitOut {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.index03 #canvas_box #anitOut canvas {
    width: 100%;
    height: 100%;
}

.index03 .wrap {
    position: relative;
    z-index: 2;
}

.index03 .content {
    text-align: center;
}

.index03 .content .tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing: 4px;
}

.index03 .content .desc {
    line-height: 26px;
    font-size: 15px;
    margin: 30px auto 50px;
    max-width: 600px;
}

.index03 .content .desc span {
    color: #f76c0a;
}

.index03 .content .select-ui-choose {
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    border: 2px solid #fff;
    height: auto;
    border-radius: 0;
    padding: 0 10px;
    background: none;
    margin-right: 10px;
    width: 190px;
}

.index03 .content .select-ui-choose ._arrow {
    right: 10px;
}

.index03 .content .select-ui-choose.on {
    background: #fff;
    color: #333;
}

body .select-ui-options-default.index03_sel {
    margin-top: 0;
}

.index03 .content button {
    display: inline-block;
    background: #fff;
    color: #f76c0a;
}

body .select-ui-choose-default ._arrow .arr {
    border-color: #fff transparent transparent;
}

body .select-ui-choose-default.on ._arrow .arr {
    border-color: transparent transparent #fff;
}

body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover {
    background: #f76c0a;
}





.index04 {
    padding: 60px 0 70px;
}

.index04 .tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

.index04 .desc {
    text-align: center;
    font-size: 15px;
}

.index04 .content {
    margin-top: 60px;
}

.index04 .content li {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.index04 .content li:first-child {
    margin-left: 0;
}

.index04 .content li a {
    display: block;
    position: relative;
    padding-top: 20px;
}

.index04 .content li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #3e3a39;
    z-index: 0;
}

.index04 .content li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #f76c0a;
    -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;
}

.index04 .content li .cla {
    font-size: 18px;
    font-weight: bold;
}

.index04 .content li .t {
    font-size: 18px;
    color: #404040;
    line-height: 34px;
    height: 68px;
    overflow: hidden;
    margin: 30px 0;
}

.index04 .content li .date {
    color: #adadad;
    font-size: 15px;
    margin-bottom: 30px;
}

.index04 .content li .rect-6875 {
    padding-bottom: 68.75%;
}

.index04 .content li .pic:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(238 107 0 / 60%) url(../images/index04_cover.png) no-repeat center 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;
}

.index04 .content li a:hover:after {
    width: 100%;
}

.index04 .content li a:hover .pic:after {
    opacity: 1;
    visibility: visible;
}

.index04 .content li a:hover .t,
.index04 .content li a:hover .date {
    color: #f76c0a;
}

.index05 {
    background: url(../images/index05_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.index05 .right {
    width: 55%;
    margin-left: 45%;
    position: relative;
    background: rgba(255, 255, 255, 0.75);
}

/*.index05 .right:after{content:""; position:absolute; top:0; left:0; bottom:0; width:1920px; background:rgba(255,255,255,0.75); z-index:1;}*/
.index05 .right .info {
    padding: 80px 60px 80px 90px;
    position: relative;
    z-index: 2;
}

.index05 .right .info .en {
    color: #b4b4b4;
    font-family: impact;
    line-height: 1;
    font-size: 42px;
}

.index05 .t {
    font-size: 25px;
    font-weight: bold;
    margin: 15px 0
}

.index05 .d {
    font-size: 15px;
    margin-bottom: 55px;
    line-height: 26px;
}

.index05 .left {
    width: 45%;
    background: #f76c0a;
    color: #fff;
}

.index05 .left .btm {
    padding: 25px 40px 40px;
}

.index05 .left .btm .video_box {
    cursor: pointer;
}

.index05 .left .btm .video_box:hover {
    opacity: 0.8;
}

.index05 .left .btm .video_box img {
    margin-right: 15px;
}

.index05 .left .btm .video_box .tri {
    font-style: italic;
    border-bottom: 1px solid #fff;
    line-height: 30px;
}

.index05 .left .btm .d {
    margin-bottom: 40px;
}

.index06 {
    padding: 60px 0 70px;
}

.index06 .tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

.index06 .desc {
    text-align: center;
    font-size: 15px;
}

.index06 .content {
    margin-top: 35px;
    text-align: center;
}

.index06 .content .item {
    padding: 30px 30px 40px;
    display: block;
}

.index06 .content .item .num {
    font-size: 52px;
    font-weight: bold;
    border-bottom: 3px solid #959595;
    margin: 10px 0 20px;
}

.index06 .content .item .d {
    font-size: 16px;
    color: #656565;
    margin-bottom: 30px;
}

.index06 .content .item:hover {
    background: #f7f7f7;
}

.index07 {
    background: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 70px;
}

.index07 .rect-65 {
    padding-bottom: 65%;
}

.index07 .top {
    padding-bottom: 35px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 45px;
}

.index07 .top .left {
    width: 52%;
    float: right;
}

.index07 .top .left .t {
    font-size: 40px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 30px;
}

.index07 .top .left .d {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 65px;
}

.index07 .top .right {
    width: 42%;
    float: left;
}

.index07 .btm {
    padding: 0 30px;
}

.index07 .btm .case_item {
    display: block;
    color: #383838;
}

.index07 .btm .case_item .pic {
    width: 30%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.index07 .btm .case_item .pic:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.4) url(../images/index07_cover.png) no-repeat center center;
    opacity: 1;
    visibility: visible;
    -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;
}

.index07 .btm .case_item .info {
    width: 65%;
}

.index07 .btm .case_item .info .case_t {
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0;
}

.index07 .btm .owl-nav>* {
    position: absolute;
    top: 0;
    font-size: 18px;
    font-weight: bold;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
}

.index07 .btm .owl-nav .owl-prev {
    left: -30px;
}

.index07 .btm .owl-nav .owl-next {
    right: -30px;
}

.index07 .btm .owl-nav>*:hover {
    color: #f76c0a;
}

.index07 .btm .cur .case_item .pic:after {
    opacity: 0;
    visibility: hidden;
}

/* 2021-0629 */
/* 产品详细 */
.header_pro .header.fixed {
    position: relative;
}

.pro_detail.channel_content {
    background: #f3f3f3;
    padding-bottom: 0;
}

.pro_detail01 .left {
    width: 38%;
    float: left;
}

.pro_detail01 .left .info {
    padding-top: 55px;
}

.pro_detail01 .left .info .tit span {
    font-size: 38px;
    line-height: 42px;
    color: #2a3645;
    font-weight: bold;
}

.pro_detail01 .left .info .con {
    font-size: 20px;
    line-height: 30px;
    color: #3f3f3f;
    margin: 8px 0 10px;
}

.pro_detail01 .left .info .txt {
    font-size: 15px;
    line-height: 27px;
    color: #848484;
}

.pro_detail01 .left .info .list {
    margin-top: 38px;
}

.pro_detail01 .left .info .list li {
    margin-bottom: 13px;
}

.pro_detail01 .left .info .list .pic {
    float: left;
}

.pro_detail01 .left .info .list .t {
    float: left;
    margin-left: 15px;
}

.pro_detail01 .left .info .list .t span {
    font-weight: normal;
    color: #040404;
}

.pro_detail01 .left .icon_list {
    margin: 25px 0;
}

.pro_detail01 .left .icon_list a {
    display: inline-block;
    margin-right: 40px;
}

.pro_detail01 .left .icon_list a span {
    display: inline-block;
    vertical-align: middle;
}

.pro_detail01 .left .icon_list a span.icon {
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

.pro_detail01 .left .icon_list a.con_a1 span.icon {
    background: url(../images/pro_detail01_ico2.png) no-repeat 0 -19px;
    ;
}

.pro_detail01 .left .icon_list a.con_a1:hover span.icon {
    background-position: 0 0
}

.pro_detail01 .left .icon_list a.con_a2 span.icon {
    background: url(../images/pro_detail01_ico3.png) no-repeat 0 -19px;
}

.pro_detail01 .left .icon_list a.con_a2:hover span.icon {
    background-position: 0 0;
}

.pro_detail01 .left .icon_list a.con_a3 span.icon {
    background: url(../images/pro_detail01_ico4.png) no-repeat 0 -19px;
}

.pro_detail01 .left .icon_list a.con_a3:hover span.icon {
    background-position: 0 0;
}

.pro_detail01 .left .icon_list a.con_a4 span.icon {
    background: url(../images/pro_detail01_ico5.png) no-repeat 0 -19px;
}

.pro_detail01 .left .icon_list a.con_a4:hover span.icon {
    background-position: 0 0;
}

.pro_detail01 .left .icon_list a span.txt {
    font-size: 16px;
}

.pro_detail01 .left .more {
    display: block;
    width: 173px;
    height: 43px;
    line-height: 43px;
    background: #f76c0a;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.pro_detail01 .right {
    width: 56%;
    float: right;
}

.pro_detail01 .right .rect-68 {
    padding-bottom: 68%;
}

.pro_detail02 {
    padding-top: 50px;
}

.pro_detail02 .hd {
    height: 70px;
    background: #f76c0a;
}

.pro_detail02 .target_wrap ul {
    float: left;
    width: 83%;
}

.pro_detail02 .target_wrap ul li {
    cursor: pointer;
    float: left;
    width: 20%;
    text-align: center;
    line-height: 70px;
    font-size: 18px;
    color: #fff;
    position: relative;
    font-weight: lighter;
}

.pro_detail02 .target_wrap ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #fff;
    transition: .3s ease;
}

.pro_detail02 .target_wrap.fixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #f76c0a;
    z-index: 5;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.pro_detail02 .target_wrap ul li.active {
    font-size: 20px;
    font-weight: bold;
}

.pro_detail02 .target_wrap ul li.active:after {
    width: 100%;
}

.pro_detail02 .section {
    margin-top: 50px;
}

.pro_detail02 .section .title {
    font-size: 32px;
    line-height: 32px;
    color: #666;
    margin-bottom: 20px;
    font-weight: bold;
}

.pro_detail02 .section .switch {
    line-height: 32px;
    font-size: 18px;
}

.pro_detail02 .section .switch .cur {
    color: #f76c0a;
}

.pro_detail02 .section .unit1 {
    cursor: pointer;
}

.pro_detail02 .section .param_content .item {
    display: none;
}

.pro_detail02 .section .param_content .item.cur {
    display: block;
}

.pro_detail02 .section1 .content {
    font-size: 15px;
    line-height: 35px;
    color: #666;
    margin: 30px 0;
}

.pro_detail02 .section3 {
    background: url(../images/pro_detail02_2.jpg) no-repeat center;
    padding: 50px 0;
    background-size: cover;
}

.pro_detail02 .section3 .title {
    color: #fff;
}

.pro_detail02 .section3 .content {
    position: relative
}

.pro_detail02 .section3 .content .item {
    display: none;
}

.pro_detail02 .section3 .content .owl-item .item {
    display: block;
}

.pro_detail02 .section3 .content .li_box {
    background: #fff;
}

.pro_detail02 .section3 .content .intro {
    text-align: center;
    transition: .5s ease;
    transform: translateY(20px);
    margin-top: -10px;
}

.pro_detail02 .section3 .content .intro .tit {
    color: #383838;
    font-weight: bold;
    font-size: 20px;
}

.pro_detail02 .section3 .content .intro .con {
    margin: 10px 0;
}

.pro_detail02 .section3 .content .intro .con ul {
    padding: 0 30px;
}

.pro_detail02 .section3 .content .intro .con ul li {
    overflow: hidden;
    line-height: 22px;
    height: 22px;
}

.pro_detail02 .section3 .content .intro .con ul li>div {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}

.pro_detail02 .section3 .content .intro .con ul li .t1 {
    color: #282828;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_detail02 .section3 .content .intro .con ul li .t2 {
    color: #282828;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}

.pro_detail02 .section3 .content .intro .btns {
    opacity: 0;
    visibility: hidden;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    height: 50px;
    background: #f76c0a;
    display: block;
    text-align: center;
    transition: .5s ease;
}

.pro_detail02 .section3 .content .item:hover .intro {
    transform: translateY(0)
}

.pro_detail02 .section3 .content .item:hover .intro .btns {
    opacity: 1;
    visibility: visible;
}

.pro_detail02 .section3 .content .intro .btns {
    transition: all 0.5s ease
}

.pro_detail02 .section3 .content .sec3_btn>div {
    width: 62px;
    height: 62px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    transition: all 0.5s ease;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    ;
}

.pro_detail02 .section3 .content .sec3_btn .owl-prev {
    left: -80px;
    background: url(../images/pro_detail02_jt1.png) no-repeat center;
}

.pro_detail02 .section3 .content .sec3_btn .owl-next {
    right: -80px;
    background: url(../images/pro_detail02_jt2.png) no-repeat center;
}

.pro_detail02 .section3 .content .sec3_btn .owl-prev:hover {
    background: url(../images/pro_detail02_jt1_on.png) no-repeat center;
}

.pro_detail02 .section3 .content .sec3_btn .owl-next:hover {
    background: url(../images/pro_detail02_jt2_on.png) no-repeat center;
}

.pro_detail02 .section4 .content {
    position: relative;
}

.pro_detail02 .section4 .content .rect-566 {
    padding-bottom: 56.6%;
}

.pro_detail02 .section4 .content .item {
    background: #fff;
    display: none;
}

.pro_detail02 .section4 .content .owl-item .item {
    display: block;
}

.pro_detail02 .section4 .content .item .intro .box {
    padding: 16px 30px;
}

.pro_detail02 .section4 .content .item .intro .box .t {
    font-size: 21px;
    color: #272727;
    font-weight: lighter;
}

.pro_detail02 .section4 .content .item .intro .box .c {
    font-size: 17px;
    color: #272727;
    opacity: 0.5;
    font-weight: lighter;
}

.pro_detail02 .section4 .content .item .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/pro_detail02_3.jpg) no-repeat center;
    background-size: cover;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.pro_detail02 .section4 .content .item .cover .box {
    padding: 80px 30px 0;
}

.pro_detail02 .section4 .content .item .cover .box .t {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.pro_detail02 .section4 .content .item .cover .box .c {
    font-size: 18px;
    color: #fefefe;
    line-height: 16px;
    height: 14px;
    overflow: hidden;
    margin: 25px 0 80px;
    color: #fff;
}

.pro_detail02 .section4 .content .item .cover .box .more {
    font-size: 18px;
    color: #fff;
    font-weight: bold
}

.pro_detail02 .section4 .content .item .cover .box .more i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: 0;
}

.pro_detail02 .section4 .content .item:hover .cover {
    opacity: 1;
    visibility: visible;
}

.pro_detail02 .section4 .content .pt2_btn>div {
    width: 62px;
    height: 62px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    transition: all 0.5s ease;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    ;
}

.pro_detail02 .section4 .content .pt2_btn .owl-prev {
    left: -80px;
    background: url(../images/pro_detail02_jt1.png) no-repeat center;
}

.pro_detail02 .section4 .content .pt2_btn .owl-next {
    right: -80px;
    background: url(../images/pro_detail02_jt2.png) no-repeat center;
}

.pro_detail02 .section4 .content .pt2_btn .owl-prev:hover {
    background: url(../images/pro_detail02_jt1_on.png) no-repeat center;
}

.pro_detail02 .section4 .content .pt2_btn .owl-next:hover {
    background: url(../images/pro_detail02_jt2_on.png) no-repeat center;
}

.pro_detail03 {
    height: 213px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}

.pro_detail03 .wrap {
    overflow: hidden;
}

.pro_detail03>img {
    position: absolute;
    width: 1920px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    max-width: none;
}

.pro_detail03 .content {
    position: relative;
    padding-top: 60px;
}

.pro_detail03 .content .left {
    float: left;
    width: 27%;
}

.pro_detail03 .content .left .t {
    font-size: 22px;
    color: #fff;
}

.pro_detail03 .content .left .c {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
}

.pro_detail03 .content .right {
    float: right;
    width: 68.5%;
    margin-top: 15px;
}

.pro_detail03 .content .right .item:first-child {
    margin-left: 0;
}

.pro_detail03 .content .right .item {
    width: 23%;
    float: left;
    margin-left: -25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pro_detail03 .content .right .item .box {
    padding: 25px;
}

.pro_detail03 .content .right .item1 {
    width: 22%;
    background-image: url(../images/son_company06_bg1.png)
}

.pro_detail03 .content .right .item2 {
    width: 28%;
    background-image: url(../images/son_company06_bg2.png)
}

.pro_detail03 .content .right .item2 .box {
    padding-left: 52px;
}

.pro_detail03 .content .right .item3 {
    width: 28%;
    background-image: url(../images/son_company06_bg2.png)
}

.pro_detail03 .content .right .item3 .box {
    padding-left: 52px;
}

.pro_detail03 .content .right .item4 {
    width: 28%;
    background-image: url(../images/son_company06_bg2.png)
}

.pro_detail03 .content .right .item4 .box {
    padding-left: 52px;
}

.pro_detail03 .content .right .item5 {
    width: 28%;
    background-image: url(../images/son_company06_bg3.png)
}

.pro_detail03 .content .right .item5 .box {
    padding-left: 52px;
}

.pro_detail03 .content .right .item1:hover {
    background-image: url(../images/son_company06_bg1_on.png)
}

.pro_detail03 .content .right .item2:hover {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item3:hover {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item4:hover {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item5:hover {
    background-image: url(../images/son_company06_bg3_on.png)
}

.pro_detail03 .content .right .item1.cur {
    background-image: url(../images/son_company06_bg1_on.png)
}

.pro_detail03 .content .right .item2.cur {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item3.cur {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item4.cur {
    background-image: url(../images/son_company06_bg2_on.png)
}

.pro_detail03 .content .right .item5.cur {
    background-image: url(../images/son_company06_bg3_on.png)
}

.pro_detail03 .content .right .item .box .icon {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.pro_detail03 .content .right .item .box .t {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    font-size: 18px;
    font-weight: lighter;
    color: #2d2d2d;
    line-height: 28px;
    /*height:56px;*/
}

.pro_detail03 .content .right .item:hover .box .icon {
    background-position: 0 -45px;
}

.pro_detail03 .content .right .item:hover .t {
    color: #fff;
}

.pro_detail03 .content .right .item.cur .box .icon {
    background-position: 0 -45px;
}

.pro_detail03 .content .right .item.cur .t {
    color: #fff;
}

/* 20210712 */
/*404页面*/
.channel_content.false {
    padding: 0;
}

.false01 .content {
    width: 850px;
    position: absolute;
    left: 50%;
    margin-left: -425px;
    top: 50%;
    margin-top: -302px;
}

.false01 .content .box {
    width: 55%;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 110px;
}

.false01 .text {
    padding: 20px 0 0 60px;
}

.false01 .text .txt1 {
    font-size: 28px;
    font-weight: bold;
    color: #f76c0a;
    margin-bottom: 25px;
}

.false01 .text .txt2 {
    font-size: 18px;
    font-weight: bold;
    color: #1f1f1f;
}

.false01 .text .txt3 {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.false01 .text .txt3 li {
    position: relative;
    padding-left: 25px;
}

.false01 .text .txt3 li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #959595;
}

.false01 .text .txt4 {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

.false01 .text .txt4 a {
    color: #f76c0a;
}

/* 人才招聘 */
.job_center01 {
    margin-bottom: 70px;
}

.job_center01 .rect-95 {
    padding-bottom: 95%;
}

.job_center01 .infor .img {
    padding: 30px 0 45px;
    text-align: center;
}

.job_center01 .infor .img img {
    background: url(../images/join_logo_bg.jpg) center fixed;
}

.job_center01 .infor .tit {
    font-size: 38px;
    color: #3c3c3c;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 15px;
}

.job_center01 .infor .con {
    font-size: 15px;
    color: #3c3c3c;
    text-align: center;
    padding: 0 7%;
    line-height: 26px;
}

.job_center01 .content {
    padding-top: 40px;
}

.job_center01 .content .tit {
    margin-bottom: 15px;
    font-size: 30px;
    color: #f76c0a;
}

.job_center01 .content .con {
    font-size: 14px;
    color: #212020;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.job_center01 .content .list_text .text_box {
    padding: 64px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.job_center01 .content .list_text .tit {
    margin-bottom: 15px;
    font-size: 30px;
}

.job_center01 .content .item2 .list_text .tit,
.job_center01 .content .item2 .list_text .text {
    color: #fff;
}

.job_center01 .content .list_r .box {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 40px;
    background: rgba(139, 141, 143, 0.75);
}

.job_center01 .content .list_r .box .tit,
.job_center01 .content .list_r .box .con {
    color: #fff;
    width: 180px;
}

.job_center03 .part3_title {
    color: #3c3c3c;
    font-size: 38px;
}

.job_center03 ul {
    padding-top: 40px;
}

.job_center03 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 2%;
    font-size: 16px;
    color: #808080;
}

/* 招聘列表 */
.job_center04 {
    padding: 50px 0;
}

.job_center04 .form_box {
    margin-bottom: 45px;
}

.job_center04 .form_box .inp_wrap {
    width: 30.8%;
    margin-right: 0.5%;
    border: 1px solid #e3e7ec;
    display: inline-block;
    vertical-align: top;
}

.job_center04 .form_box .inp_wrap .inp {
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #000;
    text-indent: 23px;
    border: none;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.job_center04 .form_box .inp_wrap.search_wrap {
    width: 54px;
    border: none;
    margin-right: 0;
}

.job_center04 .form_box button {
    outline: none;
    border: none;
    background: #f76c0a;
    height: 55px;
    width: 55px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    width: 100%;
    transition: .5s ease;
}

.job_center04 .form_box button i {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}

.job_center04 .form_box button:hover {
    background: #f76c0a;
}

.job_center04 .form_box .inp_wrap .select-ui-choose-default ._arrow .arr {
    width: 14px;
    height: 8px;
    background: url(../images/join_jt.png) no-repeat center;
    border: none;
}

.job_center04 .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr {
    margin: -.2em 0 0;
}

.job_center04 .form_box .inp_wrap .select-ui-choose ._arrow {
    right: 17px;
}

.job_center04 .form_box .inp_wrap .select-ui-choose-default ._txt {
    text-align: left;
}

.job_center04 .form_box .inp_wrap input {
    width: 90%;
    background: none;
    border: none;
    line-height: 52px;
    height: 52px;
    padding: 0 5%;
}

.job_center04 .content li {
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
}

.job_center04 .content li.first {
    background: #f76c0a;
    color: #fff;
    border-bottom: none;
    padding: 0;
    height: 60px;
    line-height: 60px;
}

.job_center04 .content li ._ut {
    float: left;
    text-align: center;
}

.job_center04 .content li ._un {
    float: left;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.job_center04 .content li ._un,
.job_center04 .content li ._ut {
    width: 14%;
}

.job_center04 .content li ._t1 {
    width: 19%;
}

.job_center04 .content li ._t7 {
    width: 8%;
    cursor: pointer;
}

.job_center04 .content li ._un._t7:after {
    content: "+";
    display: inline-block;
    vertical-align: -1px;
    color: #313131;
    margin-left: 5px;
    font-size: 20px;
}

.job_center04 .content li.j_t_cur ._un._t7:after {
    content: "-";
}

.job_center04 .content li.j_t {
    cursor: pointer;
}

.job_center04 .content li.j_c {
    height: auto;
    line-height: 1.5;
    background: #f9f9f9;
    display: none;
}

.job_center04 .content .j_c .j_c_box {
    padding: 40px;
}

.job_center04 .content .j_c .j_c_box .intro {
    color: #666;
    line-height: 24px;
    position: relative;
}

.job_center04 .content .j_c .j_c_box .intro strong {
    display: block;
    font-size: 16px;
    color: #f76c0a;
    margin-bottom: 10px
}

.job_center04 .content .j_c .intro .job_btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.job_center04 .content .j_c .intro .job_btn ._btn {
    display: inline-block;
    width: 160px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    background: #f76c0a;
    cursor: pointer;
    text-align: center;
    transition: .5s ease;
}

.job_center04 .content .j_c .intro .job_btn ._btn:hover {
    background: #f76c0a;
}


@media only screen and (max-width:1240px) {
    .job_center01 .infor .img {
        padding: 40px 0;
    }

    .job_center01 .infor .con {
        padding: 0 10%;
    }

    .job_center01 .content .con {
        font-size: 12px;
    }

    .job_center04 .form_box .inp_wrap {
        width: 30.2%;
    }
}

@media only screen and (max-width:992px) {
    .job_center01 .infor .tit {
        font-size: 30px;
    }

    /* 招聘列表 */
    .job_center04 .form_box .inp_wrap {
        width: 29.5%;
    }

    .job_center04 .form_box .inp_wrap .inp {
        text-indent: 5px;
    }
}


@media only screen and (max-width:760px) {
    .job_center01 .infor .img {
        padding: 15px 0;
    }

    .job_center01 .infor .img img {
        width: 60%;
    }

    .job_center01 .infor .tit {
        font-size: 20px;
    }

    .job_center01 .infor .con {
        padding: 0;
        font-size: 13px;
        line-height: 24px;
    }

    .job_center01 .content {
        padding-top: 15px;
    }

    .job_center01 .content .item1 .box {
        padding: 15px;
    }

    .job_center01 .content .tit {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .job_center01 .content .con {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .job_center01 .content .more {
        font-size: 13px;
    }

    .job_center01 .content .list_text .text_box {
        padding: 15px;
    }

    .job_center01 .content .list_text .tit {
        font-size: 18px;
    }

    .job_center01 .content .list_text {
        padding-bottom: 35%;
    }

    .job_center01 .content .list_r .box {
        padding: 15px;
    }

    .job_center03 .part3_title {
        font-size: 20px;
    }

    .job_center03 ul {
        padding: 15px 0;
    }

    .job_center03 li {
        font-size: 13px;
    }

    /* 招聘列表 */
    .job_center04 .form_box {
        margin-bottom: 20px;
    }

    .job_center04 .form_box .inp_wrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .job_center04 .form_box .inp_wrap .inp {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
    }

    .job_center04 .form_box .inp_wrap.search_wrap {
        width: 100%;
        margin-bottom: 0;
    }

    .job_center04 .form_box button {
        line-height: 40px;
        height: 40px;
        border-radius: 30px;
    }

    .job_center04 .content li.first {
        line-height: 50px;
        height: 50px;
        display: none;
    }

    .job_center04 .content li ._un {
        font-size: 14px;
        line-height: 50px;
        height: 50px;
    }

    .job_center04 .content li ._un,
    .job_center04 .content li ._ut {
        width: 18%;
    }

    .job_center04 .content li ._t1 {
        font-size: 18px;
        width: 100%;
        text-align: left;
        line-height: 35px;
        height: 35px;
    }

    .job_center04 .content li ._t7 {
        width: 5%;
    }

    .job_center04 .content .j_c .j_c_box {
        padding: 20px;
    }

    .job_center04 .content .j_c .intro .job_btn {
        position: static;
        margin-top: 20px;
    }
}

@media only screen and (max-width:320px) {
    .job_center01 .content .list_text {
        padding-bottom: 43%;
    }
}

.crs.channel_content {
    padding-bottom: 0;
}

.crs01 {
    padding: 110px 0;
    position: relative;
}

.crs01 .module-four-wrapper {
    position: relative;
    z-index: 2;
}

.crs01 .module-four-left {
    float: left;
    width: 40%;
    position: relative;
}

.crs01 .module-four-left:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -412px;
    background: url(../images/bg-3.png);
    width: 887px;
    height: 824px;
}

.crs01 .module-four-mid {
    float: right;
    width: 52%;
}

.crs01 .module-four-right {
    position: absolute;
    left: 100%;
    margin-left: -200px;
    top: 10%;
    z-index: 1;
}

.crs01 .module-four-left .imgs-inner {
    position: relative;
}

.crs01 .module-four-left .imgs {
    width: 100%;
    padding-bottom: 100%;
    background: #FDFDFD;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    position: relative;
    overflow: hidden;
}

.crs01 .module-four-left .img-group {
    display: block;
    width: 100%;
    height: 400%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: top 0.6s;
    transition: top 0.6s;
}

.crs01 .module-four-left .img {
    display: block;
    width: 100%;
    height: 25%;
}

.crs01 .module-four-mid .module-four-mid-cont {
    padding-top: 20%;
}

.crs01 .module-four-mid .currents {
    font-size: 18px;
    color: #BDBDBD;
}

.crs01 .module-four-mid .current {
    color: #f76c0a;
    font-size: 24px;
}

.crs01 .module-four-mid .mid-title {
    font-size: 30px;
    color: #333333;
    padding-bottom: 50px;
    font-weight: normal;
    margin: 0;
}

.crs01 .module-four-mid .mid-detail {
    font-size: 16px;
    color: #737373;
    line-height: 1.8;
}

.crs01 .module-four-mid .detail-cont-item {
    display: none;
}

.crs01 .module-four-mid .detail-cont-item.show {
    display: block;
}

.crs01 .module-four-mid .mid-bot {
    font-size: 18px;
    margin-top: 38px;
}

.crs01 .module-four-mid .arrow-left,
.crs01 .module-four-mid .arrow-right {
    width: 56px;
    height: 56px;
    background: url(../images/arr03.png);
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.crs01 .module-four-mid .arrow-left:hover {
    background: url(../images/arr04.png);
}

.crs01 .module-four-mid .arrow-right {
    background: url(../images/arr01.png);
}

.crs01 .module-four-mid .arrow-right:hover {
    background: url(../images/arr02.png);
}

.crs01 .module-four-right .module-four-right-cont {
    position: relative;
    width: 550px;
    font-size: inherit;
    overflow: hidden;
    margin-right: 40px;
}

.crs01 .module-four-right .box-outer {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    font-size: inherit;
    border: 1px dashed rgba(234, 84, 19, 0.3);
    border-radius: 50%;
}

.crs01 .module-four-right .box-inner {
    position: absolute;
    width: 86%;
    height: 86%;
    z-index: 30;
    left: 7%;
    top: 7%;
    font-size: inherit;
    border: 1px dashed rgba(234, 84, 19, 0.45);
    border-radius: 50%;
}

.crs01 .module-four-right .box-innermost {
    width: 92%;
    height: 92%;
    position: absolute;
    z-index: 10;
    left: 4%;
    top: 4%;
    background: linear-gradient(126deg, #f76c0a, #FCA258);
    border-radius: 50%;
    background-image: url(../images/bg-2.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #f76c0a;
}

.crs01 .module-four-right .box-inner-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-240deg);
    transform: rotate(-240deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.crs01 .module-four-right .progress {
    -webkit-transition: 1s;
    transition: 1s;
}

.crs01 .module-four-right .progress0 .box-inner-svg {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
}

.crs01 .module-four-right .progress1 .box-inner-svg {
    -webkit-transform: rotate(-170deg);
    transform: rotate(-170deg);
}

.crs01 .module-four-right .progress2 .box-inner-svg {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
}

.crs01 .module-four-right .progress3 .box-inner-svg {
    -webkit-transform: rotate(-230deg);
    transform: rotate(-230deg);
}

.crs01 .module-four-right .dots {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
    font-size: inherit;
}

.crs01 .module-four-right .dot {
    width: 14px;
    height: 14px;
    border: 5px solid #f76c0a;
    background: #FFFFFF;
    font-size: inherit;
    border-radius: 50%;
    position: absolute;
    z-index: 30;
    font-size: inherit;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.crs01 .module-four-right .dot-1 {
    left: 42px;
    top: 73px;
}

.crs01 .module-four-right .dot-2 {
    left: -7px;
    top: 190px;
}

.crs01 .module-four-right .dot-3 {
    left: 4px;
    top: 309px;
}

.crs01 .module-four-right .dot-4 {
    left: 73px;
    top: 408px;
}

.crs01 .module-four-right .progress0 .dot-1 {
    border: 6px solid rgba(255, 255, 255, 0.6);
    background: #f76c0a;
}

.crs01 .module-four-right .progress1 .dot-2 {
    border: 6px solid rgba(255, 255, 255, 0.6);
    background: #f76c0a;
}

.crs01 .module-four-right .progress2 .dot-3 {
    border: 6px solid rgba(255, 255, 255, 0.6);
    background: #f76c0a;
}

.crs01 .module-four-right .progress3 .dot-4 {
    border: 6px solid rgba(255, 255, 255, 0.6);
    background: #f76c0a;
}

.crs02 {
    padding: 60px 0;
}

.crs02 .top .t {
    font-size: 36px;
    text-align: center;
}

.crs02 .top .d {
    font-size: 18px;
    text-align: center;
    color: #272727;
    max-width: 900px;
    margin: 20px auto 80px;
}

.crs02 .bott_ .item {
    margin-left: 20px;
    position: relative;
    float: left;
    width: 10.8%;
    height: 512px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    transition-duration: 1s;
}

.crs02 .bott_ .item:first-child {
    margin-left: 0;
}

.crs02 .bott_ .item1 {
    margin-top: 31px;
    background-position: 79% 0;
}

.crs02 .bott_ .item2 {
    margin-top: 71px;
    background-position: 75% 0;
}

.crs02 .bott_ .item3 {
    background-position: 82% 0;
}

.crs02 .bott_ .item4 {
    margin-top: 56px;
    background-position: 55% 0;
}

.crs02 .bott_ .item.on,
.crs02 .bott_ .item:hover {
    width: 49.09%;
    text-align: left;
    background-position: 0 !important;
}

.crs02 .bott_ .item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/black.6.png);
    z-index: 0;
    opacity: 1;
    visibility: visible;
    transition-duration: .3s;
}

.crs02 .bott_ .item.item3::before {
    background: rgb(238 107 0 / 60%);
}

.crs02 .bott_ .item .inner {
    position: relative;
    margin: 200px 10px;
}

.crs02 .bott_ .item .inner .tit {
    font-size: 18px;
    transition: .5s ease;
}

.crs02 .bott_ .item .inner .con {
    opacity: 0;
    visibility: hidden;
    max-width: 450px;
    ;
    transition: .5s ease;
    height: 0;
    overflow: hidden;
    font-size: 15px;
}

.crs02 .bott_ .item .inner .con .txt {
    margin: 20px 0 60px;
}

.crs02 .bott_ .item.on .inner {
    margin: 120px 40px 0;
}

/*.crs02 .bott_ .item.on::before{opacity:0; visibility:hidden;}*/
.crs02 .bott_ .item.on .inner .tit {
    font-size: 30px;
}

.crs02 .bott_ .item.on .inner .con {
    opacity: 1;
    visibility: visible;
    height: 300px;
}



.crs03 {
    padding: 180px 0 80px;
    background: url(../images/bg-4.png) no-repeat center;
    background-size: cover
}

.crs03 .left {
    width: 34%;
}

.crs03 .left .owl-carousel .owl-nav {
    text-align: left;
    margin-top: 20px;
}

.crs03 .left .owl-carousel .owl-prev,
.crs03 .left .owl-carousel .owl-next {
    width: 56px;
    height: 56px;
    background: url(../images/arr01.png);
    font-size: 0;
    padding: 0;
    margin: 0 10px 0 0;
}

.crs03 .left .owl-carousel .owl-prev {
    background: url(../images/arr03.png);
}

.crs03 .left .owl-carousel .owl-prev:hover {
    background: url(../images/arr04.png);
}

.crs03 .left .owl-carousel .owl-next:hover {
    background: url(../images/arr02.png);
}

.crs03 .left .t {
    font-size: 18px;
    margin: 50px 0 30px;
}

.crs03 .left .d {
    color: #636363;
    line-height: 25px;
    height: 150px;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}

.crs03 .right {
    width: 120%;
    position: absolute;
    top: 0;
    left: 40%;
}

@media only screen and (max-width: 1420px) {
    .crs03 .right {
        width: 58%;
    }
}


@media only screen and (max-width: 1366px) {
    .widgets_solution_10 {
        padding: 50px 0;
    }

    .crs02 .bott_ .item .inner {
        position: relative;
        margin: 110px 10px;
        font-size: 14px;
    }

    .crs02 .bott_ .item {
        height: 400px;
    }

    .crs02 .bott_ .item.on .inner {
        margin: 84px 40px 0;
    }

    .crs02 .bott_ .item.on .inner .tit {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1240px) {
    .crs01 .module-four-right {
        display: none;
    }

    .crs02 .bott_ .item {
        width: 11%;
    }

    .crs01 .module-four-mid .module-four-mid-cont {
        padding-top: 5%;
    }

    .crs01 .module-four-mid .mid-title {
        font-size: 26px;
    }

    .crs03 {
        padding: 70px 0;
    }

    .crs03 .left .t {
        margin: 20px 0 10px;
    }

    .crs03 .left .owl-carousel .owl-nav {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .crs02 {
        padding: 60px 0 0;
    }

    .crs02 .bott_ .item {
        width: 48%;
        margin: 0 4% 20px 0;
        text-align: left;
        height: 460px;
    }

    .crs02 .bott_ .item.on {
        width: 48%;
    }

    .crs02 .bott_ .item:nth-child(2n) {
        margin-right: 0;
    }

    .crs02 .bott_ .item .inner {
        margin: 120px 40px 0;
    }

    .crs02 .bott_ .item .inner .con {
        opacity: 1;
        visibility: visible;
        height: 300px;
    }

    .crs02 .bott_ .item .inner .tit,
    .crs02 .bott_ .item.on .inner .tit {
        font-size: 25px;
    }



}

@media only screen and (max-width: 760px) {
    .widgets_solution_10 {
        padding: 20px 0 0;
    }

    .crs02 .bott_ .item {
        height: 240px;
    }

    .crs02 .bott_ .item.on .inner,
    .crs02 .bott_ .item .inner {
        margin: 20px 10px 0;
    }

    .crs02 .bott_ .item .inner .tit,
    .crs02 .bott_ .item.on .inner .tit {
        font-size: 18px;
    }

    .crs02 .bott_ .item .inner .con .txt {
        margin: 20px 0;
        line-height: 24px;
        height: 96px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        font-size: 13px;
    }

    .crs02 .bott_ .item.on .inner .con {
        height: auto;
    }

    .crs01 .module-four-left:after {
        display: none;
    }

    .crs01 .module-four-left {
        width: 100%;
    }

    .crs01 .module-four-mid {
        width: 100%;
    }

    .crs01 {
        padding: 0;
    }

    .crs01 .module-four-mid .mid-title {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 0;
    }

    .crs02 {
        padding: 40px 0;
    }

    .crs02 .top .t {
        font-size: 20px;
    }

    .crs02 .top .d {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .crs03 {
        padding: 40px 0;
    }

    .crs03 .left {
        width: 100%;
        margin-bottom: 40px;
    }

    .crs03 .right {
        width: 100%;
        position: static;
    }


}

.globe .d {
    text-align: center;
    max-width: 900px;
    color: #525252;
    line-height: 1.8;
    margin: 0 auto 40px;
}

.history {
    background: url(../images/history_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 160px 0 120px;
}

.history .left {
    width: 50%;
}

.history .left .date {
    font-size: 150px;
    color: #e7e7e7;
    font-weight: bold;
    line-height: 0.9;
    position: absolute;
    top: 0;
    left: 0;
}

.history .left .tit {
    font-size: 60px;
    font-weight: bold;
    color: #000;
    margin: 40px 0;
    position: relative;
    z-index: 2;
}

.history .left .text_con {
    height: 144px;
    position: relative;
}

.history .left .text_con .item {
    font-size: 18px;
    color: #444444;
    line-height: 36px;
    height: 144px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.history .left .text_con .item p {
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
}

.history .left .text_con .item.cur p {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.history .left .text_con .item.cur p:nth-child(1) {
    -moz-transition: all 1s ease 0.2s;
    -ms-transition: all 1s ease 0.2s;
    -o-transition: all 1s ease 0.2s;
    -webkit-transition: all 1s ease 0.2s;
    transition: all 1s ease 0.2s;
}

.history .left .text_con .item.cur p:nth-child(2) {
    -moz-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
    -o-transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    transition: all 1s ease 0.5s;
}

.history .left .text_con .item.cur p:nth-child(3) {
    -moz-transition: all 1s ease 0.8s;
    -ms-transition: all 1s ease 0.8s;
    -o-transition: all 1s ease 0.8s;
    -webkit-transition: all 1s ease 0.8s;
    transition: all 1s ease 0.8s;
}

.history .left .text_con .item.cur p:nth-child(4) {
    -moz-transition: all 1s ease 1.1s;
    -ms-transition: all 1s ease 1.1s;
    -o-transition: all 1s ease 1.1s;
    -webkit-transition: all 1s ease 1.1s;
    transition: all 1s ease 1.1s;
}



.history .left .time_line {
    font-size: 18px;
    color: #444;
    text-align: center;
    line-height: 40px;
    padding: 0 50px;
    position: relative;
    margin-top: 20px;
    position: relative;
}

.history .left .time_line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -1920px;
    right: -1920px;
    height: 1px;
    background: #e5e5e5;
    z-index: 0;
}

.history .left .time_line .cur {
    font-size: 24px;
    font-weight: bold;
    color: #f76c0a;
}

.history .left .time_line .owl-prev,
.history .left .time_line .owl-next {
    position: absolute;
    left: -50px;
    top: 0;
    font-size: 26px;
    line-height: 32px;
}

.history .left .time_line .owl-prev:hover,
.history .left .time_line .owl-next:hover {
    color: #f76c0a;
}

.history .left .time_line .owl-next {
    right: -50px;
    left: auto;
}

.history .left .time_line .item {
    cursor: pointer;
}

.history .left .time_line .item:hover {
    color: #f76c0a;
}

.history .right {
    width: 48%;
}

.history .rect-63 {
    padding-bottom: 63%;
}

.history .right .year {
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 72px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    line-height: 100px;
    margin-top: -50px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.history .right .pic_item .rect-63:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/black.2.png) repeat;
    z-index: 1;
}

.history .right .pic_item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.history .right .pic_item.cur {}

.history .right .pic_item .rect-63 {
    /* transform: scale(0.6);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 1.2s ease 0s;
    -ms-transition: all 1.2s ease 0s;
    -o-transition: all 1.2s ease 0s;
    -webkit-transition: all 1.2s ease 0s;
    transition: all 1.2s ease 0s; */
}

.history .right .pic_item.cur .rect-63 {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

/* 20210720 */
.order01 {
    padding: 60px 0;
}

.order01 .tit {
    text-align: center;
    margin-bottom: 30px;
}

.order01 .tit .t {
    font-size: 36px;
    line-height: 1.2;
    color: #666;
    font-weight: bold;
}

.order01 .tit .c {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 5px 0;
}

.order01 .content {
    padding: 0 19%;
}

.order01 .content .inp_box {
    float: left;
    width: 46%;
    margin: 0 2% 20px;
    position: relative;
    overflow: hidden;
}

.order01 .content .inp_box .type {
    font-size: 14px;
    color: #353333;
    margin-bottom: 5px;
}

.order01 .content .inp_box .input_area {
    width: 95%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cccccc;
    padding-left: 3%;
}

.order01 .content .inp_box textarea.input_area {
    height: 100px;
}

.order01 .content .inp_box span {
    color: #ff0000;
    position: absolute;
    right: 20px;
    top: 55%;
}

.order01 .content .inp_box span.Validform_checktip {
    right: 28px;
}

.order01 .content .choose .xz i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 11px;
    height: 11px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/construction_case01_1.png) no-repeat 0 0;
}

.order01 .content .choose .xz.cur i {
    background-position: 0 -11px;
}

.order01 .content .yzm .input_area {
    width: 46%;
    margin: 0 4% 0 2%;
    height: 44px;
    line-height: 44px;
    border: 1px solid #cccccc;
    padding-left: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.order01 .content .yzm .yzmImg {
    height: 44px;
}

.order01 .content .con {
    font-size: 13px;
    color: #454545;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #999999;
}

.order01 .content .send {
    cursor: pointer;
    background: #f76c0a;
    border: none;
    outline: none;
    font-size: 16px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #fff;
    width: 220px;
    line-height: 45px;
    line-height: 45px;
    border-radius: 3px;
}

.order01 .content .send:hover {
    background: #f76c0a;
}

.order01 .content .t {
    line-height: 50px;
}

.order01 .content .t a {
    color: #f76c0a;
    text-decoration: underline;
}



.case_list01 .rect-566 {
    padding-bottom: 75%;
}

.case_list01 .item {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 20px;
}

.case_list01 .item .intro .box {
    padding: 30px;
}

.case_list01 .item .intro .box .t {
    font-size: 20px;
    color: #272727;
    font-weight: lighter;
}

.case_list01 .item .intro .box .c {
    font-size: 17px;
    color: #272727;
    opacity: 0.5;
    font-weight: lighter;
}

.case_list01 .item .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/pro_detail02_3.jpg) no-repeat center;
    background-size: cover;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.case_list01 .item .cover .box {
    padding: 80px 30px 0;
}

.case_list01 .item .cover .box .t {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.case_list01 .item .cover .box .c {
    font-size: 18px;
    color: #fefefe;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin: 25px 0 80px;
    color: #fff;
}

.case_list01 .item .cover .box .more {
    font-size: 18px;
    color: #fff;
    font-weight: bold
}

.case_list01 .item .cover .box .more i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: 0;
}

.case_list01 .item:hover .cover {
    opacity: 1;
    visibility: visible;
}

.service_page {
    padding: 110px 0 100px;
}

.service_page .common-h1 {
    text-align: left;
}

.service_page .desc {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 50px;
}

.service_page .rect-108 {
    padding-bottom: 108%;
}

.service_page .rect-42 {
    padding-bottom: 42%;
}

.service_page .rect-20 {
    padding-bottom: 20%;
}

.service_page .left {
    width: 28%;
}

.service_page .right {
    width: 70.5%;
}

.service_page .right .top_item {
    width: 49%;
}

.service_page .right .btm {
    margin-top: 20px;
}

.service_page .text_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px;
    color: #fff;
    z-index: 2;
    line-height: 26px;
}

.service_page .text_box a {
    font-weight: bold;
    font-size: 20px;
}

.financial_service01 {
    background: url(../images/fin_bg1.jpg) no-repeat center;
    background-size: cover;
}

.financial_service01 .desc {
    text-align: center;
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto 40px;
    color: #484848;
}

.financial_service01 .con .item {
    border: 1px solid #e1e3e8;
    padding: 40px;
    margin-bottom: 20px;
    -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;
}

.financial_service01 .con .item .num {
    color: #e9e9e9;
    font-size: 90px;
    font-family: Arial;
    line-height: 1;
    font-weight: bold;
}

.financial_service01 .con .item .d {
    color: #5d5d5d;
    font-size: 15px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
}

.financial_service01 .con .item:hover {
    background: #f76c0a;
}

.financial_service01 .con .item:hover .num {
    color: #fff;
}

.financial_service01 .con .item:hover .d {
    color: #fff;
}

.financial_service02 {
    margin-top: 40px;
    margin-bottom: 110px;
}

.financial_service02 .left {
    width: 49%;
    position: relative;
}

.financial_service02 .left img {
    position: relative;
    z-index: 2;
}

.financial_service02 .left:after {
    content: "";
    position: absolute;
    left: -90px;
    bottom: -50px;
    background: url(../images/fin_bg2.jpg) repeat;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.financial_service02 .right {
    width: 49%;
    font-size: 16px;
    color: #6a6a6a;
    line-height: 1.8;
}

.financial_service02 .right .t {
    color: #f76c0a;
}

.financial_service02 .right .d {
    margin-bottom: 18px;
}


.refabrication01 .rect-60 {
    padding-bottom: 60%;
}

.refabrication01 .pic_box {
    width: 53%;
}

.refabrication01 .text_box {
    width: 47%;
}

.refabrication01 .text_box .con {
    padding: 15% 40px;
    color: #373833;
}

.refabrication01 .text_box .con .t {
    font-size: 30px;
    margin-bottom: 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;
}

.refabrication01 .text_box .con .d {
    font-size: 15px;
}

.refabrication01 .item {
    margin-bottom: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.refabrication01 .item:hover .text_box .con .t {
    color: #f76c0a;
}

.refabrication {
    padding-bottom: 0;
}

.refabrication02 {
    margin-top: 100px;
    background: url(../images/farbrication02_bg.jpg) no-repeat center bottom;
}

.refabrication02 .common-h1 {
    text-align: left;
}

.refabrication02 .desc {
    color: #373833;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 40px;
}

.refabrication02 .flow {
    margin-left: 5%;
    visibility: hidden;
}

.refabrication02 .flow .item {
    width: 20%;
    position: relative;
    padding-bottom: 75px;
    animation-duration: 1.2s;
}

.refabrication02 .flow .item .line {
    background: url(../images/far_line1.jpg) no-repeat center center;
    position: absolute;
    right: 0;
    left: 80px;
    top: 0;
    height: 80px;
}

.refabrication02 .flow .item .con {
    width: 80px;
    text-align: center;
}

.refabrication02 .flow .item .con .icon {
    border: 1px solid #efefef;
    border-radius: 80%;
    padding: 10px;
}

.refabrication02 .flow .item .con .t {
    font-size: 16px;
    margin: 8px 0;
}

.refabrication02 .flow .item .con .step {
    display: inline-block;
    background: #f76c0a;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 10px;
}

.refabrication02 .flow .top .item {
    float: left;
}

.refabrication02 .flow .top .item.item5 .line {
    left: 0;
    right: auto;
    width: 80px;
    bottom: 0;
    height: 75px;
    top: auto;
    background: url(../images/far_line3.jpg) no-repeat center center;
}

.refabrication02 .flow .btm .item {
    float: right;
}

.refabrication02 .flow .btm .item .line {
    background: url(../images/far_line2.jpg) no-repeat center center;
}

.refabrication02 .flow .btm .item:first-child .line {
    display: none;
}

.refabrication02.cur .flow {
    visibility: visible;
}

.refabrication02.cur .flow .item {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    animation-fill-mode: backwards;
}

.refabrication02.cur .flow .item1 {
    animation-delay: 0.3s;
}

.refabrication02.cur .flow .item2 {
    animation-delay: 0.6s;
}

.refabrication02.cur .flow .item3 {
    animation-delay: 0.9s;
}

.refabrication02.cur .flow .item4 {
    animation-delay: 1.2s;
}

.refabrication02.cur .flow .item5 {
    animation-delay: 1.5s;
}

.refabrication02.cur .flow .item6 {
    animation-delay: 1.8s;
}

.refabrication02.cur .flow .item7 {
    animation-delay: 2.1s;
}

.refabrication02.cur .flow .item8 {
    animation-delay: 2.4s;
}

.refabrication02.cur .flow .item9 {
    animation-delay: 2.7s;
}

.refabrication02.cur .flow .item10 {
    animation-delay: 3s;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.news_detail.channel_content {
    padding-bottom: 0px;
}

.news_detail01 .left {
    width: 84px;
    float: left;
}

.news_detail01 .left .bshare-custom {
    overflow: hidden;
}

.news_detail01 .left .bshare-custom a {
    display: block;
    float: none;
    width: 84px;
    height: 84px;
    padding: 0;
    margin: 0 0px 1px;
    background-position: 0 0;
}

.news_detail01 .left .bshare-custom a:hover {
    background-position: -84px 0;
}

.news_detail01 .left .bshare-custom .bshare-qqim {
    background: url(../images/qq.jpg);
}

.news_detail01 .left .bshare-custom .bshare-weixin {
    background: url(../images/weixin.jpg);
}

.news_detail01 .left .bshare-custom .bshare-sinaminiblog {
    background: url(../images/xinlang.jpg);
}


.news_detail01 .right {
    width: 80%;
    float: right;
}

.news_detail01 .right .box {
    padding-right: 16%;
}

.news_detail01 .right .tit {
    font-size: 18px;
    line-height: 28px;
    color: #f76c0a;
    font-weight: lighter;
}

.news_detail01 .right .con .date {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #2c2c2c;
}

.news_detail01 .right .con .switcher {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    margin-left: 30px;
}

.news_detail01 .right .intro .title {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #3f3f3f;
    padding-bottom: 30px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 30px;
    margin-top: 30px;
}

.news_detail01 .right .intro .text {
    font-size: 17px;
    line-height: 28px;
    color: #575757;
    font-weight: lighter;
}

.news_detail01 .right .intro .text a {
    color: #f76c0a;
    text-decoration: underline;
}

.news_detail01 .right .intro .text a:hover {
    background: #f76c0a;
    color: #fff;
    text-decoration: none;
}

.news_detail03 {
    padding: 65px 0;
    background: url(../images/newsdetail03_1.jpg) no-repeat center;
    margin-top: 60px;
}

.news_detail03 .infor {
    text-align: center;
    margin-bottom: 40px;
}

.news_detail03 .infor .tit {
    font-size: 44px;
    line-height: 44px;
    color: #fff;
    font-weight: lighter;
}

.news_detail03 .content li {
    width: 32%;
    margin-left: 1%;
    float: left;
    background: #fff;
    transition: all 0.5s ease;
}

.news_detail03 .content li:first-child {
    margin-left: 0;
}

.news_detail03 .content li .li_box {
    display: block;
    padding: 40px;
}

.news_detail03 .content li .li_box .date {
    font-size: 17px;
    line-height: 28px;
    color: #f76c0a;
}

.news_detail03 .content li .li_box .tit {
    font-size: 30px;
    line-height: 40px;
    color: #454545;
    font-weight: lighter;
    margin: 7px 0 45px;
    height: 80px;
    overflow: hidden;
}

.news_detail03 .content li .li_box .more span {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 30px;
    font-weight: lighter;
    color: #242d38;
    transition: all 0.5s ease;
}

.news_detail03 .content li .li_box .more span.icon {
    width: 10px;
    height: 17px;
    background: url(../images/newsdetail03_1.png) no-repeat center;
    margin-left: 15px;
}

.news_detail03 .content li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.news_detail03 .content li:hover .li_box .more span {
    color: #f76c0a
}

/*满意度调查*/
.manyi_survey.channel_content {
    padding: 0;
}

.manyi_survey01 {
    padding: 60px 0;
    background: #f6f6f6;
}

.manyi_survey01 .welcome {
    font-size: 16px;
    line-height: 1.8;
}

.manyi_survey01 .welcome .t {
    font-size: 24px;
    font-weight: bold;
    display: block;
}

.manyi_survey01 .awardpic {
    padding: 15px 0;
    font-size: 16px;
}

.manyi_survey01 .awardpic .awl {
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
}

.manyi_survey01 .awardpic .awl i {
    font-size: 20px;
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.8);
    color: #f76c0a;
    margin: 0;
}

.manyi_survey01 .awardpic .awl span.money {
    font-weight: bold;
    color: #f76c0a;
    font-weight: normal;
    font-size: 20px;
    text-decoration: underline;
    margin-left: 3px;
}

.manyi_survey01 .form_box .fbli {
    display: inline-block;
    white-space: nowrap;
    width: 25%;
    margin: 5px 0;
    padding-left: 80px;
    position: relative;
}

.manyi_survey01 .form_box .fbli .label {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    text-align: right;
}

.manyi_survey01 .form_box .fbli input {
    width: 74%;
    height: 24px;
    line-height: 24px;
    font-size: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 1px solid #ccc;
    outline: none;
    color: #666;
}

.manyi_survey01 .form_box .fbli .sele {
    position: relative;
    height: 27px;
    line-height: 27px;
    width: 74%;
    text-indent: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #666;
}

.manyi_survey01 .p_title {
    font-size: 14px;
    padding-top: 20px;
    line-height: 2;
    margin-bottom: 5px;
    font-weight: bold;
}

.manyi_survey01 .form-list>li {
    border-bottom: #e6e9ed 1px solid;
    padding-bottom: 10px;
}

.manyi_survey01 .form-list>li h3 {
    padding: 10px;
    color: #666;
    font-size: 14px;
}

.manyi_survey01 .form-list>li h3.form-big-title {
    font-size: 24px;
    margin-top: 5px;
}

.manyi_survey01 .form-list>li .form-con li {
    width: auto;
    padding: 5px 20px;
    line-height: 18px;
    float: left;
    color: #666;
    border-bottom: none;
    font-size: 12px;
}

.manyi_survey01 .form-list>li .form-con li input {
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    padding: 1px;
}

.manyi_survey01 .form-list>li .form-con li input.radio {
    height: auto;
    vertical-align: -2px;
    margin-right: 2px;
    display: inline-block;
}

.manyi_survey01 .other_suggest {
    border-bottom: #e6e9ed 1px solid;
    padding-bottom: 10px;
}

.manyi_survey01 .other_suggest>li h3.form-big-title {
    padding-bottom: 0;
}

.manyi_survey01 .other_suggest li {
    border-bottom-width: 0;
}

.manyi_survey01 .other_suggest li .remark {
    width: 40%;
}

.manyi_survey01 .other_suggest li .last {
    font-size: 14px;
    line-height: 2;
}

.manyi_survey01 .other_suggest li .fb_yzm {
    margin-top: 10px
}

.manyi_survey01 .other_suggest li #diaocha-9324AuthCode {
    height: 24px;
    top: 0px;
}

.manyi_survey01 .form-btn {
    padding-top: 15px;
}

.manyi_survey01 .form-btn .btn {
    width: 220px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 3px;
    padding: 0;
    border: 0;
    background: #f76c0a;
    margin-right: 10px;
}

.manyi_survey01 .form-btn .btn:hover {
    background: #f76c0a;
}

.manyi_survey01 .form_box .required {
    color: red;
    font-size: 12px;
    vertical-align: 0;
    margin-left: 5px;
}




/* 登录注册弹窗 */
.form_tc {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;
}

.form_tc .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/black.6.png);
}

.form_tc .content {
    width: 480px;
    height: auto;
    position: fixed;
    left: 50%;
    margin-left: -240px;
    top: 30%;
    background: #fff;
}

.form_tc .content .close {
    color: #cbcbcb;
    position: absolute;
    right: -35px;
    top: 0;
    font-size: 20px;
    cursor: pointer;
}

.form_tc .content .hd .item {
    float: left;
    width: 50%;
    line-height: 51px;
    font-size: 17px;
    color: #737373;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: #f0f0f0
}

.form_tc .content .hd .item.cur {
    background: #fff
}

.form_tc .content .bd {
    background: #fff;
}

.form_tc .content .bd .item {
    display: none
}

.form_tc .content .bd .item .box {
    padding: 30px 35px 40px 25px;
}

.form_tc .content .bd .item .box .inp_box {
    margin-bottom: 15px;
    position: relative
}

.form_tc .content .bd .item .box .inp_box .inp {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    background: #f6f6f6;
    font-size: 14px;
    color: #ababab;
    text-indent: 19px;
    padding: 0;
}

.form_tc .content .bd .item .box .inp_box em {
    font-size: 15px;
    color: #f76c0a;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: -13px;
    top: 0;
}

.form_tc .content .bd .item .box .inp_yzm .yzm {
    width: 30%;
    height: 37px;
    line-height: 37px;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    text-indent: 19px;
}

.form_tc .content .bd .item .box .inp_yzm .yzm_img {
    margin-left: 14px;
    display: inline-block;
    vertical-align: -3px;
    width: 100px;
}

.form_tc .content .bd .item .box .btns {
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 3px;
    background: #f76c0a;
    text-align: center;
    outline: none;
    cursor: pointer;
}

.form_tc .content .bd .item.cur {
    display: block;
}

.form_tc .content .bd .item .box .inp_mess {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

.form_tc .content .bd .item .box .inp_mess button {
    padding: 0 20px;
    outline: none;
    cursor: pointer;
    line-height: 35px;
}

.form_tc .content .bd .item02 .box .inp_mess button.disabled {
    background: #f4f4f4;
    border: 2px solid #f4f4f4;
    color: #d1d1d1;
}

.form_tc .content .bd .item02 .box .inp_yzm {
    display: inline-block;
}

.form_tc .content .bd .item02 .box .inp_yzm .yzm {
    width: 90%;
}

.form_tc .content .bd .item .box .inp_yzm em {
    position: static;
}

.form_tc .content .bd .item .box .inp_box .repeat {
    position: static;
    right: 15px;
    top: 10px;
    font-size: 12px;
    color: #f76c0a;
    margin-top: 5px;
}

.form_tc .content .bd .item .box .inp_box .repeat2 {
    position: static;
    right: 15px;
    top: 10px;
    font-size: 12px;
    color: #f76c0a;
    margin-top: 5px;
}

.form_tc .Validform_checktip {
    position: absolute;
    right: 5px;
    top: 10px;
}

body .Validform_wrong {
    color: #f76c0a
}

/* 忘记密码 */
.password_tc {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.password_tc .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/black.6.png);
}

.password_tc .title {
    font-size: 16px;
    color: #f76c0a;
    margin-bottom: 20px;
}

.password_tc .content {
    width: 480px;
    height: auto;
    position: fixed;
    left: 50%;
    margin-left: -240px;
    top: 30%;
    background: #fff;
}

.password_tc .content .close {
    color: #cbcbcb;
    position: absolute;
    right: -35px;
    top: 0;
    font-size: 20px;
    cursor: pointer;
}

.password_tc .content .item .box {
    padding: 30px 35px 40px 25px;
}

.password_tc .content .item .box .inp_box {
    margin-bottom: 15px;
    position: relative
}

.password_tc .content .item .box .inp_box .inp {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    background: #f6f6f6;
    font-size: 14px;
    color: #ababab;
    text-indent: 19px;
    padding: 0;
}

.password_tc .content .item .box .inp_box em {
    font-size: 15px;
    color: #f76c0a;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: -13px;
    top: 0;
}

.password_tc .content .item .box .inp_yzm .yzm {
    width: 45%;
    height: 37px;
    line-height: 37px;
    margin-right: 10px;
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    text-indent: 19px;
}

.password_tc .content .item .box .inp_yzm .yzm_img {
    margin-left: 14px;
    display: inline-block;
    vertical-align: -3px;
    width: 100px;
}

.password_tc .content .item .box .btns {
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 3px;
    background: #f76c0a;
    text-align: center;
    outline: none;
    cursor: pointer;
}

.password_tc .content .item .box .password-switch {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 15px;
    cursor: pointer;
    background: url(../images/password_hide.png) no-repeat 50%;
    background-size: cover;
}

.password_tc .content .item .box .password-switch.active {
    background: url(../images/password_active.png) no-repeat 50%;
    background-size: cover;
}


/* 首屏加载 */
/*.progress{display:none;}*/
:root .progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 110;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
}

.progress .loading {
    margin: 0 auto;
    position: relative;
}

.progress .count {
    position: relative;
    z-index: 4;
}

.progress .count .num {
    position: relative;
    font-size: 30px;
}

.progress .dot span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f76c0a;
}

.progress .dot {
    position: relative;
    z-index: 2;
}

.progress .logo_img {
    width: 0;
    height: 150px;
    border-radius: 54px;
    -moz-transition: all 0.8s linear 0s;
    -ms-transition: all 0.8s linear 0s;
    -o-transition: all 0.8s linear 0s;
    -webkit-transition: all 0.8s linear 0s;
    transition: all 0.8s linear 0s;
    overflow: hidden;
    opacity: 0;
    position: relative;
    z-index: 3;
}

.progress .logo_img .border {
    height: 150px;
    width: 400px;
    position: relative;
}

.progress .logo_img img {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -200px;
    width: 100%;
}

.progress.active .logo_img {
    width: 400px;
    border-radius: 0;
    opacity: 1;
}

.progress.active .dot {
    opacity: 0;
    visibility: hidden;
}

.progress .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 2000px solid #fff;
    margin-left: -2000px;
    margin-top: -2000px;
    z-index: 1;
}

.progress.active .bg {
    width: 2000px;
    height: 2000px;
    background: transparent;
    margin-left: -3000px;
    margin-top: -3000px;
    -moz-transition: all 0.8s linear 1.5s;
    -ms-transition: all 0.8s linear 1.5s;
    -o-transition: all 0.8s linear 1.5s;
    -webkit-transition: all 0.8s linear 1.5s;
    transition: all 0.8s linear 1.5s;
}

.widgets_xc_invest_list_5 .infor .en_tit {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.widgets_xc_invest_list_5 .infor .cn_tit {
    font-size: 34px;
    line-height: 40px;
    color: #333;
    margin-top: 5px;
    font-weight: lighter;
}

.widgets_xc_invest_list_5 .infor .line {
    width: 74px;
    height: 2px;
    background: #f76c0a;
    margin: 20px 0 25px;
}

.widgets_xc_invest_list_5 .hd .list {
    margin-top: 55px;
}

.widgets_xc_invest_list_5 .hd .list ul {
    font-size: 0
}

.widgets_xc_invest_list_5 .hd .list li {
    display: inline-block;
    position: relative;
    padding: 0 12px
}

.widgets_xc_invest_list_5 .hd .list li:after {
    content: '';
    width: 1px;
    height: 16px;
    background: #bcbcbc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.widgets_xc_invest_list_5 .hd .list li:first-child:after {
    display: none;
}

.widgets_xc_invest_list_5 .hd .list li a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    font-weight: lighter;
}

.widgets_xc_invest_list_5 .hd .list li.cur a {
    font-weight: bold;
}

.widgets_xc_invest_list_5 .bd li {
    margin-bottom: 13px;
}

.widgets_xc_invest_list_5 .bd .li_box {
    border: 1px solid #cdcdcd;
    display: block;
    position: relative;
}

.widgets_xc_invest_list_5 .bd .li_box .date {
    width: 100px;
    color: #888;
    text-align: center;
    border-right: 1px solid #cdcdcd;
    padding: 17px 0
}

.widgets_xc_invest_list_5 .bd .li_box .date .day {
    font-size: 36px;
    line-height: 41px;
    font-weight: bold;
}

.widgets_xc_invest_list_5 .bd .li_box .date .year {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

.widgets_xc_invest_list_5 .bd .li_box .intro {
    padding: 17px 54px;
    width: 65%;
}

.widgets_xc_invest_list_5 .bd .li_box .intro .tit {
    font-size: 16px;
    line-height: 66px;
    color: #888;
    width: 90%;
}

.widgets_xc_invest_list_5 .bd .li_box .intro .icon {
    font-size: 30px;
    height: 66px;
    line-height: 66px;
    margin-right: 20px;
}

.widgets_xc_invest_list_5 .bd .li_box .anniu {
    width: 27px;
    height: 28px;
    background: url(../images/widgets_xc_invest_list_5_1.png) no-repeat center;
    position: absolute;
    right: 45px;
    top: 50%;
    margin-top: -14px;
    ;
}

.widgets_xc_invest_list_5 .bd .li_box .anniu2 {
    width: 27px;
    height: 28px;
    background: url(../images/dl.png) no-repeat center;
    position: absolute;
    right: 100px;
    top: 50%;
    margin-top: -14px;
    ;
}

.widgets_xc_invest_list_5 .bd li:hover .li_box .intro .tit {
    color: #f76c0a;
}

.widgets_xc_invest_list_5 .bd li:hover .li_box .date {
    color: #f76c0a;
}

@media only screen and (max-width:1240px) {
    .widgets_xc_invest_list_5 .bd .li_box .intro {
        padding: 17px 40px
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro .tit {
        width: 86%;
    }
}

@media only screen and (max-width:992px) {
    .widgets_xc_invest_list_5 .bd .li_box .intro .tit {
        width: 82%;
    }
}

@media only screen and (max-width:760px) {
    .widgets_xc_invest_list_5 .infor .en_tit {
        font-size: 14px;
    }

    .widgets_xc_invest_list_5 .infor .cn_tit {
        font-size: 20px;
        line-height: 24px;
        margin-top: 0;
    }

    .widgets_xc_invest_list_5 .infor .line {
        margin: 10px 0 15px
    }

    .widgets_xc_invest_list_5 .hd .list {
        float: left;
        margin: 20px 0;
    }

    .widgets_xc_invest_list_5 .bd .li_box .date {
        padding: 10px 0;
        width: 60px;
    }

    .widgets_xc_invest_list_5 .bd .li_box .date .day {
        font-size: 18px;
        line-height: 24px
    }

    .widgets_xc_invest_list_5 .bd .li_box .date .year {
        margin-top: 6px;
        font-size: 12px;
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro {
        padding: 10px 20px;
        width: 80%;
        box-sizing: border-box;
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro .tit {
        width: 70%;
        line-height: 50px
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro .icon {
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        margin-right: 5px;
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro .icon i {
        margin: 0
    }

    .widgets_xc_invest_list_5 .bd .li_box .anniu {
        right: 15px;
    }

    .widgets_xc_invest_list_5 .bd .li_box .anniu2 {
        right: 60px;
    }
}

@media only screen and (max-width:340px) {
    .widgets_xc_invest_list_5 .hd .list {
        margin: 10px 0 20px
    }

    .widgets_xc_invest_list_5 .hd .list li {
        padding: 0 8px
    }

    .widgets_xc_invest_list_5 .hd .list li a {
        font-size: 14px;
    }

    .widgets_xc_invest_list_5 .bd .li_box .intro {
        padding: 10px;
        box-sizing: border-box;
    }

    .widgets_xc_invest_list_5 .bd .li_box .date {
        display: none;
    }
}


.xc-banner.xc-banner-pro {
    height: 420px;
}

.pro_center.channel_content {
    padding-bottom: 0;
}

.pro_center01 .desc {
    text-align: center;
    max-width: 940px;
    margin: 0 auto 30px;
}

.pro_center01 .item {
    position: relative;
    padding-bottom: 20px;
}

.pro_center01 .item .rect-827 {
    padding-bottom: 82.7%;
    background: #efefef;
}

.pro_center01 .item .box {
    padding: 45px 30px;
}

.pro_center01 .item .box .t {
    font-size: 24px;
    font-weight: bold;
    color: #f76c0a;
    margin-bottom: 10px;
}

.pro_center01 .item .box .en_t {
    font-size: 16px;
    color: #333;
}

.pro_center01 .item .box .more {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-top: 25px;
    height: 33px;
    line-height: 33px;
    transition: all 0.5s ease;
}

.pro_center01 .item .img_box {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease;
    text-align: right;
}

.pro_center01 .item .img_box img {
    width: auto;
}

.pro_center01 .item:hover .rect-827 {
    background: #fdeada;
}

.pro_center01 .item:hover .img_box {
    bottom: 20px;
}

.pro_center01 .item:hover .box .more {
    background: #ff7800;
    color: #fff;
    padding: 0 20px;
}


.pro_center02 {
    margin-top: 50px;
}

.pro_center02 li {
    background: #f8f8f9;
    margin-top: 45px;
    -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_center02 li .info {
    padding: 15px 15px 20px;
    position: relative;
}

.pro_center02 li .info:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background: #f76c0a;
    height: 5px;
    -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_center02 li:hover .info:after {
    width: 100%;
}

.pro_center02 li:hover {
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2)
}


.pro_center02 li .info .cla {
    font-size: 13px;
    color: #f76c0a;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.pro_center02 li .info .no {
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    color: #666;
    text-align: center;
}

.pro_center02 li .info .txt {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin: 5px 0 10px;
}

.pro_center02 li .info .param {
    padding-left: 15px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #666;
}

.pro_center02 li .info .param:after {
    position: absolute;
    left: 0;
    content: '.';
    color: #666;
    top: -20%;
}

.pro_center02 li .info .more:hover {
    color: #f76c0a;
    border-color: #f76c0a;
}

.pro_center02 li .pro_pic {
    padding-bottom: 69.5%;
    height: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

.pro_center02 li .pro_pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pro_center02 li .more_box {
    margin-top: 5px;
}

.pro_center02 li .more_box a {
    color: #797979;
    margin-top: 15px;
    cursor: pointer;
}

.pro_center02 li .more_box a:hover {
    color: #f76c0a;
}

.pro_center02 li .more_box a .plp-item-checked {
    display: none;
}

.pro_center02 li .more_box .on .plp-item-checkbox {
    display: none;
}

.pro_center02 li .more_box .on .plp-item-checked {
    display: inline-block;
}

.pro_center02 .filter {
    padding: 30px 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.pro_center02 .inp_box_wrap {
    margin-left: 2.2%;
}

.pro_center02 .inp_box_wrap>span {
    font-weight: bold;
}

.pro_center02 .inp_box_wrap:first-child {
    margin-left: 0;
}

.pro_center02 .inp_box_wrap .inp_box {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    padding: 0;
    border-bottom: solid 1px #bfbdbe;
    font-weight: normal;
}

.pro_center02 .inp_box_wrap:first-child .inp_box {
    width: 160px;
}

/*.pro_center02 .inp_box_wrap span{width:100px; display:inline-block;}*/
.pro_center02 .inp_box_wrap .inp_box.hd_inp {
    width: 100%;
}

.pro_center02 .inp_box_wrap>input::-webkit-input-placeholder {
    color: #242424;
}

.pro_center02 .inp_box_wrap.hd_btn {
    width: 8.5%;
    line-height: 36px;
    padding: 0;
    border: none;
    background: #f76c0a;
    color: #fff;
    font-size: 16px;
}


/*列表吸顶*/
.list01.pro_fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

/*产品列表对比按钮的input框*/
.pro_compare .plp-item-constrast-chk {
    float: left;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 7px;
    display: none;
}

/*产品列表不可点击状态下对比按钮input父级label样式*/
.plp-item-constrast-disabled {
    color: #9d9d9d;
}


/*产品比较 底部浮层*/
.compare_product {
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 87px;
    /*display:none;*/
    bottom: -100%;
    box-sizing: border-box;
    overflow-x: hidden;
    /* transition:bottom .3s ease-in-out; -webkit-transition:bottom .3s ease-in-out; -moz-transition:bottom .3s ease-in-out; -ms-transition:bottom .3s ease-in-out; -o-transition:bottom .3s ease-in-out;*/
}

.compare_product .compare-main {
    margin: 0 auto;
    background: url(../images/black.95.png) center;
    text-align: center;
}

.compare_product .compare-sel {
    color: #fff;
    padding: 24px 0 21px 0;
    display: inline-block;
    width: 100%;
    font-size: 0;
}

.compare_product .compare-selul {
    height: 40px;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    width: 63%;
}

.compare_product .compare-selli {
    float: left;
    font-size: 16px;
    height: 38px;
    width: 30%;
    margin-right: 3%;
    text-align: center;
}

.compare_product .compare-selli-name {
    display: inline-block;
    max-width: 245px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-right: 15px;
    line-height: 40px
}

/*底部单个删除按钮样式*/
.compare_product .compare-selli-delbtn {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    line-height: 10px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 13px;
    cursor: pointer;
    background: #fff url(../images/compare_close.png) no-repeat center;
}

/*底部的对比按钮和取消按钮的父级*/
.compare_product .compare-selbtn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33%;
    height: 42px;
    overflow: hidden;
    padding: 0px 0 0 34px;
    border-left: 1px solid #6f6f6f;
    text-align: left;
    float: right;
}

/*底部对比按钮*/
.compare_product .compare-selbtn .comparea-selbtn-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f5f3f3;
    border-radius: 4px;
    background-color: transparent;
    color: #f5f3f3;
    cursor: normal;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    max-width: 278px;
    text-align: center;
    float: left;
    opacity: .65;
    padding: 0 16px;
}

/*底部取消按钮*/
.compare_product .compare-selbtn .comparea-selbtn-closeall {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f5f3f3;
    border-radius: 4px;
    background-color: transparent;
    color: #f5f3f3;
    cursor: pointer;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 140px;
    padding: 0 16px;
    margin-left: 34px;
    float: left;
}

.compare_product .compare-selbtn .comparea-selbtn-closeall:hover {
    background: #f5f3f3;
    border-color: #f5f3f3;
    color: #1e1e1e;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

/*底部对比按钮可点击状态样式及触控*/
.compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled {
    width: 140px;
    padding: 0 16px;
    cursor: pointer;
    opacity: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled:hover {
    background-color: #f5f3f3;
    color: #1e1e1e;
    border-color: #f5f3f3
}



/*产品推拉*/
.comparelist {
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    cursor: pointer;
    z-index: 90;
}

.comparelist .top_ {
    position: relative;
    height: 70px;
    background: url(../images/black.95.png) center;
}

.comparelist .top_ .infor {
    text-align: center;
    line-height: 70px;
}

.comparelist .top_ .tit {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin-right: 38px;
    vertical-align: middle;
}

.comparelist .top_ .icon {
    display: inline-block;
    width: 68px;
    height: 32px;
    background: url(../images/compare_xiala.png) no-repeat center;
    vertical-align: middle;
    cursor: pointer;
}

.comparelist .bott_ {
    margin-top: 70px;
    height: 80%;
}

.comparelist .bott_ .rect-695 {
    padding-bottom: 69.5%;
}

.comparelist .bott_ li {
    float: left;
}

.comparelist .bott_ li .intro {
    text-align: center;
}

.comparelist .bott_ li .intro .t {
    font-size: 26px;
    color: #666;
    margin: 40px 0;
}

.comparelist .bott_ li .intro .c .get_price {
    display: inline-block;
    padding: 0 30%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border: 1px solid #666;
}

.comparelist .bott_ li .intro .c .get_price:hover {
    color: #fff;
    background: #f76c0a;
    border-color: #f76c0a;
}

.comparelist .bott_ .table_information {
    margin-top: 50px;
    margin-bottom: 100px;
    font-size: 14px;
}

/*两个产品比较*/
.comparelist .bott_ .content.two_pro .img_box li {
    width: 48%;
    margin-left: 4%;
}

.comparelist .bott_ .content.two_pro .img_box li:first-child {
    margin-left: 0;
}

/*三个产品比较*/
.comparelist .bott_ .content.three_pro .img_box li {
    width: 31%;
    margin-left: 2%;
}

.comparelist .bott_ .content.three_pro .img_box li:first-child {
    margin-left: 0;
}

/*选择按钮吸顶*/
.comparelist.active .top_ {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
}

.comparelist.active .bott_ {
    padding-top: 50px;
    overflow-y: auto;
}

/*去掉滚动条*/
.hidescrollbar {
    overflow: hidden;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
}

.comparelist.active .bott_ {
    overflow-y: auto !important;
    -ms-overflow-y: auto !important;
}


.comparelist .bott_ .table_information .list {
    float: left;
}

.comparelist .bott_ .table_information .d_body {
    border-top: 1px solid #dfdfdf;
    width: 100%;
    border-collapse: collapse;
}

.comparelist .bott_ .table_information .parameter {
    background: #fff;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-top: 0;
    text-indent: 16px;
    height: 34px;
    line-height: 34px;
    color: #686868;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comparelist .bott_ .table_information .d_title {
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    background: #ededed;
}

.comparelist .bott_ .table_information .three_pro1 .d_item {
    background: #f7f7f7;
}

.comparelist .bott_ .two_pro .table_information .list {
    width: 33.3%;
}

.comparelist .bott_ .three_pro .table_information .list {
    width: 25%;
}

.pro_center03 {
    background: url(../images/pro_center03_bg.jpg) no-repeat center;
    background-size: cover;
    margin-top: 70px;
    padding: 75px 0 100px;
}

.pro_center03 .t {
    font-size: 20px;
}

.pro_center03 .d {
    font-size: 30px;
}

.pro_center03 .link {
    margin: 25px 0 35px;
}

.pro_center03 .link .hl {
    color: #f76c0a;
}

.pro_center03 .btns a {
    display: inline-block;
    margin-right: 20px;
}

body .leaveMessagechannel-content-534 .form-m1 .form-m1-btn ._submit {
    background: #f76c0a;
}


.ibanner .dots_btn {
    display: none;
}

.ibanner:hover .dots_btn {
    display: block;
}

.ibanner .dots_btn {
    position: absolute;
    z-index: 10;
    bottom: 50px;
    right: 0%;
    width: auto;
    height: 50px;
    text-align: center;
    font-size: 0;
}

.ibanner .dots_btn .rect-565 {
    padding-bottom: 56.5%;
}

.ibanner .dots_btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

/*.ibanner .dots_btn .rect-5565{height:100%;}*/
.ibanner .dots_btn .dot {
    border: 4px solid #bababb;
    float: left;
    width: 90px;
    height: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.ibanner .dots_btn .dot .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 20
}

.ibanner .dots_btn .dot:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    z-index: 10;
}

/*.ibanner .dots_btn .dot .cover .icon{display:inline-block; width:36px; height:36px; position:absolute; left:50%; margin-left:-18px; top:50%; margin-top:-18px;}*/
.ibanner .dots_btn .dot.active:after {
    opacity: 0;
    visibility: hidden;
}

.pro_detail2 {
    background: url(../images/pro_picbg.jpg) no-repeat center;
    background-size: cover;
}

.pro_detail201 .desc {
    font-size: 16px;
    color: #6e6a6b;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto 40px;
}

.pro_detail201 .pic {
    height: 600px;
}

.pro_detail201 .pic .ctrl {
    top: 0;
    left: 50%;
    width: auto;
    margin-left: -635px;
    position: absolute;
}

.pro_detail201 .pic img {
    max-width: none;
}



.pro_center2 {
    background: url(../images/pro_detail2_bg.png) no-repeat center;
    background-size: cover;
}

.pro_center2 .pro_center02 {
    margin-top: 0;
}

.pro_center01 .common-h1 {
    font-weight: bold;
    color: #159941;
}

.box_wrap_in .bg-primary {
    background: #f76c0a;
}

.Form-J1 .Form-J1-Btn ._submit {
    background: #f76c0a !important;
}

.ibanner {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 0;
}

.index {
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: 720px;
}


/* 20230313 原ipart01 */
/* .ipart01{background:#303030;}
.ipart01 .infor {text-align:center; color:#fff; padding-top:60px;}
.ipart01 .infor .tit a{display:block; cursor:default;}
.ipart01 .infor .tit a:hover{color:#fff;}
.ipart01 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.ipart01 .infor .con{font-size:16px; color:rgba(255,255,255,.6); line-height:26px;}
.ipart01 .content{margin-top:40px; }
.ipart01 .content .item{float:left; width:20%; transition:all 0.5s ease; position:relative; height:251px; cursor:pointer; overflow:hidden;}
.ipart01 .content .item.cur{width:40%;}
.ipart01 .content .item ._img{position:absolute; left:50%; margin-left:-260px; bottom:0; width:520px; height:100%; max-width:none;}
.ipart01 .content .item .intro{position:relative; z-index:2; width:100%; height:100%;}
.ipart01 .content .item .intro .box{padding:47px 32px; ; color:#666;}
.ipart01 .content .item:last-child .intro .box{color:#fff;}
.ipart01 .content .item .intro .box .t{font-size:24px; font-weight:bold; line-height:26px; margin-bottom:17px; color:#353535;}
.ipart01 .content .item .intro .box .c{font-size:14px; color:#666; line-height:22px; color:#161616;} */
/*.ipart01 .content .item:last-child .intro .box .c{color:#fff;}*/
.ipart02 {
    padding-top: 60px;
}

.ipart02 .tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.ipart02 .desc {
    text-align: center;
    font-size: 15px;
}

.ipart02 .content {
    margin: 50px 0;
}

.ipart02 .content .left {
    width: 49%;
    float: left;
    position: relative;
}

.ipart02 .content .left .rect-745 {
    padding-bottom: 74.5%;
}

.ipart02 .content .left .video_news {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ipart02 .content .left .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner_on.png) no-repeat center
}

.ipart02 .content .left .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.ipart02 .content .left .intro .box {
    padding: 36px 140px 36px 40px;
    color: #fff;
}

.ipart02 .content .left .intro .box .d {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.ipart02 .content .left .intro .box .t {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}

.ipart02 .content .right {
    width: 50%;
    float: right;
}

.ipart02 .content .right .rect-3523 {
    padding-bottom: 35.23%;
}

.ipart02 .content .right .rect-7269 {
    padding-bottom: 72.69%;
}

.ipart02 .content .right .r_top {
    margin-bottom: 14px;
}

.ipart02 .content .right .r_top .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
}

.ipart02 .content .right .r_top .intro .box {
    padding: 36px 40px;
    color: #fff;
}

.ipart02 .content .right .r_top .intro .box .d {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.ipart02 .content .right .r_top .intro .box .t {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.ipart02 .content .right .r_bott {
    overflow: hidden;
}

.ipart02 .content .right .r_bott .bott_l {
    float: left;
    width: 49%;
}

.ipart02 .content .right .r_bott .bott_l .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.ipart02 .content .right .r_bott .bott_l .cover .play {
    width: 63px;
    height: 63px;
    background: url(../images/ipart02_play.png) no-repeat center;
    margin: 80px auto 16px;
}

.ipart02 .content .right .r_bott .bott_r {
    float: right;
    width: 49%;
}

.ipart02 .content .right .r_bott .bott_r {
    background: url(../images/ipt2_bg1.jpg) no-repeat center;
    transition: all 0.5s ease;
}

.ipart02 .content .right .r_bott .bott_r:hover {
    background: url(../images/ipt2_bg2.jpg) no-repeat center;
}

.ipart02 .content .right .r_bott .bott_r .box {
    padding: 62px 34px 45px 34px;
    color: #fff;
}

.ipart02 .content .right .r_bott .bott_r .box .d {
    font-size: 14px;
    line-height: 24px;
}

.ipart02 .content .right .r_bott .bott_r .box .t {
    font-size: 15px;
    line-height: 25px;
    height: 56px;
    /*overflow:hidden; */
    font-weight: bold;
}

.ipart02 {
    padding-bottom: 75px;
    background: #fff;
}

.ipart02 .list .item {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.ipart02 .list .item .item_box {
    display: block;
}

.ipart02 .list .item .item_box .intro {
    position: relative;
    overflow: hidden;
}

.ipart02 .list .item .item_box .intro .t {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    margin-bottom: 7px;
    height: 60px;
    overflow: hidden;
}

.ipart02 .list .item .item_box .intro .d {
    font-size: 14px;
    line-height: 22px;
    color: #f76c0a;
    margin-bottom: 18px;
}

.ipart02 .list .item .item_box .intro .c {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    margin-bottom: 40px;
    height: 44px;
    overflow: hidden;
}

.ipart02 .list .item .item_box .intro:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d1d1d1;
}

.ipart02 .list .item .item_box .intro:before {
    content: '';
    width: 0%;
    height: 5px;
    background: #f76c0a;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s ease;
}

.ipart02 .list .item:hover .item_box .intro:before {
    width: 100%;
    z-index: 3
}

.ipart02 .list .item:hover .item_box .intro .t {
    color: #f76c0a;
}

.ipart02 .content .left .owl-nav>div {
    color: #fff;
    padding: 0;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}

.ipart02 .content .left .owl-nav .owl-prev {
    left: 0;
}

.ipart02 .content .left .owl-nav .owl-next {
    right: 0;
}

.ipart02 .content .left .owl-nav>div:hover {
    color: #f76c0a;
}

.ipart02 .content .left .owl-nav>div i {
    margin: 0;
}

.ipart02 .list .owl-dots {
    position: absolute;
    z-index: 10;
    bottom: -45px;
    left: 0%;
    width: 100%;
    text-align: center;
}

.ipart02 .list .owl-dot {
    width: 9px;
    height: 9px;
    background: #a5acb0;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.ipart02 .list .owl-dot.active {
    background: #eaeaea;
    width: 13px;
    height: 13px;
}

.news_list01 .ipart02 {
    background: none;
    padding: 50px 0;
}

.news_list01 .ipart02 .content {
    margin-top: 0;
    margin-bottom: 20px;
}

.news_list01 .ipart02 .list .item {
    background: #fff;
}

.news_list01 .ipart02 .list .item .intro {
    padding: 40px 30px 0;
}

.pro_cla_page {
    background: url(../images/pro_clabg.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 0;
}

.pro_cla_page .tit {
    font-size: 48px;
    font-weight: bold;
    color: #373833;
    margin-bottom: 15px;
}

.pro_cla_page .desc {
    color: #585455;
    font-size: 18px;
    margin-bottom: 35px;
}

.pro_cla_page .item a {
    display: block;
}

.pro_cla_page .item a img {
    height: 56px;
    width: auto;
    margin: 0 auto;
}

.pro_cla_page .item .top_pro,
.pro_cla_page .item .btm_pro {
    height: 112px;
}

.pro_cla_page .item .param {
    text-align: center;
    color: #444;
    font-size: 18px;
    margin: 10px 0;
}

.pro_cla_page .cla_owl {
    position: relative;
    padding-right: 60px;
    padding-left: 120px;
}

.pro_cla_page .cla_owl .owl-prev,
.pro_cla_page .cla_owl .owl-next {
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -17px;
    font-size: 26px;
    line-height: 32px;
}

.pro_cla_page .cla_owl .owl-prev:hover,
.pro_cla_page .cla_owl .owl-next:hover {
    color: #f76c0a;
}

.pro_cla_page .cla_owl .owl-next {
    right: -50px;
    left: auto;
}

.pro_cla_page .cla_owl:after {
    content: "";
    position: absolute;
    left: -1920px;
    right: -1920px;
    height: 1px;
    top: 50%;
    background: #d7d7d7;
    z-index: 0;
}

.pro_cla_page .cla_flag {
    position: absolute;
    left: 0;
    top: 50%;
    color: #f76c0a;
    font-weight: bold;
    font-size: 18px;
    line-height: 60px;
    margin-top: -60px;
}

/* 20210826 */
.pro_search .pro_center02 {
    margin-top: 0px;
}

.pro_cla_page .pro_cla02 {
    position: relative;
}

.pro_cla_page .pro_cla02:after {
    content: "";
    position: absolute;
    bottom: 60px;
    left: -1920px;
    right: -1920px;
    height: 1px;
    background: #d7d7d7;
    z-index: 0;
}

.pro_cla_page .pro_cla02>.fix {
    position: relative;
    z-index: 1;
}

.pro_cla_page .pro_cla02 .cla_2 {
    width: 18%;
}

.pro_cla_page .pro_cla02 .cla_3 {
    width: 27%;
}

.pro_cla_page .pro_cla02 .cla_5 {
    width: 45%;
    margin: 0 5%;
}

.pro_cla_page .pro_cla02 .cla_2 .item {
    width: 50%;
}

.pro_cla_page .pro_cla02 .cla_3 .item {
    width: 33%;
}

.pro_cla_page .pro_cla02 .cla_5 .item {
    width: 20%;
}

.pro_cla_page .pro_cla02 .item {
    float: left;
    margin-top: 50px;
}

.pro_cla_page .pro_cla02 .item .top_pro {
    /*height:auto;*/
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.pro_cla_page .pro_cla02 .cla_box {
    position: relative;
    padding-bottom: 40px;
}

.pro_cla_page .pro_cla02 .cla_box .cla_tit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #f76c0a;
    font-weight: bold;
    font-size: 18px;
}

.pro_cla_page .pro_cla02 .cla_8 {
    width: 75%;
    margin-right: 5%;
}

.pro_cla_page .pro_cla02 .cla_8 .item {
    width: 12.5%;
}

.pro_cla_page .pro_cla02 .cla_7 {
    width: 65%;
}

.pro_cla_page .pro_cla02 .cla_7 .item {
    width: 14.2%;
}


.global03 .content {
    padding: 0 50px;
    position: relative;
}

.global03 .content .rect-5133 {
    padding-bottom: 51.33%;
}

.global03 .content .dot_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.global03 .content .dot_box .dot {
    position: absolute;
    cursor: pointer;
}

.global03 .content .dot_box .dot .dot_circle {
    display: block;
    width: 14px;
    height: 14px;
    background: #f76c0a;
    position: relative;
    z-index: 3;
    border-radius: 50%;
}

.global03 .content .dot:after,
.global03 .content .dot:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.global03 .content .dot:before {
    width: 29px;
    height: 29px;
    background: transparent;
    background: rgba(238, 107, 0, 0.3);
    margin-top: -14px;
    margin-left: -14px;
    -webkit-animation: warn 2s linear 0.4s infinite;
    -moz-animation: warn 2s linear 0.4s infinite;
    animation: warn 2s linear 0.4s infinite;
    opacity: 0;
}

.global03 .content .dot:after {
    width: 46px;
    height: 46px;
    background: transparent;
    /*background:#7e9ec3;*/
    background: rgba(238, 107, 0, 0.2);
    margin-left: -23px;
    margin-top: -23px;
    -webkit-animation: warn 2s linear 0s infinite;
    -moz-animation: warn 2s linear 0s infinite;
    animation: warn 2s linear 0s infinite;
    opacity: 0;
}

.global03 .content .cover {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(238, 107, 0, 0.8);
    width: 45%;
}

.global03 .content .cover .box {
    padding: 50px;
}

.global03 .content .cover .box dt {
    float: left;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
}

.global03 .content .cover .box dd {
    float: left;
    width: 49%;
    margin-right: 2%;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-top: 5px;
}

.global03 .content .cover .box dd span {
    display: inline-block;
    margin-right: 3px;
    font-size: 28px;
    font-family: Arial;
    font-weight: bold;
}

.global03 .content .cover .box dd.even {
    margin-right: 0;
}

.global03 .content .cover .box .text {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-top: 30px;
}

.global03 .content .dot_box .dot:hover {
    z-index: 100;
}

.global03 .content .dot_box .dot:hover .info {
    display: block;
}

.global03 .content .dot_box .dot .info {
    position: absolute;
    top: 100%;
    left: 100%;
    margin-top: 20px;
    margin-left: 20px;
    background: #f76c0a;
    color: #fff;
    width: 150px;
    padding: 10px;
    display: none;
    z-index: 100
}

.global03 .content .dot_box .dot .info .dot_t {
    border-bottom: 1px solid #f39f6d;
    padding: 0 5px 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.global03 .content .dot_box .dot .info .dot_d {
    padding: 0 5px;
}

@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    25% {
        transform: scale(1);
        opacity: 0.4;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    75% {
        transform: scale(1.3);
        opacity: 0.4;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@-webkit-keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    25% {
        transform: scale(1);
        opacity: 0.4;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    75% {
        transform: scale(1.3);
        opacity: 0.4;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.pro_center02 li .info .txt {
    display: none;
}

/* lixiaoyu 2021-0918*/
.pro_detail02 .section4 .content .rect-566 {
    padding-bottom: 75%
}

body .select-ui-options-default {
    max-height: 200px;
}

.header .pro_li .dropdown .right .infor {
    float: none;
}

/* 2022-01-21 down_detail wangzb */
.down_detail01 {
    margin: 65px 0;
    background: #fff;
}

.down_detail01 .content .left {
    width: 21.3%;
    float: left;
}

.down_detail01 .content .left .title {
    width: 100%;
    background: #ec6b1e;
    padding: 25px 0;
    box-sizing: border-box;
    padding-left: 7.4%;
}

.down_detail01 .content .left .title span {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
}

.down_detail01 .content .left .list_down .li_ {
    cursor: pointer;
    background: #fff;
}

.down_detail01 .content .left .list_down .li_ .tit {
    font-size: 18px;
    padding: 20px 30px 20px 23px;
    border: 1px solid #ececec;
}

.down_detail01 .content .left .list_down .tit i {
    display: block;
    float: right;
}

.down_detail01 .content .left .list_down .li_ .tit.on {
    background: #d7d7d7;
}

.down_detail01 .content .left .list_down .li_ .tit .icon1 {
    display: block;
}

.down_detail01 .content .left .list_down .li_ .tit .icon2 {
    display: none;
}

.down_detail01 .content .left .list_down .li_ .tit.on .icon1 {
    display: none;
}

.down_detail01 .content .left .list_down .li_ .tit.on .icon2 {
    display: block;
}

.down_detail01 .content .left .list_down dl i {
    display: block;
    float: right;
}

.down_detail01 .content .left .list_down .li_ dl {
    display: none;
}

.down_detail01 .content .left .list_down .li_ dd {
    padding: 20px 30px 20px 23px;
    padding-left: 7.4%;
    font-size: 18px;
    color: #000;
    cursor: pointer;
}

.down_detail01 .content .right {
    width: 75.1%;
    float: right;
}

.down_detail01 .content .right .tit {
    font-size: 16px;
}

.down_detail01 .content .right .tit span {
    display: inline-block;
}

.down_detail01 .content .right .widgets_xc_invest_list_5 .bd .li_box .intro .tit {
    width: 80%;
}

.down_detail01 .content .right .widgets_xc_invest_list_5 .bd .li_box .intro {
    padding: 17px 30px;
}

.down_detail01 .widgets_xc_invest_list_5 {
    padding: 20px 0;
}

/* 2022-01-21 down_list wangzb */
.down_list {
    background: #fafafa;
}

.down_list01 {
    background: #fafafa;
}

.down_list01 .infor .title {
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.down_list01 .infor .title .img_ {
    margin-top: 10px;
    margin-right: 1%;
}

.down_list01 .mh_query {
    display: none;
}

.down_list01 .mh_query ul {
    border: 2px solid #e8e8e8;
    width: 100%;
    height: 260px;
    overflow: auto;
    padding: 0px 30px;
    box-sizing: border-box;
    margin-top: 30px;
}

.down_list01 .mh_query ul::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

.down_list01 .mh_query ul::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #ec6b1f;
}

.down_list01 .mh_query ul::-webkit-scrollbar-track {
    border-radius: 0;
    background: #E4E4E4;
}

.down_list01 .mh_query ul {
    border: 2px solid #e8e8e8;
    width: 100%;
    height: 260px;
    overflow: auto;
    padding: 0px 30px;
    box-sizing: border-box;
    margin-top: 30px;
}

.down_list01 .mh_query .li_ {
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    font-size: 16px;
}

.down_list01 .mh_query .li_.on {
    background: #ec6b1f;
}

.down_list01 .fail_type {
    display: none;
}

.down_list01 .fail_type ul {
    width: 100%;
    height: 212px;
    overflow: auto;
    box-sizing: border-box;
    margin-top: 30px;
}

.down_list01 .fail_type ul::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

.down_list01 .fail_type ul::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #ec6b1f;
}

.down_list01 .fail_type ul::-webkit-scrollbar-track {
    border-radius: 0;
    background: #E4E4E4;
}

.down_list01 .fail_type .li_ {
    width: 12%;
    float: left;
    margin-right: 2%;
}

.down_list01 .fail_type .li_ .rect-100 {
    padding-bottom: 100%;
}

.down_list01 .fail_type .li_ span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.down_list01 .fail_type .li_.li_six {
    margin-right: 0;
}

.down_list01 .content .form_box {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    width: 100%;
    height: 100px;
    padding: 30px 3%;
    box-sizing: border-box;
    margin-top: 40px;
    background: #fff;
}

.down_list01 .content .form_box .inp_ {
    width: 85%;
    padding: 0;
    box-sizing: border-box;
    height: 40px;
    float: left;
    background: #fff;
    border: 0;
    font-size: 20px;
}

.down_list01 .content .form_box .close {
    width: 4%;
    display: block;
    float: right;
    border: 0;
    height: 37px;
    color: #000;
    font-size: 24px;
    line-height: 44px;
    font-weight: bold;
}

.down_list01 .content .hd {
    margin-top: 45px;
    margin-bottom: 40px;
}

.down_list01 .content .hd .li_ {
    float: left;
    width: 23.5%;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    margin-right: 2%;
    border: 1px solid #e8e8e8;
}

.down_list01 .content .hd .li_.li_four {
    margin-right: 0;
}

/* .down_list01 .content .hd .li_box{width:90%; border:1px solid #e8e8e8; margin:2% 0; height:100%; display:block;} */
.down_list01 .content .hd .li_ .rect-6419 {
    padding-bottom: 67.57%;
}

.down_list01 .content .hd .li_.on .li_box {
    background: #fdead9;
    border: 1px solid #fdead9;
    display: block;
}

.down_list01 .content .hd .li_ .img_ {
    display: block;
}

.down_list01 .content .hd .li_ span {
    display: block;
    font-size: 20px;
    color: #ed6c00;
    font-weight: bold;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.down_list01 .content .hd .li_ i {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-60%) rotateZ(90deg);
    font-size: 30px;
    color: #ed6c00;
    display: none;
}

.down_list01 .content .hd .li_.on i {
    display: block;
}

.down_list01 .content .hd.on .list_box {
    display: block;
}

.down_list01 .content .hd .list_box.on {
    display: block;
}

.down_list01 .content .hd_mobile {
    display: none;
}

.down_list01 .content .list_box {
    float: left;
    width: 100%;
    margin-top: 40px;
    display: none;
}

.down_list01 .content .list_box .list {
    width: 30%;
    margin-left: 4%;
    float: left;
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.down_list01 .content .list_box .list:first-child {
    margin-left: 0;
}

.down_list01 .content .list_box .list dd.on {
    background: #d7d7d7;
}

.down_list01 .content .list_box .list .tit {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: #ec6b1e;
    padding: 20px 0;
}

.down_list01 .content .list_box .list dl {
    height: 330px;
    overflow: auto;
    float: left;
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}

.down_list01 .content .list_box .list dl::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

.down_list01 .content .list_box .list dl::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #ec6b1e;
}

.down_list01 .content .list_box .list dl::-webkit-scrollbar-track {
    border-radius: 0;
    background: #E4E4E4;
}

.down_list01 .content .list_box .list dd {
    font-size: 20px;
    line-height: 40px;
    color: #333;
    text-align: center;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
}

/* down_list 20220221*/
.down_list01 .fail_type .li_ {
    width: 6%;
}

/* 20220506 */
.header .inav .nav_li .dropdown {
    background-size: cover;
}

.service_page .rect-20,
.service_page .rect-108 {
    height: 120px;
}

/* 20220606 */
.down_detail01 .content .left ul {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.down_detail01 .content .left ul::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

.down_detail01 .content .left ul::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #ec6b1e;
}

.down_detail01 .content .left ul::-webkit-scrollbar-track {
    border-radius: 0;
    background: #E4E4E4;
}

.news_detail01 .left .bshare-custom a {
    width: 83px;
}

/* 2023-0201 */
.pro_center02 .inp_box_wrap .select {
    position: relative;
    display: inline-block;
    width: 140px;
}

.pro_center02 .inp_box_wrap .select .sel_span {
    font-size: 14px;
    line-height: 37px;
    position: relative;
    border-bottom: 1px solid #cfcfcf;
    cursor: pointer;
}

.pro_center02 .inp_box_wrap .select .sel_span::before {
    content: '';
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%, 0);
    transition: all 0.5s ease;
}

.pro_center02 .inp_box_wrap .select .sel_span::after {
    content: '';
    width: 8px;
    height: 6px;
    background: url(../images/comparison_jt.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 5px;
    top: 16px;
}

.pro_center02 .inp_box_wrap .select .sel_span:hover::before {
    width: 100%;
}

.pro_center02 .inp_box_wrap .select .sel_down {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    max-height: 310px;
    overflow: auto;
    z-index: 2;
    background: #f6f6f6;
}

.pro_center02 .inp_box_wrap .select .sel_down::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}

.pro_center02 .inp_box_wrap .select .sel_down::-webkit-scrollbar-thumb {
    background: #0054ff;
}

.pro_center02 .inp_box_wrap .select .sel_down::-webkit-scrollbar-track {
    background: #f6f5f5;
}

.pro_center02 .inp_box_wrap .select .sel_down dd {
    line-height: 30px;
    cursor: pointer;
    font-size: 13px;
}

.pro_center02 .inp_box_wrap {
    width: 100px;
}

.pro_center02 .inp_box_wrap.select_wrap {
    width: auto;
}

.pro_center02 .inp_box_wrap span.pc_span {
    display: inline-block;
}

.pro_center02 .inp_box_wrap span.phone_span {
    display: none;
}

.pro_center02 .inp_box_wrap .inp_box::-webkit-input-placeholder {
    color: #777;
}

.pro_center02 .inp_box_wrap .inp_box {
    border-radius: 0;
}


/* 20230208 wrt */
.header .inav .nav_li .dropdown {
    background: #fff;
}

.header .dropdown .left {
    position: relative;
    padding-top: 35px;
}

.header .dropdown .left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1920px;
    background: #efefef;
    z-index: -1;
}

.header .dropdown .left ul li {
    line-height: 40px;
}

.header .dropdown .left ul {
    padding-bottom: 25px;
}

.xc-banner.xc-banner-pro {
    height: 390px;
}

.pro_center02 .inp_box_wrap .select .sel_span {
    color: #afafaf;
}

.pro_center02 .inp_box_wrap .select.sel1 .sel_span {
    color: #5e5e5e;
}

.pro_center02 .inp_box_wrap .select .sel_span.nowc {
    color: #5e5e5e;
}

.pro_center02 .inp_box_wrap input.inp_box.hd_inp:-moz-placeholder {
    color: #afafaf;
}

.pro_center02 .inp_box_wrap input.inp_box.hd_inp::-webkit-input-placeholder {
    color: #afafaf;
}

.pro_center02 .inp_box_wrap input.inp_box.hd_inp:-ms-input-placeholder {
    color: #afafaf;
}

.pro_center02 .inp_box_wrap .inp_box.hd_inp {
    color: #5e5e5e;
}

.pro_center02 li .info .cla.cla_phone {
    display: none;
}

.m_footer {
    display: none;
}

.pro_detail01 .right .owl-prev,
.pro_detail01 .right .owl-next {
    position: absolute;
    top: 50%;
    right: -10px;
    width: 50px;
    height: 50px;
    font-size: 0;
    transform: translateY(-50%);
    background: url(../images/pro_detail01_r_jt01.png) no-repeat center/cover;
}

.pro_detail01 .right .owl-prev {
    left: -10px;
    right: auto;
    transform: translateY(-50%) rotate(180deg);
}

.pro_detail01 .right .owl-prev:hover,
.pro_detail01 .right .owl-next:hover {
    background: url(../images/pro_detail01_r_jt02.png) no-repeat center/cover;
}

.pro_search .pro_center02 li {
    padding-top: 25px;
    position: relative;
}

.pro_search .pro_center02 li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
}

.pro_search .pro_center02 li.dd::after {
    background: url(../images/pro_center02——dd.png) no-repeat center/cover;
}

.pro_search .pro_center02 li.hd::after {
    background: url(../images/pro_center02——hd.png) no-repeat center/cover;
}

.pro_search .pro_center02 li.cd::after {
    background: url(../images/pro_center02——cd.png) no-repeat center/cover;
}

.pro_center02 li .more_box {
    display: none;
}

.pro_center02 li .info .param {
    padding-left: 0;
}

.pro_center02 li .info .param:after {
    display: none;
}


/* 型谱 */
.xingpu .height01 {
    margin-top: 60px;
}

.xingpu01.height01 {
    margin-top: 0;
}

.xingpu .wrap .boxx {
    overflow-x: auto;
}

.xingpu .wrap .boxx::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.xingpu .wrap .boxx::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #f76c0a;
}

.xingpu .wrap .boxx::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f6f5f5;
}

.xingpu .table_box tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.xingpu .table_box.cont thead td>div {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.xingpu .table_box.cont thead td .tit {
    position: -webkit-sticky;
    position: sticky;
    left: 70px;
}

.xingpu .table_ {
    width: auto;
    display: table;
    padding-bottom: 5px;
}

.xingpu .table_box {
    width: auto;
    font-size: 0;
    display: table;
}

.xingpu .table_box tr {
    white-space: nowrap;
}

.xingpu .table_box th,
.xingpu .table_box td {
    width: 145px;
    text-align: center;
    display: inline-block;
}

.xingpu .table_box .t {
    font-size: 18px;
    line-height: 20px;
    color: #000;
}

.xingpu .table_box.cont thead td {
    background: #858585;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 0;
    height: 46px;
    line-height: 46px;
}

.xingpu .table_box.cont thead td>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    height: 46px;
}

.xingpu .table_box.cont tbody tr {
    border-bottom: 1px solid #bfbfbf;
}

.xingpu .table_box.cont tbody th,
.xingpu .table_box.cont tbody td {
    line-height: 34px;
    font-size: 16px;
    text-align: center;
}

.xingpu .table_box tbody th {
    font-weight: bold;
    background: #fff;
    text-align: left;
    padding-left: 15px;
    width: 110px;
    text-align: left !important;
}

.xingpu .table_box.cont thead td .img img {
    display: block;
    height: 100%;
}

.xingpu .table_box .柴动 {
    color: #dc732b;
}

.xingpu .table_box .电动 {
    color: #00944b;
}

.xingpu .table_box .混动 {
    color: #009ce1;
}

.xingpu .title {
    font-size: 24px;
    line-height: 1;
    color: #000;
    font-weight: bold;
}

.xingpu .height01 .wrap {
    position: relative;
}

.xingpu .height01 .wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: 52%;
    background: url(../images/ipart01_jt_r.png) no-repeat center;
    width: 24px;
    height: 27px;
    animation: certFlag infinite linear 1.8s;
    -webkit-animation: certFlag infinite linear 1.8s;
}

@keyframes certFlag {
    0% {
        transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes certFlag {
    0% {
        -moz-transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        -moz-transform-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes certFlag {
    0% {
        -webkit-transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        -webkit-transform-transform: translateX(0);
        opacity: 1;
    }
}

/* 分页 start */
.widgets_common_pages_4 {
    font-size: 18px;
    color: #838383;
    text-align: center;
    margin-top: 40px;
}

.widgets_common_pages_4 a,
.widgets_common_pages_4 span {
    color: #838383;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-right: 5px;
    font-size: 20px;
}

.widgets_common_pages_4 .gonext,
.widgets_common_pages_4 .count {
    margin-left: 10px;
}

.widgets_common_pages_4 span {
    color: #fc6621;
}

.widgets_common_pages_4 .goprev,
.widgets_common_pages_4 .gonext {
    color: #838383;
    border: 1px solid #8f8f8f;
}

.widgets_common_pages_4 .goprev {
    margin-right: 10px;
}

.widgets_common_pages_4 a:hover,
.widgets_common_pages_4 .goprev:hover {
    color: #fc6621;
}

body .widgets_common_pages_4 .goprev i,
body .widgets_common_pages_4 .gonext i {
    font-size: 0.8em;
}

body .widgets_common_pages_4 a,
.widgets_common_pages_4 span {
    font-size: 18px;
}

@media only screen and (max-width:760px) {
    .widgets_common_pages_4 {
        margin-top: 20px;
    }

    .widgets_common_pages_4 .goprev,
    .widgets_common_pages_4 .gonext,
    .widgets_common_pages_4 span.count {
        display: inline-block;
    }

    .widgets_common_pages_4 a,
    .widgets_common_pages_4 span {
        width: 24px;
        line-height: 24px;
        height: 24px;
        display: inline-block;
    }

    body .widgets_common_pages_4 a,
    .widgets_common_pages_4 span {
        font-size: 16px;
    }

}

/* 分页 end */

/* 新闻新筛选 */
.news_list02 .inp_box_wrap .select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.news_list02 .inp_box_wrap .select .sel_span {
    font-size: 18px;
    color: #242424;
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
}

.news_list02 .inp_box_wrap .select .sel_span::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/news_center02_comparison_jt.png) no-repeat center/cover;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.news_list02 .inp_box_wrap .select .sel_down {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    max-height: 310px;
    overflow: auto;
    z-index: 2;
    background: #f6f6f6;
}

.news_list02 .inp_box_wrap .select .sel_down::-webkit-scrollbar {
    width: 2px;
    height: 4px;
}

.news_list02 .inp_box_wrap .select .sel_down::-webkit-scrollbar-thumb {
    background: #f76c0a;
}

.news_list02 .inp_box_wrap .select .sel_down::-webkit-scrollbar-track {
    background: #f6f5f5;
}

.news_list02 .inp_box_wrap .select .sel_down dd {
    line-height: 30px;
    cursor: pointer;
    font-size: 13px;
}


.top-nav .top-nav-content .container .t {
    border-bottom: 1px solid #d4d4d4;
}

.top-nav .top-nav-content .container .t>span {
    display: block;
    font-size: 17px;
    padding: 12px 0 5px 0;
    font-weight: normal;
    overflow: hidden;
    margin: 0;
    position: relative
}

.top-nav .top-nav-content .container .t>span i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    transition: all 0.5s ease;
}

.top-nav .top-nav-content .container .t.cur>span i {
    transform: rotateZ(90deg);
}

.top-nav .top-nav-content .container .t .lan_down {
    padding-left: 20px;
    border-top: 1px solid #d4d4d4;
    display: none;
}

.top-nav .top-nav-content .container .t .lan_down a {
    display: block;
    font-size: 14px;
    padding: 12px 0 5px 0;
    font-weight: normal;
    overflow: hidden;
}


/* 产品列表样式更换 */
.pro_search .pro_center02 .filter {
    width: 23%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
}

.pro_search .pro_center02 .inp_box_wrap {
    width: 100%;
    float: none;
    margin-left: 0;
}

.pro_search .pro_center02 .inp_box_wrap.select_wrap {
    width: 100%;
}

.pro_search .pro_center02 .inp_box_wrap span.pc_span {
    width: 70px;
}

.pro_search .pro_center02 .inp_box_wrap .select {
    width: calc(100% - 80px);
}

.pro_search .pro_center02 .inp_box_wrap.hd_btn {
    width: 100%;
    margin-top: 10px;
}

.pro_search .pro_center02 .pro_sear_r {
    float: right;
    width: 75%;
}

.pro_search .pro_center02 .pro_sear_r li {
    margin-top: 0;
    margin-bottom: 30px;
}

/* 产品按钮添加 */
.pro_detail01 .left .sameEQ {
    margin: 15px 0;
}

.pro_detail01 .left .sameEQ a {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
    color: #3f3f3f;
    transition: all .3s ease;
    line-height: 30px;
}

.pro_detail01 .left .sameEQ a:last-child {
    margin-right: 0;
}

.pro_detail01 .left {
    width: 44%;
}

.pro_detail01 .right {
    width: 52%;
}

.pro_detail01 .left .sameEQ a:hover {
    color: #f76c0a;
}

.pro_detail01 .left .sameEQ a.active {
    color: #f76c0a;
}

.pro_detail01 .left .info .con {
    display: none;
}

.pro_detail01 .left .info .tit span {
    color: #f76c0a;
}

/* 20230313 新ipart01 原来的在1695 */
.ipart01 {
    background: #3f3a39;
}

.ipart01 .content {
    padding: 0 7.7%;
    position: relative;
}

.ipart01 .content .item {
    width: 25%;
    float: left;
    padding: 20px 0;
    transition: all .4s ease;
}

.ipart01 .content .item .pic {
    text-align: center;
}

.ipart01 .content .item .pic img {
    display: inline-block;
}

.ipart01 .content .item .tit {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 10px;
    transition: all 0.5s ease;
}

.ipart01 .content .item .tit {
    font-size: 16px;
}

.ipart01 .content .item:hover {
    background: #f76c0a;
}

.ibanner .dots_btn {
    bottom: 120px;
}

.ibanner li .banner_img img {
    min-width: 100%;
}

/* 搜索 */
body .searchArea .content_form .form_box .search .btn_wrap .btns:hover {
    background: #f76c0a;
}

body .searchArea .content_form .form_box .search .btn_wrap .btns::before {
    background: #f76c0a;
}

.down_detail01 .content .left .list_down .li_ .tit {
    font-size: 16px;
}

.down_list01 .fail_type .li_ {
    width: 13%;
}

.crs02 .bott_ .item .inner .con>a {
    color: #f76c0a;
}

.crs02 .bott_ .item .inner .con .txt {
    margin-bottom: 20px;
}