/*@charset "UTF-8";*/

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.BMap_Marker img {
    width: auto;
    display: inline-block;
}

.BMap_bubble_content img {
    width: auto;
    display: inline-block;
}

#ascrail2000 {
    padding: 20px 0;
}

.EnLight {
    font-family: "GOTHAM-LIGHT", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

@font-face {
    font-family: "GOTHAM-LIGHT";
    src: url(../fonts/GOTHAM-LIGHT.OTF);
}

@font-face {
    font-family: "NumberBold";
    src: url(../fonts/POPPINSLATIN-SEMIBOLD_0.OTF);
}

@font-face {
    font-family: "UnidreamLED";
    src: url(../fonts/UnidreamLED.ttf);
}

@font-face {
    font-family: "roboto";
    src:url(../fonts/roboto-medium-12.ttf);
}
@font-face {
    font-family: "robotoBold";
    src:url(../fonts/roboto-bold-3.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal !important;

}
*,*:focus{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline:none;
}

html, body {
    font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
    background: #fff;
    font-size: 14px;
    color: #333;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

/*默认样式*/
.nicescroll-cursors {
    border: none !important;
}

.nicescroll-rails {
    cursor: pointer !important;
}

/*#ascrail2000 {*/
/*    height: calc(100vh - 20px) !important;*/
/*    top: 10px!important;*/
/*    right: 3px!important;*/
/*    overflow: hidden!important;*/
/*}*/

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
    width:100%;
}

img {
    border: none;
    display: block;
    width: 100%;
}

i {
    font-style: normal;
}

div {
    display: block;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

div:focus{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

video {
    outline: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "思源黑体 CN ligth", "Source-Hei", "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*input高亮*/
.salient-input {
    padding: 7px 5px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #4faad6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(10, 201, 245, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(10, 201, 245, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8c8c8c;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8c8c8c;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8c8c8c;
}

.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.roboto{
    font-family:roboto,sans-serif!important;
}
.robotoBold{
    fnot-family:robotoBold,sans-serif!important;
}
.swiper-animation {
    opacity: 0;
}



.banner_box .swiper-slide {
    background: #fff;
    overflow: hidden;
}

.index_content_wrap {
    position: relative;
    /*margin-top:calc(100vh + 110px);*/
    margin-top:100vh;
    background: #fff;
    z-index: 9;
}

/*loading加载*/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 30px;
    z-index: 999999;
}

.loading:after {
    height: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all .6s .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s .6s cubic-bezier(.645, .045, .355, 1);
}

.loading:before {
    height: 50%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all .6s .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s .6s cubic-bezier(.645, .045, .355, 1);
}

.load0:after {
    height: 0;
    opacity: 0;
}

.load0:before {
    height: 0;
    opacity: 0;
}

.loading-logo {
    position: relative;
}

.loading-light {
    position: absolute;
    height: 1px;
    width: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    background: #1a1a1a;
    z-index: 1;
}

.load100 {
    width: 100%;
    opacity: 0;
}

.xl-progress-wp {
    position: absolute;
    width: 316px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.logo-pd {
    padding: 0 38px;
}

.xl-progress {
    position: relative;
    width: 100%;
    height: 16px;
    border-radius: 20px;
    background-color: #eeeeed;
    overflow: hidden;
}

.xl-progress__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 20px;
    background-color: #f3d08c;
}

.xl-progress__txt {
    color: #959595;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.xl-progress__txt:after {
    content: "";
    position: absolute;
    width: 38%;
    height: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-linear-gradient(90deg, #fff, #cccccc);
    background: -o-linear-gradient(90deg, #fff, #cccccc);
    background: -moz-linear-gradient(90deg, #fff, #cccccc);
    background: linear-gradient(90deg, #fff, #cccccc);
}

.xl-progress__txt:before {
    content: "";
    position: absolute;
    width: 38%;
    height: 1px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-linear-gradient(90deg, #cccccc, #fff);
    background: -o-linear-gradient(90deg, #cccccc, #fff);
    background: -moz-linear-gradient(90deg, #cccccc, #fff);
    background: linear-gradient(90deg, #cccccc, #fff);
}




/*头部*/
.web_center {
    padding: 0 260px;
}
.web_center_pro_wrap{
    padding:0 160px;
}
.web_center_pro{
    padding:0 100px;
}

.nav_public_wrap{
    display:none;
}

.header_wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.header_wrap_index.hover{
    background:#fff;
}

.header_nav_top{
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15) !important;
}
.header_wrap.header_up{
    transform:translateY(-100%);
    opacity:0;
}

.header_box {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 11;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: .3s cubic-bezier(.34, .34, .27, .91);
    transition: .3s cubic-bezier(.34, .34, .27, .91);
    -webkit-align-items: center;
    align-items: center;
}
.header_wrap_index .header_box .header_item a{
    padding: 50px 0;
}
.header_nav_top .header_box .header_item a,.header_wrap.hover .header_box .header_item a{
    padding: 30px 0;
}
.header_wrap_index .header_item a{
    color:#fff;
    font-weight:normal;
}
.header_white .header_item a,.header_nav_top .header_item a ,.header_wrap_index.hover .header_item a{
    color: #333;
    font-weight:normal;
}

.header_white .header_active a,.header_nav_top .header_active a,.header_wrap_index .header_active a,.header_wrap_index.hover .header_active a{
    color: #e31d1a;
    /*font-weight:bold;*/
}


.header_white .header_item:after,.header_nav_top .header_item:after,.header_wrap_index.hover .header_item:after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-1px;
    width:0;
    height:2px;
    background:#e31d1a;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}

.header_white .header_item:hover:after,.header_white .header_item.header_active:after,
.header_nav_top .header_item:hover:after,.header_nav_top .header_item.header_active:after,
.header_wrap_index.hover .header_item:hover:after,.header_wrap_index.hover .header_item.header_active:after
{
    width:100%;
}



.header_white .header_box .header_item a{
    padding: 30px 0;
}


.header_white {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15) !important;
}

.header_nav_logo {
    width: 150px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.header_nav_logo a {
    display: block;
}

.header_img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 99;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
}
.header_wrap_index{
    height:120px;
}
.header_white,.header_nav_top,.header_wrap.hover{
    height:80px;
}
.header_ul {
    width: calc(100% - 152px);
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header_logo {
    width: 152px;
}

.header_logo a {
    display: block;
}

.page_top {
    margin-top: 84px;
}

.header_item {
    position:relative;
    margin: 0 10px;
    padding:0 10px;
}



.header_item:last-child {
    margin-right:0;
}









.header_item a {
    display:inline-block;
    vertical-align:top;
    font-size: 15px;
    line-height: 20px;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}


.header_slideSubMenu{
    position:absolute;
    top:80px;
    left:0;
    width:100%;
    height:50px;
    z-index:10;
    display:none;
}
.header_nav_top .header_slideSubMenu,.header_wrap_index.hover .header_slideSubMenu{
    top:80px;
    height:50px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .0375);
}
.header_sub_inner:after{
    content:'';
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
}
.header_sub_inner::after{
    content:'';
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
}
.header_sub_inner .header_ul{
    float:right;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}
.header_slideSubMenu_in{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    border-top:1px solid #ddd;
    background:#fff;
    font-size:13px;
    line-height:50px;
    white-space:nowrap;
    overflow:hidden;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    opacity:0;
}

.header_nav_top .header_slideSubMenu_in{
    line-height:50px;
}
.header_slideSubMenu_in.active{
    opacity:1;
    z-index:10;
}
.header_slideSubMenu_in .header_ul a{
    position:relative;
    display:inline-block;
    vertical-align:top;
    color:#666;
    margin:0 35px;
    -wekbt-transition:all .3s linear;
    transition:all .3s linear;
}
.header_slideSubMenu_in .header_ul a:after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:2px;
    background:#e31d1a;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.header_slideSubMenu_in .header_ul a.active,.header_slideSubMenu_in .header_ul a:hover{
    color:#e31d1a;
}
.header_slideSubMenu_in .header_ul a.active:after,.header_slideSubMenu_in .header_ul a:hover:after{
    width:100%;
}
.header_slideSubMenu_in .header_url a,.header_slideSubMenu_in .header_url a:hover{text-decoration:none;}

.header_nav_button{
    display:none;
}

.button-aylen {
    display: block;
    text-align: center;
    position: relative;
}

.banner_box {
    width: 100%;
    height: -webkit-calc(100vh - 110px);
    height: calc(100vh - 110px);
    overflow: hidden;
}

.banner_img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banner_img img{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.swiper-slide-active .banner_img img{
    transform: scale(1);
    -webkit-transition: transform 13s ease 0s;
    -moz-transition: transform 13s ease 0s;
    -o-transition: transform 13s ease 0s;
    -ms-transition: transform 13s ease 0s;
    transition: transform 13s ease 0s
}

.banner_img video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


.banner_index_wrap {
    position: fixed;
    top:0;
    left:0;
    z-index:1;
    height: 100vh;
    width: 100vw;
}

.banner_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .3s cubic-bezier(.34, .34, .27, .91);
    transition: .3s cubic-bezier(.34, .34, .27, .91);
}

.banner_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 9;
    width: 100%;
}

.banner_p {
    color: rgba(255, 255, 255,1);
    font-size: 52px;
    line-height: 66px;
    font-family: roboto,'YaHei Consolas Hybrid', "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
}

.banner_text_read {
    font-size: 31px;
    color: #fff;
    padding: 15px 0 70px 0;
}

.index_swiper_pagination {
    position: absolute;
    z-index: 99;
    left: calc(100% - 67px) !important;
    bottom: calc(50% + 66px) !important;
    margin: 0 auto;
    width: 9px !important;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;

}

.index_swiper_pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    opacity: .5;
    background: rgba(255, 255, 255, 1);
    margin: 3px 0 !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.index_swiper_pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    width: 9px;
    height: 26px;
}

.banner_button {
    width: 160px;
}

.banner_text .swiper-animation:nth-child(1) {
    -webkit-animation-delay: 300ms!important;
    animation-delay: 300ms!important;
}

.banner_text .swiper-animation:nth-child(2) {
    -webkit-animation-delay: 600ms!important;
    animation-delay: 600ms!important;
}

.banner_text .swiper-animation:nth-child(3) {
    -webkit-animation-delay: 900ms!important;
    animation-delay: 900ms!important;
}

.banner_top_wrap {
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 9;
}

.banner_top_item {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    position: relative;
}

.banner_top_item:after {
    content: "";
    position: absolute;
    left: -32px;
    bottom: 0;
    height: 0;
    width: 0;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 20px solid #717071;
    z-index: -1;
}

.banner_top_animate .banner_top_item1 {
    -webkit-animation: transLeft .5s .1s forwards ease-in-out;
    animation: transLeft .5s .1s forwards ease-in-out;
}

.banner_top_animate .banner_top_item2 {
    -webkit-animation: transLeft .5s .2s forwards ease-in-out;
    animation: transLeft .5s .2s forwards ease-in-out;
}

.banner_top_animate .banner_top_item3 {
    -webkit-animation: transLeft .5s .3s forwards ease-in-out;
    animation: transLeft .5s .3s forwards ease-in-out;
}

.banner_top_animate .banner_top_item4 {
    -webkit-animation: transLeft2 .8333s .4s forwards ease-in-out;
    animation: transLeft2 .8333s .4s forwards ease-in-out;
}

@-webkit-keyframes transLeft {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes transLeft {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes transLeft2 {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
    }
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(0) translateY(20px);
        transform: translateX(0) translateY(20px);
    }
}

@keyframes transLeft2 {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
    }
    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(0) translateY(20px);
        transform: translateX(0) translateY(20px);
    }
}

.banner_top_item1 {
    width: 29.16666%;
    z-index: 9;
}

.banner_top_item2 {
    width: 20.83333%;
    z-index: 8;
}

.banner_top_item3 {
    width: 20.83333%;
    z-index: 7;
}

.banner_top_item4 {
    width: 22.91666%;
    z-index: 6;
}

.banner_top_item1 .banner_top_read {
    background: #e33827;
    padding: 62px 50px 62px 260px;
}

.banner_top_item2 .banner_top_read {
    background: #e2211c;
    padding: 62px 50px;
}

.banner_top_item3 .banner_top_read {
    padding: 62px 50px;
    background: #c2000b;
}

.banner_top_item4 .banner_top_read {
    background: #c3c4c5;
    padding: 62px 50px;
}

.banner_top_item4 .banner_top_title,
.banner_top_item4 .banner_top_text {
    color: #3e3a39;
}

.banner_top_title {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 10px;
    color: #fff;
    font-weight:bold;
}

.banner_top_text {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    color: #fff;
}

.index_public_title {
    font-size: 35px;
    line-height: 64px;
    color: #221714;
    text-align: center;
    font-weight:bold;
}

.index_public_line {
    width: 40px;
    height: 2px;
    background: #e2211c;
    margin: 16px auto;
}

.index_public_text {
    font-size: 16px;
    line-height: 28px;
    color: #595757;
    padding: 0 330px;
    text-align: center;
}

.index_merit_box {
    padding: 120px 0;
}

.index_merit_content {
    padding: 30px 0 0 0;
}

.merit_product_img {
    width: 54.21428%;
    margin: 0 auto;
    position: relative;
}

.merit_product_item {
    position: absolute;

}

.merit_product_item:nth-child(1) {
    left: 18%;
    top: 40%;
}

.merit_product_item:nth-child(2) {
    left: 17%;
    top: 61.5%;
}

.merit_product_item:nth-child(3) {
    left: 80%;
    top: 49%;
}

.merit_dot_list {
    position: absolute;

}

.merit_dot {
    position: absolute;
    left: 0;
    top: 0;
    background: #e2211c;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity:0;
}


.merit_product_item_active .dot1{
    opacity: 1;
}
.merit_product_item_active .dot2 {
    -webkit-animation: jing_scale 2.5s linear infinite normal both;
    animation: jing_scale 2.5s linear infinite normal both;
}

.merit_product_item_active .dot3 {
    -webkit-animation: jing_scale 2.5s linear .625s infinite normal both;
    animation: jing_scale 2.5s linear .625s infinite normal both;
}

.merit_product_item_active .dot4 {
    -webkit-animation: jing_scale 2.5s linear 1.3s infinite normal both;
    animation: jing_scale 2.5s linear 1.3s infinite normal both;
}

.merit_product_item_active .dot5 {
    -webkit-animation: jing_scale 2.5s linear 1.925s infinite normal both;
    animation: jing_scale 2.5s linear 1.925s infinite normal both;
}

@-webkit-keyframes jing_scale {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        transform: scale(3);
        opacity: 0.4;
    }
    40% {
        transform: scale(5);
        opacity: 0.3;
    }
    60% {
        transform: scale(7);
        opacity: .2;
    }
    80% {
        transform: scale(9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        transform: scale(3);
        opacity: 0.4;
    }
    40% {
        transform: scale(5);
        opacity: 0.3;
    }
    60% {
        transform: scale(7);
        opacity: .2;
    }
    80% {
        transform: scale(9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.merit_line_list_wap{
    display:none;
}
.merit_line_list{
    position:absolute;
    width:0;
    height:110px;
    overflow:hidden;
    -webkit-transition: all .6s .6s cubic-bezier(.61, .24, .51, .87);
    transition: all .6s .6s cubic-bezier(.61, .24, .51, .87);
}
.merit_product_item_active .merit_line_list{
    width:200px;
}
.merit_line_list svg{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
}
.merit_text{
    position:absolute;
    font-size:15px;
    line-height:28px;
    color:#595757;
    width:186px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .6s 1.2s cubic-bezier(.61, .24, .51, .87);
    transition: all .6s 1.2s cubic-bezier(.61, .24, .51, .87);
}
.merit_product_item_active .merit_text{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.merit_product_item1 .merit_text{
    right:214px;
    top:-118px;
}
.merit_product_item2 .merit_text{
    right:214px;
    top:101px;
}
.merit_product_item3 .merit_text{
    width:226px;
    left:224px;
    top:-118px;
}
.merit_product_item1 .merit_line_list{
    right:-5px;
    bottom:-5px;
}
.merit_product_item1 .merit_line_list svg{
    right:0;
    bottom:0;
}
.merit_product_item2 .merit_line_list{
    top:5px;
    right:-5px;
}
.merit_product_item2 .merit_line_list svg{
    top:0;
    right:0;
}
.merit_product_item3 .merit_line_list{
    left:5px;
    bottom:-5px;
}
.merit_product_item3 .merit_line_list svg{
    left:0;
    bottom:0;
}

.index_show_wrap {
    overflow:hidden;
}

.index_show_box {
    position: relative;
}

.index_back_list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.index_back_item {
    width: 25%;
    height: 100%;
}

.index_back_item:nth-child(1) {
    background: #e8e8e8;
}

.index_back_item:nth-child(2) {
    background: #d6d7d7;
}

.index_back_item:nth-child(3) {
    background: #bbbcbc;
}

.index_back_item:nth-child(4) {
    background: #aaabab;
}

.index_back_hover {
    width: 25%;
    height: 100%;
    position: absolute;
    left: -25%;
    top: 0;
    background: #e2211c;
    z-index: 2;
    -webkit-transition: .5s cubic-bezier(.34, .34, .27, .91);
    transition: .5s cubic-bezier(.34, .34, .27, .91);
}

.index_show_list {
    position: relative;
    z-index: 3;
}

.index_show_item {
    width: 25%;
    padding: 100px 0 110px 0;
}

.index_show_title {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
    color: #2f2725;
    text-align: center;
    margin-bottom: 10px;
}

.index_show_text {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    color: #3e3a39;
    text-align: center;
}

.index_show_icon {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.show_title_hover {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    color: #fff;
    opacity: 0;
}

.show_text_hover {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    color: #fff;
    opacity: 0;
}

.show_icon_hover {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.index_show_head {
    min-height: 135px;
    padding: 0 20px;
    margin-bottom: 30px;
}

.show_title_read {
    -webkit-transition: all .6s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s cubic-bezier(.34, .34, .27, .91);
}

.show_text_read {
    -webkit-transition: all .6s .05s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s .05s cubic-bezier(.34, .34, .27, .91);
}

.show_icon_read {
    -webkit-transition: all .6s .1s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s .1s cubic-bezier(.34, .34, .27, .91);
}

.index_show_current .show_title_read {
    -webkit-transition: all .6s .1s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s .1s cubic-bezier(.34, .34, .27, .91);
}

.index_show_current .show_text_read {
    -webkit-transition: all .6s .05s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s .05s cubic-bezier(.34, .34, .27, .91);
}

.index_show_current .show_icon_read {
    -webkit-transition: all .6s cubic-bezier(.34, .34, .27, .91);
    transition: all .6s cubic-bezier(.34, .34, .27, .91);
}

.index_show_current .show_title_hover,
.index_show_current .show_text_hover,
.index_show_current .show_icon_hover {
    transform: translateX(0);
    opacity: 1;
}

.index_show_current .show_title_current,
.index_show_current .show_text_current,
.index_show_current .show_icon_current {
    transform: translateX(100%);
    opacity: 0;
}

.index_product_wrap{
    overflow:hidden;
    padding-bottom:190px;
}
.index_product_box{
    padding-top: 155px;
}
.index_product{
    margin-top:40px;
    position:relative;
}
.indProLeft{
    width:49.28%;
    float:left;
}
.indProLeft-in{
    /*图片尺寸：690X480*/
    position:relative;
    width:100%;
    height:0;
    padding-bottom:69.5652%;
}
.indProLeft-in > a{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.indProLeft-in > a,.indProLeft-in > a:hover{text-decoration:none;}
.indProLeft-in img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.indProRight{
    width:40%;
    float:right;
    position:relative;
    right:31px;
}
.indProInfo{
    padding-top:23px;
}
.indProTextTit{
    padding-bottom:15px;
    font-size:20px;
    line-height:30px;
    color:#3e3a39;
}
.indProTextCon{
    font-size:15px;
    line-height:30px;
    height:90px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
    color:#666464;
}
.indProTextBtn{
    margin-top:50px;
}
.proNav{
    margin-bottom:24px;
}
.proNavItem{
    display:inline-block;
    vertical-align:top;
    text-align:center;
    font-size:18px;
    line-height:38px;
    height:40px;
    padding:0 70px;
    color:#333;
    background:#fff;
    border:1px solid #454545;
    margin-right:10px;
    cursor:pointer;
    -wekkit-transition:all .3s linear;
    transition:all .3s linear;
}
.proNavItem.active{
    color:#fff;
    background:#f00;
    border-color:#f00;
}
.indBtnMore,.index_v2_btn{
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    line-height:32px;
    height:32px;
    border:none;
    outline:none;
    background:#e2211c;
    text-transform:uppercase;
    color:#fff;
    border-radius:16px;
    cursor:pointer;
    overflow:hidden;
}
.indBtnMore_in,.index_v2_btn_in{
    display:block;
    padding:0 30px;
}
.indBtnMore_in1,.index_v2_btn_in1{
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.indBtnMore_in2,.index_v2_btn_in2{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    opacity:0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.indBtnMore,.indBtnMore:hover,.index_v2_btn,.index_v2_btn:hover{text-decoration: none;}
.indBtnMore:hover .indBtnMore_in1,.index_v2_btn:hover .index_v2_btn_in1{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.indBtnMore:hover .indBtnMore_in2,.index_v2_btn:hover .index_v2_btn_in2{
    top: 0;
    opacity: 1;
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.indBtnMore i,.index_v2_btn i{
    position:relative;
    display:inline-block;
    margin-left:6px;
    position:relative;
    transition:all .3s;
    width:7px;
    height:14px;
    top:-2px;
    vertical-align: middle;
}
.indBtnMore i:before,.index_v2_btn i:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    margin-left:-6px;
    margin-top:-4px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.index_v2_btn{
    background:#fff;
    color:#e00012;
}
.index_v2_btn i:before{
    border-top:1px solid #e00012;
    border-right:1px solid #e00012;
}

.indProPics{
    margin-top:80px;
    padding-bottom:8%;
}
.indProPics-tit{
    font-size:15px;
    line-height:28px;
    color:#595757;
    margin-bottom:20px;
}
.indProPics-con{
    margin:0;
    position:relative;
}

.indProPics-con .indPro-pic{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:50%;
    overflow:hidden;
    margin-bottom:3px;
}

.indProPics-con .indPro-pic img{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.indProPics-con .indPro-inf{
    font-size:12px;
    line-height:20px;
    color:#838383;
    text-align:center;
}
.swiper-container-indpro-prev,.swiper-container-indpro-next{
    position:absolute;
    top:50%;
    z-index:9;
    width:23px;
    height:28px;
    margin-top:-14px;
    cursor:pointer;

}
.swiper-container-indpro-prev{
    left:-31px;
}
.swiper-container-indpro-next{
    right:-31px;
}
.swiper-container-indpro-prev i,.swiper-container-indpro-next i{
    position:absolute;
    top:50%;
    width:7px;
    height:14px;
    margin-top:-7px;
}
.swiper-container-indpro-prev i{
    right:8px;
}
.swiper-container-indpro-next i{
    left:8px;
}
.swiper-container-indpro-prev i:before,.swiper-container-indpro-next i:before{
    content:'';
    position:absolute;
    top:50%;
    width:7px;
    height:7px;
    border-top:1px solid #999;
    margin-top:-4px;
    transition:all .3s;
}
.swiper-container-indpro-prev i:before{
    right:50%;
    margin-right:-6px;
    border-left:1px solid #999;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.swiper-container-indpro-next i:before{
    left:50%;
    margin-left:-6px;
    border-right:1px solid #999;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.swiper-container-indpro-prev:hover,.swiper-container-indpro-next:hover{
    outline:none;
}
.bannerSwiper-button-prev:hover,.bannerSwiper-button-next:hover{
    outline:none;
}
.bannerSwiper-button-prev,.bannerSwiper-button-next{
    position:absolute;
    top:26%;
    cursor:pointer;
    width:32px;
    height:46px;
    z-index:9;
}
.join_det_swiper .bannerSwiper-button-prev,.join_det_swiper .bannerSwiper-button-next{
    top:50%;
    margin-top:-23px;
}
.bannerSwiper-button-prev{
    left:200px;
}
.bannerSwiper-button-next{
    right:200px;
}
.join_det_swiper .bannerSwiper-button-prev{
    left:50px;
}
.join_det_swiper .bannerSwiper-button-next{
    right:50px;
}
.bannerSwiper-button-prev svg,.bannerSwiper-button-next svg{
    display:block;
    width:100%;
    height:100%;
}

.bannerSwiper-button-prev polyline,.bannerSwiper-button-next polyline{
    stroke-width:1px;
    stroke:#8e8e8e;
    transition:all .3s;
}
.join_det_swiper .bannerSwiper-button-prev polyline,.join_det_swiper .bannerSwiper-button-next polyline{
    stroke-width:2px;
    stroke:#ffffff;
}
.bannerSwiper-button-prev:hover polyline,.bannerSwiper-button-next:hover polyline{
    stroke:#e2211c;
}
.join_det_swiper .bannerSwiper-button-prev:hover polyline,.join_det_swiper .bannerSwiper-button-next:hover polyline{
    stroke:#e2211c;
}
.index_videos_wrap .chd{
    width:50%;
    cursor:pointer;
}
.index_video_wrap,.index_v2_wrap{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.52%;
    overflow:hidden;
}
.index_video_wrap .img,.index_v2_wrap .img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all .3s;
}
.index_video_wrap:hover .img,.index_v2_wrap:hover .img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.index_video_wrap .img_over{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
}
.index_video_wrap .index_v1{
    position:absolute;
    width:80%;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-40%;
    margin-top:-50px;
}
.index_video_play{
    margin:0 auto 12px;
    position:relative;
    width:64px;
    height:64px;
    border-radius: 50%;
    background:rgba(255,255,255,.8);
    cursor:pointer;
}
.index_video_play:before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-6px;
    margin-top:-13px;
    width:0;
    height:0;
    border-left:18px solid #333;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-right:none;

}
.index_v1_msg{
    margin:0 auto;
    font-size:20px;
    line-height:28px;
    color:#fff;
    text-align:center;
}
.index_v2{
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    margin-left:-40%;
    height:100px;
    margin-top:-50px;
}
.index_v2_msg{
    font-size:38px;
    line-height:38px;
    margin-bottom:32px;
    color:#fff;
}
.index_news_wrap{
    padding-top:170px;
    padding-bottom:133px;
}
.index_news_wrap .index_public_tips{
    padding-bottom:25px;
}
.index_news{
    padding-bottom:55px;
}
.indNewsItem{
    border-bottom:1px solid #bababb;
    padding-top:50px;
    padding-bottom:45px;
}
.indNewsItem:first-child{
    border-top:1px solid #bababb;
}
.indNewsItem{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    flex-wrap:nowrap;
}
.indNewsItemPic{
    position:relative;
    width:25%;
    overflow:hidden;
}
.indNewsItem a,.indNewsItem a:hover{
    text-decoration:none;
}
.indNewsItemPic img{
    display:block;
    width:100%;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.indNewsItem:hover .indNewsItemPic img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.indNewsItemInfo{
    width:64%;
}
.indNewsItemMsg{
    margin-bottom:38px;
    width:76.66%;
}
.indNewsItemTit{
    font-size:24px;
    line-height:42px;
    max-height:84px;
    color:#585757;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom:26px;
    transition:all .3s;
}
.indNewsItemTit a{
    display:inline-block;
    max-width:100%;
    max-height:84px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.indNewsItemCon{
    font-size:16px;
    line-height:30px;
    height:90px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color:#808080;
}
.indNewsItemOth .time{
    float:left;
    font-size:15px;
    line-height:32px;
    color:#808080;
}
.indNewsItemOth .more{
    float:right;
    font-size:15px;
    line-height:32px;
    color:#808080;
}
.scroll-area{
    -webkit-transform:translateY(120px);
    -moz-transform:translateY(120px);
    transform:translateY(120px);
    opacity:0;
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
    -moz-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
    -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
    transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
    transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1),-webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
}
.scroll-area.show{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1;
}
.index_news_btn_wrap{
    text-align:center;
}
.footer_wrap a{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.footer_wrap a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #595757;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}
.footer_wrap a:hover:after{
    width:100%;
}

.footer_wrap_wrap{
    position:relative;
    z-index:8;
    overflow:hidden;
}

.footer_wrap{
    position:relative;
    z-index:8;
    background:#fff;
}

.foot{
    padding-top:82px;
    padding-bottom:135px;
}

.foot .lBx{
    float:left;
}

.foot-wx-btn{
    position:relative;
}
.foot-wx-btn-tit{
    font-size:20px;
    line-height:40px;
    text-align:center;
    color:#404040;
}
.foot-wx-btn-tit .iconfont{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    font-size:32px;
    margin-right:10px;
}
.foot-wx-btn-tit .txt{
    display:inline-block;
    vertical-align:middle;
    font-family: roboto,"MicroSoft Yahei",sans-serif;
    font-weight:bold;
}
.foot-wx-wrap{
    padding-top:15px;
}
.foot-wx img{
    display:block;
    margin:0 auto;
    width:96px;
    height:96px;
}
.foot .rBx{
    float:right;
    width:72%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.foot .rBx-tit{
    font-size:20px;
    line-height:40px;
    padding-bottom:15px;
}
.foot .rBx-tit + .rBx-tit{
    margin-top:30px;
}
.foot .rBx-tit,.foot .rBx-tit a{
    color:#040404;
}

.foot .rBx-tit a{
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-weight:bold;
    color:#040404;
    font-family: roboto,"MicroSoft Yahei",sans-serif;
}
.foot .rBx-tit a:after{
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #595757;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}
.foot .rBx-tit a:hover:after{
    width:100%;
}
.foot .rBx-tit a,.foot .rBx-tit a:hover{
    text-decoration:none;
}
.foot-cont{
    font-size:13px;
    line-height:26px;
    color:#8e8e8e;
}
.foot-cont a{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.foot-cont a,.foot-cont a:hover{
    text-decoration:none;
}
.foot-cont a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #8e8e8e;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}
.foot-cont a:hover:after{
    width:100%;
}
.foot .rBx-con{
    font-size:15px;
    line-height:24px;
    padding:6px 0;
}
.foot .rBx-con a{
    font-family: roboto,"MicroSoft Yahei",sans-serif;
    color:#a4a4a4;
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.foot .rBx-con a:after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #a4a4a4;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}
.foot .rBx-con a:hover:after{
    width:100%;
}
.foot .rBx-con a,.foot .rBx-con a:hover{
    text-decoration:none;
}


.cont-wx-wrap{
    position:absolute;
    display:none;
    z-index:9990;
    left:50%;
    margin-left:-60px;
    top:-126px;
    width:120px;
    padding-bottom:10px;
}
.cont-wx{
    padding-top:9px;
    padding-bottom:9px;
    position:relative;
    width:100%;
    border:1px solid #ccc;
    background:#fff;
}
.cont-wx img{
    display:block;
    width:100px;
    height:100px;
    margin:0 auto;
}
.cont-wx:before{
    content:'';
    position:absolute;
    width:0;
    height:0;
    border-top:8px solid #ccc;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:none;
    left:50%;
    margin-left:-6px;
    bottom:-8px;

}


.copyright{
    padding: 20px 0;
    font-size: 14px;
    line-height: 28px;
    background:#f00;

}
.copyright,.copyright a{
    color: #fff;
}
.copyright .p1{float:left;}
.copyright .p2{float:right;}
.copyright .p2 a,.copyright .p2 .a{margin-left:34px;}
.copyright .p2 .a a{margin-left:0;}
.copyright a,.copyright .p2 .a{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.copyright a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}

.copyright a,.copyright a:hover{
    text-decoration:none;
}

.footer_wrap a:hover:after{
    width:100%;
}


.index_video_wrap,.index_v2_wrap{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.52%;
    overflow:hidden;
}
.index_video_wrap .img,.index_v2_wrap .img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all .3s;
}
.index_video_wrap:hover .img,.index_v2_wrap:hover .img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.index_video_wrap .img_over{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
}
.index_video_wrap .index_v1{
    position:absolute;
    width:80%;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-40%;
    margin-top:-50px;
}

.index_video_wrap1 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .8);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.index_video_active .index_video_item {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

.index_video_active .index_video_close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_box {
    width: 65%;
}

.index_video_item {
    width: 100%;
    padding-bottom: 63.15789%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

.index_video_item video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_video_close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 60px;
    height: 60px;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}

.index_video_close:hover:after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.index_video_close:hover:before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.index_video_close:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_video_close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*关于我们*/
.banner_inner_wrap{
    position:relative;
    margin-top:80px;
    overflow:hidden;
}
.banner_inner_wrap .banner_bg{
    position:relative;
}
.banner_inner_wrap .banner_bg img{
    display:block;
    width:100%;
}
.banner_inner_wrap.banner_inner_join_wrap .banner_bg img{
    object-fit:cover;
}
.banner_inner_text{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:96px;
    margin-top:-48px;
}
.banner_inner_text_title{
    font-size:32px;
    line-height:52px;
    color:#fff;
}
.banner_inner_text_subtitle{
    font-family: roboto,sans-serif;
    font-size:32px;
    line-height:44px;
    color:#fff;
}
.join_banner_text{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
}
.join_banner_in .web_center{
    position:relative;
    width:100%;
}
.join_banner_in{
    position:relative;
    width:100%;
    height:100%;
    display: -webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display: -ms-flexbox;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items:center;
}
.join_banner_in .join_text_tit{
    padding-bottom:52px;
    text-align:center;
    color:#fff;
}
.join_banner_in .join_text_tit h2{
    font-size:52px;
    line-height:54px;
    font-weight:normal;
}
.join_banner_in .join_text_tit h3{
    font-size:24px;
    line-height:32px;
    font-weight:normal;
}
.join_banner_in .join_text_tit .p{
    padding-top:8px;
    font-size:20px;
    line-height:32px;
}
.join_banner_in .join_p{
    text-align:center;
    padding-bottom:38px;
}
.join_banner_in .join_lnk{
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:18px;
    color:#fff;
    line-height:52px;
    border-radius:1000px;
    -webkit-transition:all .3s;
    transition:all .3s;
    position:relative;
    overflow:hidden;
}
.join_banner_in .join_lnk_in{
    display:block;
    padding:0 50px;
}
.join_banner_in .join_lnk_in1{
    -webkit-transition:all .5s .25s cubic-bezier(.165,.84,.44,1);
    transition:all .5s .25s cubic-bezier(.165,.84,.44,1);
}
.join_banner_in .join_lnk_in2{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    opacity:0;
    -webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);
    transition:all .5s cubic-bezier(.165,.84,.44,1);
}
.join_banner_in .join_lnk,.join_banner_in .join_lnk:hover{
    text-decoration:none;
}
.join_banner_in .join_lnk1{
    background:#e31d1a;
    border:1px solid #e31d1a;
}
.join_banner_in .join_lnk2{
    background:rgba(255,255,255,1);
    border:1px solid #ccc;
    color:#808080;
}
.join_banner_in .join_lnk2_mar_right{
    margin-right:30px;
}
.banner_inner_join_wrap .join_banner_in .join_lnk2{
    background:rgba(255,255,255,.1);
    border:1px solid #fff;
    color:#fff;
}
.join_banner_in .join_lnk .iconfont{
    font-size:26px;
    vertical-align: middle;
    margin-right:10px;
}
.join_banner_in .join_lnk2 .iconfont{
    font-size:28px;
}
.join_banner_in .join_lnk:hover .join_lnk_in1{
    -webkit-transform:translateX(50%);
    transform: translateX(50%);
    opacity:0;
    -webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);
    transition:all .5s cubic-bezier(.165,.84,.44,1);
}
.join_banner_in .join_lnk:hover .join_lnk_in2{
    top:0;
    opacity:1;
    -webkit-transition:all .5s .25s cubic-bezier(.165,.84,.44,1);
    transition:all .5s .25s cubic-bezier(.165,.84,.44,1);
}
.join_lnk_to_right{
    position:relative;
    margin-left:10px;
    width:22px;
    height:15px;
    display:inline-block;
    vertical-align:-1px;
}
.join_lnk_to_right:before{
    content:'';
    position:absolute;
    right:0;
    top:3px;
    width:8px;
    height:8px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.join_lnk_to_right:after{
    content:'';
    position:absolute;
    left:0;
    top:7px;
    height:1px;
    width:100%;
    background:#fff;
}


.about_box1_wrap{
    background:#fff;
    padding-top:125px;
    padding-bottom:144px;
}
.about_public_title{
    text-align:center;
    font-size:35px;
    line-height:64px;
    color:#221714;
    font-weight:bold;
}
.about_public_title:after{
    content:'';
    display:block;
    width:40px;
    height:2px;
    margin:16px auto;
    background:#e2211c;
}
.about_public_title::after{
    content:'';
    display:block;
    width:40px;
    height:2px;
    margin:16px auto;
    background:#e2211c;
}
.about_box1 .about_content{
    padding:45px 100px 0;
    font-size:16px;
    line-height:26px;
    color:#666;
    text-align:left;
}
.about_box4_wrap,.xgl_back_wrap{
    position:relative;
    overflow:hidden;
}
.xgl_back_inner{
    position:relative;
    height:0;
    -webkit-transition:all 1s;
    transition:all 1s;
}
.about_box4_wrap,.about_box4_back,.about_box4_wrap.fade-expand .xgl_back_inner{
    position:relative;
    height:730px;
    overflow:hidden;
}
.about_box4_back img{
    display:block;
    width:100%;
    height:100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    object-fit:cover;
}
.about_box4_back:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(227,29,26,.7);
}
.about_box4{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:460px;
    margin-top:-230px;
    overflow:hidden;

}
.about_box4 .about_public_title{
    color:#fff;
}
.about_box4 .about_public_title:after{
    background:#fff;
}
.about_box4 .about_public_title::after{
    background:#fff;
}
.about_box4 .about_content{
    position:relative;
    padding-top:105px;
    color:#fff;
}
@media screen and (min-width:1200px){
    .about_box4 .about_content:before{
        content:'';
        position:absolute;
        top:100px;
        left:50%;
        width:1px;
        height:160px;
        background:rgba(255,255,255,.3);
    }
}
.about_box4 .about_content .item{
    float:left;
    width:50%;
}
.about_box4 .about_content .item-right{
    padding-left:180px;
}
.about_box4 .about_content .title{
    font-size:35px;
    font-weight:bold;
    line-height:64px;
    margin-bottom:30px;
}
.about_box4 .about_content .content{
    font-size:28px;
    line-height:50px;
    white-space:nowrap;
}
.about_box4 .about_content .content i{
    font-style:normal;
    display:inline-block;
    vertical-align:top;
    position:relative;
    padding-left:38px;
    min-height:50px;
    margin-left:30px;
}
.about_box4 .about_content .content i:first-child{
    margin-left:0;
    padding-left:0;
}
.about_box4 .about_content .content i:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    margin-top:-4px;
}
.about_box4 .about_content .content i:first-child:before{
    display:none;
}
.about_box8_wrap{
    padding-top:136px;
    padding-bottom:120px;
    background:#fff;
}
.about_box8_wrap .about_public_title{
    padding-bottom:100px;
}
.about_box8 .swiper-slide{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
}
.about_box8 .item{
    width:20%;
    margin-bottom:50px;
}
.about_box8 .item .pic{
    padding:0 10px;
}
.about_box8 .item img{
    display:block;
    max-width:100%;
    margin:0 auto;
}
.about_box8 .swiper-page-li-wrap{
    margin-top:20px;
    height:5px;
    text-align:center;
    font-size:0;
    letter-spacing:-5px;
}
.about_box8 .swiper-page-li{
    display:inline-block;
    vertical-align:top;
    letter-spacing:normal;
    width:76px;
    height:5px;
    margin:0 7px;
    background:#c9caca;
    cursor:pointer;
}
.about_box8 .swiper-page-li.active{
    background:#f00;
}


.about_history_wrap{
    padding-top:170px;
    padding-bottom:100px;
	overflow:hidden;
    background:#fafafa;
}
.about_history_title{
    padding-bottom:0px;
    margin-bottom:-20px;
}

.about_NsWebHis{
    position:relative;
}
.about_NsWebHisIn{
    position:relative;
    left:20px;
}
@media screen and (min-width:1201px){
    .about_NsWebHis_web_center{
        padding-right:0!important;
    }
}
@font-face {
    font-family: 'OPPOSans2_En_design-Regular';
    src: url('../fonts/opposans2_en_design-regular.eot');
    src: local('☺'), url('../fonts/opposans2_en_design-regular.woff') format('woff'),
    url('../fonts/opposans2_en_design-regular.ttf') format('truetype'),
    url('../fonts/opposans2_en_design-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPPOSans2_En_design-Heavy';
    src: url('../fonts/opposans2_en_design-heavy.eot');
    src: local('☺'), url('../fonts/opposans2_en_design-heavy.woff') format('woff'),
    url('../fonts/opposans2_en_design-heavy.ttf') format('truetype'),
    url('../fonts/opposans2_en_design-heavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.NsWebHisItem-year{
    font-size: 48px;
    margin-bottom: 45px;
    color: #e31d1a;
    font-family: "OPPOSans2_En_design-Heavy"," OPPOSans2_En_design-Regular","OPPOSansWeb2","Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
    font-variation-settings: 'wght' 750;
}
.NsWebHisItem-info{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
@media screen and (min-width:1201px){
    .swiper-container-NsWebHis .swiper-slide{
        width:22%;
    }
}

.NsWebHisItemIn{
    padding:35px 40px;
}
.NsWebHisItem{
   margin:160px 0;
}
.NsWebHisItem{
    border-right:1px solid #e5e5e5;
}
.NsWebHisItemIn .NsWebHisPicWrap{
    position:relative;
}
.NsWebHisItemIn .NsWebHisPic{
    position:absolute;
    z-index:4;
    left:0;
    top:-170px;
    width:240px;
    height:160px;
    opacity:0;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.NsWebHisItemIn:hover .NsWebHisPic{
    opacity:1;
}
.NsWebHisItemIn .NsWebHisPic img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.swiper-container-NsWebHis .swiper-wrapper{
    -webkit-align-items:stretch;
    align-items:stretch;
}
.swiper-NsWebHis-button{
    position: absolute;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    color: #e31d1a;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index:10;
    cursor:pointer;
}
.swiper-NsWebHis-button-prev{
    left:180px;
}
.swiper-NsWebHis-button-next{
    right:80px;
}
.swiper-NsWebHis-button:before{
    content:'';
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    position:absolute;
    top:50%;
    margin-top:-12px;
    width:22px;
    height:22px;
    border-top:2px solid #e31d1a;
}
.swiper-NsWebHis-button-prev:before{
    border-left:2px solid #e31d1a;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:50%;
    margin-left:-6px;
}
.swiper-NsWebHis-button-next:before{
    border-right:2px solid #e31d1a;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    right:50%;
    margin-right:-6px;
}
.swiper-NsWebHis-button.swiper-button-disabled:before{
    border-top-color:#999;
}
.swiper-NsWebHis-button-prev.swiper-button-disabled:before{
    border-left-color:#999;
}
.swiper-NsWebHis-button-next.swiper-button-disabled:before{
    border-right-color:#999;
}
@media screen and (min-width:1200px){
    .about_history_wrap .swiper-NsWebHis-button{
        opacity:0;
        -webkit-transition:opacity .3s linear;
        transition:opacity .3s linear;
    }
    .about_history_wrap:hover .swiper-NsWebHis-button{
        opacity:1;
    }
}
.about_history{
    position:relative;
    width:100%;
    height:595px;
}
.about_history .about_bg{
    position:absolute;
    left:50%;
    top:0;
    z-index:1;
    width:1920px;
    margin-left:-960px;
}
.about_history .about_bg img{
    display:block;
    width:100%;
}
.about_history_in{
    position:relative;
    width:1400px;
    margin:0 auto;
    z-index:2;
}
.about_history1{
    padding-left:170px;
}
.about_history2{
    padding-top:122px;
    padding-left:40px;
    padding-right:500px;
}
.swiper-container-his1{
    position:relative;
    width:100%;
    height:250px;
}
.swiper-container-his2{
    position:relative;
    width:100%;
    height:222px;
}
.about_history .item{
    position:relative;
    width:230px;
    left:2px;
    cursor:pointer;
}

.about_history .dot{
    position:absolute;
    top:3px;
    left:24px;
    width:24px;
    height:24px;
}
.about_history .dot .cir{
    width:100%;
    height:100%;
    border-radius:50%;
    background:rgba(255,255,255,.5);
}
.about_history .dot .cir:before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:14px;
    margin-left:-7px;
    margin-top:-7px;
    border-radius:50%;
    background:#fff;
}
.about_history .dot .year-wrap{
    position:absolute;
    top:66px;
    left:-25px;
    z-index:3;
}
.about_history .dot .year{
    font-size:27px;
    line-height:37px;
    white-space:nowrap;
    color:#3d3a39;
}
.about_history .dot .info{
    padding-top:16px;
    width:220px;
    font-size:16px;
    line-height:28px;
    color:#595757;
}
.about_history_inpic{
	position:absolute;
	z-index:4;
	width:240px;
	margin-left:-120px;
	height:160px;
	display:none;
	-webkit-transition:all .3s linear;
	transition:all .3s linear;
}
.about_history_inpic{
    opacity:0;
}
.about_history_inpic.hover{
    opacity:1;
}
.about_history_inpic1{
	top:206px;
	left:164px;
	display:block;
}
.about_history_inpic2{
	top:206px;
	left:590px;
	display:block;
}
.about_history_inpic3{
	top:-168px;
	left:288px;
	display:block;
}
.about_history_inpic4{
	top:-168px;
	left:710px;
	display:block;
}
.about_history_inpic5{
	top:-168px;
	left:1108px;
	display:block;
}
.about_history_inpic img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.about_history_prev,.about_history_next{
    position:absolute;
    top:83px;
    width:45px;
    height:90px;
    overflow:hidden;
    cursor:pointer;
    z-index:12;
}
.about_history_prev{
    left:9.375%;
}
.about_history_next{
    right:9.375%;
}
.about_history_prev:before,.about_history_next:before{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-32px;
    border-top:1px solid #cdcdcd;
    width:63px;
    height:63px;
    transition:all .3s linear;
}
.about_history_prev:before{
    left:50%;
    margin-left:-8px;
    border-left:1px solid #cdcdcd;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.about_history_next:before{
    right:50%;
    margin-right:-8px;
    border-right:1px solid #cdcdcd;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.about_history_prev:hover,.about_history_next:hover{
    outline:none;
}
.about_history_prev:hover:before,.about_history_next:hover:before{
    border-color:#e30012;
}
.about_history_wap{
    display:none;
}
/*联系我们*/
.contact-info-wrap{
    background:#fff;
    padding-top:128px;
    padding-bottom:128px;
}
.contact-info .item{
    width:33.333%;
    text-align:center;
    padding-top:2px;
    padding-bottom:5px;
}
.contact-info .lay-icon{
    font-size:42px;
    line-height:50px;
    margin-bottom:30px;
}
.contact-info .lay-icon .iconfont{
    font-size:inherit;
}
.contact-info .lay-icon .iconfont.icon-dianhua{
    opacity:.75;
}

.contact-info .lay-info{
    font-size:18px;
    line-height:26px;
    color:#888;
    padding:0 10px;
    position:relative;
}
.contact-info .lay-info .span{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.contact-info .lay-info .span:after{
    content:'';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #595757;
    -webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);
    transition: all .3s cubic-bezier(.64, .19, .34, .84);
}
.contact-info .item:nth-child(3) .lay-info .span:after{
    bottom:-1px;
}
.contact-info .item:nth-child(1) br + a{
    margin-top:0.5em;
}
.contact-info .item:nth-child(1) .lay-info a:hover .span:after{
    width:100%;
}
.contact-info .item:nth-child(2):hover .lay-info .span:after{
    width:100%;
}
.contact-info .item:nth-child(3):hover .lay-info .span:after{
    width:100%;
}
.contact-info .item:nth-child(4):hover .lay-info .span:after{
    width:100%;
}
.contact-info .item:nth-child(1) .lay-info{
    font-family: roboto,sans-serif;
}
.contact-info .item:nth-child(3n-2),.contact-info .item:nth-child(3n-1){
    border-right:1px solid #dedede;
}
.contact-info .item-weixin .lay-icon .iconfont{
    cursor:pointer;
}
.contact-info .item-weixin .lay-icon .iconfont:before{
    opacity:0.75;
}
.contact-info .item-weixin .lay-icon,.contact-info .item-weixin .iconfont{
    position:relative;
}
.contact-map-wrap{
    padding-top:20px;
    padding-bottom:140px;
}
.contact-map-lnk-wrap{
    display:block;
    width:100%;
}
.contact-map-lnk-wrap,.contact-map-lnk-wrap:hover{
    text-decoration:none;
}
.contact-map{
    position:relative;
    width:100%;
    height:560px;
}
.web_center_chtit{
    padding-bottom:25px;
}
.web_center_chtit .tit{
    padding-bottom:28px;
}
.web_center_chtit .tit-in{
    display:inline-block;
    vertical-align: top;
    font-size:44px;
    line-height:114px;
    color:#040404;
    font-weight:bold;
    border-bottom:2px solid #080405;
}
.web_center_chtit .subtit{
    font-size:20px;
    line-height:32px;
    padding:5px 0;
    color:#757575;
}
.web_center_ch_top{
    padding-bottom:110px;
    border-bottom:1px solid #83868b;
    margin-bottom:62px;
}
/*产品*/
html.html_pro,body.body_pro{
    width:100%;
    height:100%;
    overflow:hidden;
}
.proPCNav{
    position:fixed;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:99;
}
.proPCNav .item{
    font-size:14px;
    line-height:28px;
    height:28px;
    white-space:nowrap;
    cursor:pointer;
}
.proPCNav .item + .item{
    margin-top:52px;
}
.proPCNav .item .line{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:8px;
    height:2px;
    margin-right:8px;
    background:#b9b9b9;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.proPCNav .item.active .line{
    width:30px;
    background:#e31d1a;
    margin-right:18px;
}
.proPCNav .item .line .dot{
    position:absolute;
    top:1px;
    right:0;
    width:0;
    height:0;
}
.proPCNav .item .dot-in{
    position:absolute;
    top:50%;
    left:50%;
    width:0%;
    height:0%;
    margin-left:0;
    margin-top:0;
    overflow:hidden;
    background:#e31d1a;
    border-radius:50%;
    -webkit-transition:all .3s linear.3s;
    transition:all .3s linear .3s;
}
.proPCNav .item.active .dot-in{
    width:8px;
    height:8px;
    margin-left:-4px;
    margin-top:-4px;
    overflow:visible;
}
.proPCNav .item .dot-out{
    position:absolute;
    top:50%;
    left:50%;
    width:0%;
    height:0%;
    margin-left:0;
    margin-top:0;
    border-radius:50%;
    border:1px solid rgba(227,29,26,.27);
    -webkit-transition:all .3s linear.6s;
    transition:all .3s linear .6s;
}
.proPCNav .item.active .dot-out{
    width:12px;
    height:12px;
    margin-left:-6px;
    margin-top:-6px;
}
.proPCNav .item .text{
    color:rgba(51,51,51,.43);
    -webkit-transition:all .3s linear.6s;
    transition:all .3s linear .6s;
}
.proPCNav .item.active .text{
    color:rgba(51,51,51,1);
}

.swiper-container-pro.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-container-pro .swiper-slide-page {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container-pro .swiper-slide-last{
    height:auto;
}
.swiper-container-pro .slide-inner{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container-pro .slide-inner1{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.swiper-container-pro .swiper-slide-1-even .slide-inner1{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.swiper-container-pro .slide-inner1 .leftBox{
    width:500px;
    padding-bottom: 48px;
}

.swiper-container-pro .slide-inner1 .con-wrap{
    font-size:16px;
    line-height:30px;
    color:#999;
    padding-bottom:45px;
    text-align:left;
}
.swiper-container-pro .slide-inner1 .lay-button{
    text-align:left;
}
.prolist-btn{
    cursor:pointer;
    position:relative;
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    width:144px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background:#f00;
    border-radius:10000px;
    -webkit-transition:all .3s;
    transition:all .3s;
    overflow:hidden;
}
.prolist-btn_in{
    display:block;
    width: 100%;
}
.prolist-btn_in1{
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.prolist-btn_in2{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.prolist-btn,.prolist-btn:hover{
    text-decoration: none;
}
.prolist-btn:hover .prolist-btn_in1{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.prolist-btn:hover .prolist-btn_in2{
    top: 0;
    opacity: 1;
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.prolist-btn i{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    top:-1px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid #fff;
    border-right:none;
    margin-right:12px;
}
.leftBox-wap,.rightBox-wap{
    display:none;
}
.slide-inner1 .leftBox-wrap{
    position:relative;
    padding-right:180px;
    z-index:2;
}
.swiper-slide-1-even .slide-inner1 .leftBox-wrap{
    padding-right:260px;
}
.slide-inner1 .rightBox{
    position:absolute;
    right:0;
    max-width:44.26%;
    max-height:100%;
    max-height:-webkit-calc(100vh - 180px);
    max-height:calc(100vh - 180px);
    top:50%;
    width:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.slide-inner1 .rightBox .img{
    max-width:100%;
    max-height:-webkit-calc(100vh - 180px);
    max-height:calc(100vh - 180px);
    object-fit:contain;
}
.swiper-slide-1-even .slide-inner1 .rightBox{
    right:auto;
    left:10.5%;

}
.swiper-container-pro .swiper-slide-1-even{
    background:#dfdfdf;
}
.swiper-container-pro .slide-inner1 .tit-wrap{
    text-align:left;
    margin-bottom:30px;
}
.swiper-container-pro .slide-inner1 .tit{
    font-family: robotoBold,sans-serif;
    font-size:72px;
    font-weight:bold;
    line-height:100px;
}
.swiper-container-pro .slide-inner1 .tit{
    color:#373737;
}
.swiper-container-pro .slide-inner1 .subtit{
    display:inline-block;
    vertical-align:top;
    font-size:30px;
    line-height:50px;
    padding-bottom:12px;
    border-bottom:2px solid #f00;
    padding-right:50px;
}
.swiper-container-pro .slide-inner1 .subtit{
    color:#4c4c4c;
}
.swiper-container-pro .slide-inner2 .lay-button{
    padding-top:48px;
    text-align:left;
}



.commerce-wrap{
    width:100%;
}
@media screen and (min-width:1201px){
    .commerce-wrap{
        position:relative;
        z-index:1;
    }
    .commerce-wrap:after{
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:260px;
        height:100%;
        background:#fff;
        z-index:10;
    }
}
@media screen and (max-width: 1900px) and (min-width: 1400px){
    .commerce-wrap:after{
        width:200px;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    .commerce-wrap:after{
        width:170px;
    }
}


.swiper-commerce-button-wrap{
    padding-top:80px;
    text-align:center;
    font-size:0;
    letter-spacing:-5px;
}
.swiper-commerce-prev,.swiper-commerce-next{
    display:inline-block;
    vertical-align:top;
    letter-spacing: normal;
    position:relative;
    width:56px;
    height:56px;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;
    background:#dcdcdc;

}
.swiper-commerce-prev,.swiper-commerce-next,.swiper-commerce-prev i,.swiper-commerce-next i{
    -webkit-transition:all .3s;
    transition:all .3s;
}
.swiper-commerce-prev:hover,.swiper-commerce-next:hover{
    background:#f00;
    outline:none;
}
.swiper-commerce-prev:active,.swiper-commerce-next:active{
    outline:none;
}
.swiper-commerce-next{
    margin-left:17px;
}
.swiper-commerce-prev{
    margin-right:17px;
}
.swiper-commerce-prev i,.swiper-commerce-next i{
    position:absolute;
    width:14px;
    height:14px;
    border-top:2px solid #fff;
    top:50%;
    margin-top:-8px;
}
.swiper-commerce-prev i{
    border-left:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:50%;
    margin-left:-4px;
}
.swiper-commerce-next i{
    border-right:2px solid #fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    right:50%;
    margin-right:-4px;
}
.commerce-title{
    font-size:35px;
    font-weight:bold;
    line-height:64px;
    color:#333;
    text-align:center;
    padding-bottom:60px;
}
.commerce-title:after{
    content:'';
    width:40px;
    height:2px;
    display:block;
    margin:16px auto;
    background:#f00;
}
.commerce-img-wrap{
    position:relative;
    height:0;
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
    -webkit-transition:all .3s;
    transition:all .3s;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow:0 0 4px rgba(81,81,81,0.26);
}
.swiper-slide-commerce:hover .commerce-img-wrap{
    box-shadow:0 0 8px rgba(81,81,81,0.5);
}
.commerce-img-wrap img{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.commerce-inf-wrap{
    text-align:left;
}
.commerce-info{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    padding-top:12px;
    font-size:18px;
    line-height:30px;
    height:42px;
    color:#333;
}
.commerce-time{
    margin-top:19px;
    border-top:1px solid #e5e5e5;
    padding-top:19px;
    font-size:18px;
    line-height:30px;
    color:#999;
}
.commerce-time .iconfont{
    display:inline-block;
    vertical-align:middle;
    margin-right:12px;
    font-size:20px;
}

.NaShen-arr.NaShen-arr-abs{
    position:absolute;
    bottom:20px;
}
.NaShen-arr{
    position:fixed;
    z-index:90;
    left:50%;
    margin-left:-20px;
    bottom:40px;
    width:40px;
    height:60px;
    cursor:pointer;
}
.NaShen-arr .arr1,.NaShen-arr .arr2{
    position:absolute;
    left:50%;
    width:40px;
    height:20px;
    margin-left:-20px;
}
.NaShen-arr .arr1{
    top:0;
    -webkit-animation:NaShenAni 1.2s linear 0s infinite forwards;
    animation:NaShenAni 1.2s linear 0s infinite forwards;
}
.NaShen-arr .arr2{
    top:16px;
    -webkit-animation:NaShenAni2 1.2s linear 0s infinite backwards;
    animation:NaShenAni2 1.2s linear 0s infinite backwards;
}
.NaShen-arr i{
    position:absolute;
    width:27px;
    height:27px;
    top:50%;
    left:50%;
    margin-top:-21px;
    margin-left:-13px;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

@keyframes NaShenAni {
    0%{
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    25% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }
}


@keyframes NaShenAni2 {
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    75%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
    }
}

.proDDBanner{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
}
.proDDBanner .lay_image{
    position:relative;
    width:100%;
    height:0;
    padding-top:41.6667%;
    margin-top:80px;
    overflow:hidden;
}
.proDDBanner .lay_image .img{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.proDDBannerIn{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5;
    pointer-events:none;
}
.proDDBannerIn > .web_center{
    height:100%;
}
.proDDBannerTit{
    padding-top:36px;
}
.proDDBannerTit .tit{
    font-family: roboto,sans-serif;
    font-size:98px;
    line-height:128px;
    color:#373737;
    margin-bottom:18px;
}
.proDDBannerTit .tit:after{
    content:'';
    display:block;
    width:85px;
    height:4px;
    background:#f00;
}
.proDDBannerTit .subtit{
    font-size:22px;
    line-height:40px;
    color:#666;
}
.proDDBannerInWeb{
    position:relative;
    height:100%;
}
.proDDBannerIcons{
    position:absolute;
    right:0;
    bottom:12%;
    width:420px;
}
.proDDBannerIcons .item{
    width:33.3333%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    padding:0 5px;
}
.proDDBannerIcons .item .icon-wrap{
    font-size:70px;
    line-height:100px;

}
.proDDBannerIcons .item .icon-wrap .iconfont{
    font-size:inherit;
}
.proDDBannerIcons .item .inf{
    font-size:18px;
    line-height:29px;
    color:#333;
}
.proDDBannerBg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:1;
}
.proDDBannerBg .web_center{
    position:relative;
    height:100vh;
}
.proDDBannerBg .img_web{
    position:absolute;
    left:10%;
    /*top:20%;*/
    top:276px;
    width:80%;
    height:60vh;
}
.proDDBannerBg .img_web_in{
    position: relative;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    left:0;
    width:100%;
    height:100%;
}
.proDDBannerBg .panel-body{
    position: relative;
    width:100%;
    height:100%;
}
#circlr {
    cursor: move;
    margin: 0 auto;
    position: relative;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}
#loader {
    background: url(../images/loader.gif) center center no-repeat;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index:100;
}
#circlr img{
    position:absolute;
    left:50%;
    top:50%;
    max-height:100%;
    width:auto;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    display:none;
}
.con-tit{
    font-size:26px;
    line-height:29px;
    color:#333;
    font-weight:bold;
}
.proCC{
    position:relative;
    z-index:1;
}
.proCCItem{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    opacity:0;
    background:#fff;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
.proCCItem.active{
    position:relative;
    opacity:1;
}
.proDDX .con1{
    padding-top:72px;
    padding-bottom:52px;
}
.proDDX .con:not(.con1){
    border-top:1px solid #dfdfdf;
}

.proDDx .con.border-top-none{
    border-top:none;
}
.proDDX .proCC .con1{
    padding-top:36px;
}
.proDDX .con1-tit{
    line-height: 42px;
    margin-bottom: 14px;
}

.proDDX .con1-po .con1-tit{
    text-align:center;
}
.proDDX .con1-po .con1-tit:after{
    content:'';
    display:block;
    margin:0.4em auto 0;
    width:3em;
    height:2px;
    background:#fe0000;

}

.proDDX .con1-con{
    font-size: 16px;
    line-height: 31px;
    color:#999;
}

.proDDX .con1-po .con1-con{
    text-align:center;
    padding:0 20%;
    color:#717171;
}

.proDDX .con2{
    padding-top:30px;
    padding-bottom:40px;
}
.proDDX .con2-tit{
    line-height:48px;
}
.proDDX .con2-con{
    font-size:16px;
    line-height:26px;
    color:#999;
}
.proDDX .con2-con .item{
    position:relative;
    padding:16px 0 16px 20px;
    min-height:58px;
}
.proDDX .con2-con .item:before{
    content:'';
    position:absolute;
    top:25px;
    left:0;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#999;
}
.proDDX .con3{
    padding-top:24px;
    padding-bottom:40px;
}
.proDDX .con3-tit{
    line-height:60px;
}
.proDDX .con3-con table{
    table-layout: fixed;
    border-collapse: collapse;
    min-width:34%;
}
.proDDX .con3-con table tr{
    border-top:1px solid #ebebeb;
}
.proDDX .con3-con table tr:first-child{
    border-top:none;
}
.proDDX .con3-con table td{
    font-size:14px;
    line-height:22px;
    color:#666;
    padding:15px 15px 15px 0;
}
.proDDX .con3-con table td:nth-child(1){
    width:210px;
}
.proDDX .con3-con table td:nth-child(2){
   min-width:210px;
}
.proDDX .con4{
    padding-top:25px;
    padding-bottom: 125px;
    overflow:hidden;
}
.proDDX .con4-tit{
    line-height:56px;
    color:#666;
    padding-bottom:26px;
}
.proDDX .con4-con-wrap{
    margin:0 -20px;
}
.proDDX .con4-con .item{
    padding:0 20px 40px;
    width:33.333333%;
}
.proDDX .con4-con .img-wrap{
    text-align:center;
    position:relative;
    padding-bottom:20px;
}
.proDDX .con4-con .img-wrap img{
    display:inline-block;
    height:160px;
    max-width:100%;
    object-fit:contain;
}
.proDDX .con4-con .inf-wrap{
    padding-top:20px;
    padding-bottom:30px;
    text-align:center;
}
.proDDX .con4-con .inf-tit{
    font-size:30px;
    line-height:46px;
    color:#333;
    margin-bottom:8px;
}
.proDDX .con4-con .inf-con{
    font-size:18px;
    line-height:30px;
    color:#818181;
}
.proDDX .con4-con .lay-button{
    text-align:center;
}

.proDDX .conx{
    padding-top:20px;
    padding-bottom:30px;
}
.proDDX .conx-tit{
    line-height: 42px;
    margin-bottom: 14px;
}
.proDDX .conx-con{
    font-size:16px;
    line-height:31px;
    color:#818181;
}
.proDDX .conx-con img{
    display:inline-block;
    max-width:100%;
}

/*æ–°é—»*/
.inner_news_content_wrap{
    position:relative;
    z-index:10;
    padding-top:132px;
    padding-bottom:200px;
}
.news_box1_wrap{
    overflow:hidden;
}
.inrNewsList{
    padding-bottom:48px;
    margin-left:-20px;
    margin-right:-20px;
}
.inrNewsList .inrNewsItem{
    float:left;
    width:33.333333%;
    margin-bottom:44px;
}
.inrNewsList .inrNewsItem-in{
    margin:0 20px;
}
.inrNewsItem-in{
    position:relative;
    transition: all .36s;
}
.inrNewsItem-in:hover{
    box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);
}
.inrNewsItem-in:before,.inrNewsItem-in:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    z-index:10;
    height:1px;
}
.inrNewsItem-in:before{
    width:100%;
    background:#e2e2e2;
}
.inrNewsItem-in:after{
    width:0;
    background: #e31d1a;
    transition: all .36s;
}
.inrNewsItem-in:hover:after{
    width:100%;
}

.inrNewsItemPic a,.inrNewsItemPic a:hover{
    text-decoration: none;
}
.inrNewsItemPic{
    position:relative;
    height:0;
    padding-bottom:56.818181%;
    overflow:hidden;
}
.inrNewsItemPic a{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.inrNewsItemPic img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.inrNewsItem-in:hover .inrNewsItemPic img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}
.inrNewsItemInfo{
    padding:28px 18px 38px;
}
.inrNewsItemMsg{
    padding-bottom:14px;
}
.inrNewsItemTit a{
    color:inherit;
    -webkit-transition: .3s cubic-bezier(.34, .34, .27, .91);
    transition: .3s cubic-bezier(.34, .34, .27, .91);
}
.inrNewsItemTit a:hover{
    color:#e2211c;
}
.inrNewsItemTit a,.inrNewsItemTit a:hover{text-decoration:none;}
.inrNewsItemTit{
    font-size:20px;
    line-height:30px;
    height:60px;
    color:#333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;

}
.inrNewsItemOth{
    font-size:16px;
    line-height:30px;
    color:#a6a6a6;
}
.inrNewsItemOth .iconfont{
    font-size:20px;
    margin-right:8px;
    vertical-align:middle;
    position:relative;
    top:-1px;
}

.join_detail_box2_in .newspage{
    margin-top:64px;
}
.join_detail_box2_in .newspage a,.join_detail_box2_in .newspage span{
    background:#fff;
}
.newspage{
    text-align:center;
}
.newspage a,.newspage span{
    display:inline-block;
    vertical-align:top;
    transition:all .3s;
}
.newspage a,.newspage a:hover{
    text-decoration:none;
}
.newspage .lnk{
    display:inline-block;
    vertical-align:top;
    font-size:16px;
    line-height:58px;
    padding:0 20px;
    min-width:60px;
    height:60px;
    text-align:center;
    color:#333;
    border:1px solid #e6e6e6;
    cursor:pointer;
    margin:0 10px;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.newspage .lnk.current-lnk,.newspage .lnk.current-lnk:hover,.newspage .lnk:hover{
    color:#fff;
    background:#f00;
}
.newspage .prev-lnk,.newspage .next-lnk{
    display:inline-block;
    vertical-align:top;
    position:relative;
}
.newspage .prev-lnk:before,.newspage .next-lnk:before{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-4px;
    width:7px;
    height:7px;
    border-top:1px solid #333;
}
.newspage .prev-lnk:before{
    border-left:1px solid #333;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:50%;
    margin-left:-2px;
}
.newspage .next-lnk:before{
    border-right:1px solid #333;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    right:50%;
    margin-right:-2px;
}
.newspage .prev-lnk:hover:before{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
.newspage .next-lnk:hover:before{
    border-top:1px solid #fff;
    border-right:1px solid #fff;
}


.newsDD{
    position:relative;
    z-index:10;
    padding-top:194px;
    padding-bottom:185px;
    background:#f8f8f8;
}
.newsDX{
    background:#fff;
}
.newsD{
    padding:136px 0 170px;
    width:1040px;
    margin:0 auto;
}
.newsArc{
    min-heihgt:50vh;
    border-bottom:1px solid #e6e6e6;
    padding-bottom:50px;
}
.newsArc-tit{
    text-align:center;
    padding-bottom:64px;
    border-bottom:1px solid #e6e6e6;
    margin-bottom:64px;
}
.newsArc-tit h1{
    font-size:36px;
    line-height:65px;
    color:#333;
}
.newsArc-tit .p{
    font-size:14px;
    line-height:32px;
    color:#999;
}
.newsArc-con{
    font-size:14px;
    line-height:25px;
    color:#666;
}
.newsArc-con img,.newsArc-con video{
    display:inline-block;
    vertical-align: baseline;
    max-width:100%;
    width:auto;
}
.newsArc-con p img:only-child,.newsArc-con p video:only-child{
    display:block;
    margin:0 auto;
}
.newsArc-con h1,.newsArc-con h2,.newsArc-con h3{
    font-size:24px;
    line-height:52px;
    padding-bottom:20px;
}
.newsArc-con h4,.newsArc-con h5,.newsArc-con h6{
    font-size:20px;
    line-height:32px;
    padding-bottom:10px;
}
.newsOth-in{
    position:relative;
    padding-right:200px;
    height:76px;
}
.newsOth-in .lBx p{
    font-size:16px;
    line-height:38px;
    color:#666;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.newsOth-in .lBx p a,.newsOth-in .lBx p a:hover{text-decoration: none;}
.newsOth-in .lBx p a{
	display:inline;
    color:#666;
    transition:all .3s;
}
.newsOth-in .lBx p a:hover,.newsOth-in .lBx p:hover{
    color:#f00;
}
.newsOth-in .rBx{
    position:absolute;
    right:0;
    top:50%;
    width:150px;
    margin-top:-25px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:16px;
    background:#f00;
    color:#fff;
    overflow:hidden;
}
.newsOth-in .rBx .iconfont{
    font-size:18px;
    margin-right:12px;
    vertical-align: middle;
}
.newsOth-in .rBx-in{
    display:block;
    width: 100%;
}
.newsOth-in .rBx-in1{
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.newsOth-in .rBx-in2{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.newsOth-in .rBx:hover .rBx-in1{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}
.newsOth-in .rBx:hover .rBx-in2{
    top: 0;
    opacity: 1;
    -webkit-transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);
}
.newsOth{
    padding-top:45px;
}


/*加入我们*/
.join_box1{
    padding-top:130px;
}
.join_box1 .content{
    padding:40px 160px 114px;
    font-size:16px;
    line-height:26px;
    color:#666;
    text-align:center;
}
.join_wel{
    position:relative;
}
.join_wel .box-left{
    position:relative;
    width:50%;
}
.join_wel .box-left img{
    display:block;
    width:100%;
    object-fit:cover;
}
.join_wel .box-right{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
}
.join_wel .box-right .chd{
    float:left;
    position:relative;
    width:50%;
    height:50%;
    text-align:center;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.join_wel .box-right .chd1,.join_wel .box-right .chd4{
    background:#e5e5e5;
}
.join_wel .box-right .chd2,.join_wel .box-right .chd3{
    background:#f0f0f0;
}
.join_wel .box-right .chin{
    position:absolute;
    left:50%;
    top:50%;
    -wekbit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.join_wel .box-right .chd1 .chin{
    width:80%;
}
.join_wel .box-right .chd2 .chin{
    width:80%;
}
.join_wel .box-right .chd3 .chin{
    width:80%;
}
.join_wel .box-right .chd4 .chin{
    width:80%;
}
.join_wel .box-right .icon-wrap{
    text-align:center;
    padding-bottom:32px;
}
.join_wel .box-right .icon-wrap .iconfont{
    font-size:58px;
    line-height:60px;
    color:#333;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.join_wel .box-right .icon-wrap .iconfont.icon-xuexi{
    font-size:52px;
}
.join_wel .box-right .text-wrap{
    text-align:justify;
    text-align-last:left;
    font-size:14px;
    color:#666;
    line-height:21px;
    height:84px;
    -webkit-transition:all .3s;
    transition:all .3s;
}
@media screen and (min-width:1201px){
    .join_wel .box-right .chd:hover{
        background:#f00;
    }
    .join_wel .box-right .chd:hover .icon-wrap .iconfont{
        color:#fff;
    }
    .join_wel .box-right .chd:hover .text-wrap{
        color:#fff;
    }
}
.join_box2{
    padding-top: 140px;
    padding-bottom: 220px;
}
.join_box2 .web_center{
    padding-bottom:100px;
}
.join_style_wrap{
    padding-left:400px;
}
.join_style{
    position:relative;
}
.join_style_box_wrap{
    float:right;
    width:78%;
}
.join_style_box{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:46.61%;
    overflow:hidden;
}
.join_style_box_inner{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.join_style_box_inner .swiper-container{
    height:100%;
}
.swiper-slide-bg{
    position:relative;
    width:100%;
    height:100%;
}
.swiper-slide-bg img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.join_box_text{
    position:absolute;
    left:70px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.join_box_text_in{
    width:580px;
    height:320px;
    padding:50px 60px;
    background:rgba(255,255,255,.6);
}
.join_box_text_tit{
    display: -webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display: -ms-flexbox;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -moz-align-content: center;
    align-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items:flex-end;
    padding-bottom:9px;
    margin-bottom: 26px;
    border-bottom:1px solid rgba(51,51,51,.5);
}
.join_box_text_title{
    font-size:24px;
    line-height:40px;
    color:#333;
}
.join_box_text_time{
    font-size:14px;
    line-height:30px;
    color:rgba(51,51,51,.9);
}
.join_box_con{
    font-size:14px;
    line-height:26px;
    color:#3c3c3c;
    text-align:justify;
    text-align-last:left;
}
.join_style_sNav{
    position:absolute;
    left:0;
    width:22%;
    height:100%;
}
.join_style_sNav_in{
    position:absolute;
    top:0;
    right:30px;
    left:0;
    height:100%;
}
.join_style_sNav_in .gallery-left{
    height:100%;
    width:100%;
}
.join_style_sNav_in .gallery-left .swiper-slide{cursor:pointer;}
.join_thumb_wrap{
    height:100%;
    text-align:right;
}
.join_thumb_inner{
    float:right;
    width:auto;
    position:relative;
    height:100%;
    cursor:pointer;
}
.join_thumb_inner:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:2px solid transparent;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.swiper-slide-xglactive .join_thumb_inner:after{
    border-color:#f00;
}
.join_thumb_inner img{
    display:inline-block;
    vertical-align:top;
    width:auto;
    height:100%;
    object-fit: cover;
}
.swiper-container-vertical.gallery-left > .swiper-scrollbar {
    position: absolute;
    right: auto;
    left:1px;
    top: 0;
    z-index: 10;
    width: 1px;
    height: 100%;
    border-radius:0;
    background:#bfbfbf;
}
.swiper-container-vertical.gallery-left .swiper-scrollbar-drag {
    width: 3px;
    position: relative;
    background: #f00;
    border-radius: 0;
    left: -1px;
    top: 0;
}
.join_detail_box1{
    font-size:14px;
    line-height:38px;
    color:#808080;
    text-align:center;
    padding-top:120px;
    padding-bottom:180px;
    background:#fff;
}

.join_detail_box2{
    padding-top:65px;
    padding-bottom:120px;
    background:#f2f2f2;
}

.join_detail_box2_in{
    padding-top:30px;
    padding-bottom:30px;
}
.joList_result{
    margin:0 -3px;
}
.joList_item{
    float:left;
    width:33.3333%;
}
.joList_item .lnk{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 144px;
    padding:28px 30px 24px;
    text-align: left;
    margin:0 3px 6px;
    background:#fff;
}
.joList_item .lnk,.joList_item .lnk:hover{
    text-decoration:none;
}
.joList_item .joList_item_title{
    display: -webkit-box;
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.joList_item .joList_item_con{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 20px;
    color: #aaa;
}
.joList_item .joList_item_con .txt2{
    padding-left:12px;
    margin-left:12px;
    border-left:1px solid #ddd;
}
.join_det_wrap{
    margin-top:80px;
    background:#f2f2f2;
    padding-top:50px;
    padding-bottom:150px;
}
.join_det_left{
    float:left;
    width:75%;
    background:#fff;
    box-sizing:border-box;
    padding:20px 36px 50px;
}
.join_det_right{
    float:right;
    width:25%;
    box-sizing:border-box;
}
.join_det_right_in{
    background:#fff;
    margin-left:20px;
    padding:20px 20px 50px;
}
.join_det_left_tit{
    margin-bottom:32px;
}
.join_det_left_title{
    font-size: 20px;
    line-height: 28px;
    color: #333;
}
.join_det_left_sub{
    font-size:14px;
    line-height:18px;
    padding:6px 0;
    color:#808080;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.join_det_left_sub .txt2{
    padding-left:10px;
    margin-left:10px;
    border-left:1px solid #ddd;
}
.join_det_left_time{
    font-size:14px;
    line-height:18px;
    color:#808080;
}

.join_det_left_con{
    padding-top:10px;
    padding-bottom:10px;
    min-height:600px;
    font-size:14px;
    line-height:21px;
    color:#333;
}
.join_det_left_con p + h1,.join_det_left_con p + h2,.join_det_left_con p + h3,
.join_det_left_con p + h4,.join_det_left_con p + h5,.join_det_left_con p + h6{
    margin-top:40px;
}
.join_det_left_con h1,.join_det_left_con h2,.join_det_left_con h3,
.join_det_left_con h4,.join_det_left_con h5,.join_det_left_con h6{
    font-size:16px;
    line-height:24px;
    margin-bottom:20px;
    color:#333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.join_det_left_con h1:after,.join_det_left_con h2:after,.join_det_left_con h3:after,
.join_det_left_con h4:after,.join_det_left_con h5:after,.join_det_left_con h6:after{
    content:'';
    display:block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 12px;
    height: 1px;
    background-color: #eee;
}
.join_det_left_con img{
    display: inline-block;
    vertical-align: top;
    max-width:100%;
}
.join_det_right_title{
    font-size: 20px;
    line-height: 28px;
    color:#333;
    margin-bottom:32px;
}
.join_det_right_title .more-lnk{
    font-size:12px;
    line-height:28px;
    color:#9a9a9a;
    float:right;
}
.join_det_right_con .item{
    padding:16px 0;
    font-size:14px;
    line-height:20px;
    border-bottom:1px dashed #eee;
}
.join_det_right_con .item,.join_det_right_con .item a{
    color:#777;

}
.decoration-div{
    height:40px;
    background-color:#e0e0e0;
    background-image:-webkit-linear-gradient(bottom,#e0e0e0 0%,#e0e0e0 75%,#c0c0c0 100%);
    background-image:-moz-linear-gradient(bottom,#e0e0e0 0%,#e0e0e0 75%,#c0c0c0 100%);
    background-image:linear-gradient(0deg,#e0e0e0 0%,#e0e0e0 75%,#c0c0c0 100%);
}