/*英文字体*/

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

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

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


/*2022/11/29*/

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

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

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

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

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

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

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

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

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

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

/*.MiSans-Normal {*/
/*    font-family: "MiSans-Normal";*/
/*}*/

/*.MiSans-Demibold {*/
/*    font-family: "MiSans-Demibold";*/
/*}*/

/*.MiSans-Medium {*/
/*    font-family: "MiSans-Medium";*/
/*}*/


/*中文字体*/

/*@font-face {*/
/*    font-family: "Regular";*/
/*    src: url("../fonts/SourceHanSansCN-Regular.otf");*/
/*}*/


body,
html {
  scroll-behavior: smooth;
}

input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

p {
    margin: 0;
}

.wd1200 {
    width: 1200px;
    margin: 0 auto;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
}

.max1600 {
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.max1400 {
    /*max-width: 1430px;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    margin: 0 auto;
    width:100%;
}

body,
html {
    scroll-behavior: smooth;
}

.gotop {
    text-align: right;
    margin-top: 20px;
}

.gotop a {
    display: inline-block;
}

.com-img {
    display: block;
    overflow: hidden;
}

.com-img img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.com-img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}


.lh140{
    height: 7.2916666vw;
}


/*  */

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

.fbg {
    width: 100%;
    overflow: hidden;
    /*position: absolute;*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*height: 100%;*/
    /*z-index: -1;*/
}

.fbg img {
    display: block;
    width: 100%;
}

.fix_menu {
    position: fixed;
    bottom: -100px;
    left: 50%;
    width: 87px;
    margin-left: -43.5px;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 5px 5px 50px rgb(0 0 0 / 50%);
    opacity: 0;
    border-radius: 50%;
    background-color: #000;
    box-shadow: 0 0 15px 10px rgb(0 0 0 / 30%);
}

.fix_menu.show {
    opacity: 1;
    bottom: 30px;
    transition: bottom 1s;
}

.fix_menu img {
    width: 87px;
    height: 87px;
    border-radius: 50%;
    /*box-shadow: 5px 5px 20px rgba(0, 0, 0, 1);*/
}

.fix_menu .menu_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-family: "Regular";
    -webkit-transition: all .5s;
    transition: all .5s;
    caret-color: rgba(0, 0, 0, 0);
}

.fix_menu .menu_text i {
    font-style: inherit;
    font-size: 13px;
    position: relative;
    display: inline-block;
    font-family: "VariableFont_wght";
    -webkit-transition: all .5s;
    transition: all .5s;
}

.fix_menu .menu_text span {
    width: 20px;
    height: 20px;
    background: url(../images/xxx.png) no-repeat center;
    display: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.fix_menu.active .menu_text i {
    display: none;
}

.fix_menu.active .menu_text span {
    display: block;
}


/*头部样式*/

.top_head {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99999;
    transition: all .5s ease;
    background: rgba(51, 51, 51, .7);
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.top_head:hover {
    background: rgba(51, 51, 51, 1);
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.top_head .top_nav {
    display: block;
    width: 100%;
    /*max-width: 1500px;*/
    /*margin: 0 auto;*/
}

.top_head.scroll {
    background: transparent;
    background: rgba(51, 51, 51, 1);
    box-shadow: none;
}

.top_head.scroll .top_nav {
    display: none;
    transition-property: opacity;
    transition-duration: 2s;
    transition-timing-function: ease-in;
    transition-delay: 0;
}

.top_head.active .top_nav {
    display: block;
}

.logo {
    padding: 15px 0;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999
}

.logo a {
    display: block;
}

.logo a img {
    display: inline-block;
    max-width: 14%;
    /*max-height: 45px;*/
}


/**/

.top_head.active .dialog_content {
    opacity: 1;
    pointer-events: auto;
}

.top_head.active .dialog_content {
    background-color: rgba(51, 51, 51, .7);
}

.top_head.active2 .dialog_content {
    background-color: rgba(51, 51, 51, .7);
}

.dialog_content {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: transparent;
    padding-top: 60px;
    opacity: 0.8;
}

.top_head.active .dialog_content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/**/
.dia-height{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 0px;
    top: 120px;
    background: rgba(23,24,23,.7);
    left: 0;
    display: flex;
    opacity: 0;
    /*transition: opacity 0.3s 0.3s;*/
}

.top_head.xxx .dia-height{
    height: 350px;
    opacity: 1;
    /*transition: opacity 0s 0s;*/
}


/*  */

.x-banner {
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.x-banner .owl-carousel .banner-item a {
    overflow: hidden;
}

.x-banner .owl-carousel .banner-item a img {
    animation: banrun1 10s linear infinite;
}

img.hhahgn {
    visibility: hidden;
    height: 100vh;
}

.x-banner video {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 100%;*/
    -o-object-fit: fill;
    object-fit: fill;
}

.xian2122 {
    height: 1px;
    width: calc(100% - 300px);
    position: absolute;
    right: 170px;
    bottom: 50px;
    background: rgba(255, 255, 255, .3);
    z-index: 999;
}

.bofan {
    position: absolute;
    right: 60px;
    bottom: 40px;
    width: 100px;
    height: 100px;
    z-index: 99999;
    width: 31px;
    display: block;
    outline: none;
    border: none;
    height: 31px;
    background: url(../images/bofan.png) no-repeat center;
}

.sound-icon {
    position: absolute;
    right: 110px;
    bottom: 43px;
    width: 100px;
    height: 100px;
    z-index: 99999;
    width: 28px;
    display: block;
    outline: none;
    border: none;
    height: 24px;
    background: url(../images/jinyin.png) no-repeat center;
    background-size: 28px;
}

.bofan.aaa {
    background: url(../images/no_play.png) no-repeat center;
    background-size: 22px;
}

.sound-icon.aaa {
    background: url(../images/no_jinyin.png) no-repeat center;
    background-size: 28px;
}


/* section2 */

.section2 {
    padding: 10vw 0;
}

.section2 .fbg {
    background: #e5e5e5;
    background-size: cover;
}

.c2_wap {
    position: relative;
}

.c2_tit {
    text-align: center;
    margin-bottom: 5.2083vw;
}

.c2_tit h3 {
    font-size: 3.64583vw;
    color: #040000;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "VariableFont_wght";
}

.c2_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.c2_list li {
    width: calc(25% - 20px);
    margin: 0 10px 20px 10px;
    position: relative;
    text-align: center;
}

.c2_list li a {
    display: block;
    background: transparent;
}

.c2_list li .zhuan {
    position: relative;
    border-radius: 50%;
    box-shadow: 5px 5px 50px rgb(0 0 0 / 50%);
    background: #000;
}

.shine-wrapper {
    border-radius: 50%;
}

.c2_list li:hover .oro {
    /*box-shadow: 0 0 30px rgba(0,0,0,.5);*/
    transition: all .4s ease;
}

.c2_list li .zhuan .oro {
    border-radius: 50%;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.c2_list li .zhuan .oyo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 50%;
    height: 50%;
}

.c2_list li .s {
    position: relative;
    padding: 20px 0;
}

.c2_list li .s h3 {
    font-size: 1.77083vw;
    color: #040000;
    font-weight: normal;
    font-family: "Regular";
    transition: .1s ease;
    letter-spacing: 4px;
}

.c2_list li .s span {
    font-size: 1.14583vw;
    color: #040000;
    font-weight: normal;
    text-transform: uppercase;
    transition: .1s ease;
    font-family: "VariableFont_wght";
    letter-spacing: 2px;
}

.c2_list li:hover .s h3,
.c2_list li:hover .s span {
    color: #12377b;
}

@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
    }
}

.imgRotate {
    animation: zhuan 8s linear .1s infinite;
    -moz-animation: zhuan 8s linear .1s infinite;
    -webkit-animation: zhuan 8s linear .1s infinite;
    -o-animation: zhuan 8s linear .1s infinite;
}


/* section3 */

.section3 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c3_wap {
    position: absolute;
}

.c3_tit {
    text-align: center;
    /*margin-bottom: 5.2083vw;*/
}



.c3_tit h3 {
    font-size: 3.64583vw;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    font-family: "VariableFont_wght";
    text-transform: uppercase;
    margin-bottom: 25px;
}

.c3_tit h3 span {
    font-size: 3.125vw;
    font-family: "Regular";
    display: block;
    margin-top: 13px;
}

.c3_tit .more_btn2 a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    /*width: 150px;*/
    line-height: 35px;
    font-family: "VariableFont_wght";
    border: 1px solid #c9c6c3;
    letter-spacing: 2px;
    padding: 0 1.0416vw;
}

.c3_tit .more_btn2 a:hover {
    border-color: #12377b;
    color: #fff;
}


/* section4 */

.section4 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c4_more {
    margin-top: .2083vw;
}

.c4_wap {
    position: absolute;
}


/* section5 */

.section5 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c5_wap {
    position: absolute;
}

.c5_more {
    margin-top: .5625vw;
}


/* section6 */

.section6 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c6_wap {
    position: absolute;
}

.c6_more {
    margin-top: .2083vw;
}


/* section7 */

.section7 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c7_wap {
    position: absolute;
}

.c7_more {
    margin-top: 1.5625vw;
}


/* section72 */

.section72 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.c72_wap {
    position: absolute;
    width: 100%;
}


/* section8 */

.section8 {
    position: relative;
    background: #12377b;
}

.c8_wap {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}


/*  */

.ft_icon {
    position: relative;
    /* width: 20%; */
}

.ft_icon ul li {
    margin: 0 25px;
    position: relative;
}

.ft_icon ul li a img {
    max-height: 38px;
}

.upp {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    z-index: 99;
    padding: 5px;
    background: #fff;
    display: none;
    width: 100px;
    height: 100px;
    border: 1px solid #e5e5e5;
}

.upp::after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 20px;
    opacity: 0;
    top: -20px;
}

.upp img {
    display: block;
    width: 100%;
}

.c8_center {
    width: 50%;
    position: relative;
    text-align: center;
}

.ft_logo {
    text-align: center;
    margin-bottom: 5.6vw;
}

.ft_logo a {
    display: block;
    text-align: center;
}

.ft_logo a img {
    display: inline-block;
    max-width: 100%;
}

.ft_corpright {
    font-size: 0.8333vw;
    color: #dedfe0;
}

.ft_corpright a {
    color: #dedfe0;
}

.link {
    font-size: 0.8333vw;
    color: #dedfe0;
}

.link a {
    color: #dedfe0;
}


/*  */

.c8_right {
    /*width: 27%;*/
    position: relative;
    color: #fff;
    
}

.zzrx {
    display: flex;
    align-items: center;
}

.c8_right span {
    font-family: "Regular";
    font-size: 0.9vw;
    margin-right: 10px;
}

.c8_right b {
    font-size: 32px;
    font-weight: normal;
    font-family: "Medium";
}

.mob-ft_logo {
    margin-bottom: 50px;
}

.mob-ft_logo img {
    max-width: 236px;
}


/* mob-copy */

.mob-copy {
    margin-top: 20px;
}

.mob-copy,
.mob-copy a {
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    font-family: "MiSans-Regular";
}


/* --------------- */

@media (max-width: 1600px) {
    .x-sub-menu {
        padding-left: 5.2083vw;
    }
    .x-sub-menu>li>a {
        font-size: 16px;
    }
    .nav_aa {
        top: 115px;
    }
}

@media (max-width: 1024px) {
    .x-banner {
        height: auto;
    }
    .x-banner .owl-carousel .banner-item a>img {
        height: auto;
    }
    img.hhahgn {
        height: 100%;
    }
    .fp-tableCell {
        height: auto!important;
    }
    .fp-section {
        height: auto!important;
    }
    #fp-nav {
        display: none;
    }
    .section2,
    .section3,
    .section4,
    .section5,
    .section6,
    .section7 {
        /*padding: 30px 0;*/
    }
    .c8_right span {
        font-size: 14px;
    }
    .c8_right b {
        font-size: 22px;
    }
    .ft_corpright {
        display: none;
    }
    .ft_icon ul li a img {
        max-height: 30px;
    }
}

@media (max-width: 992px) {
    .c2_list li .zhuan .oyo {
        max-width: 130px;
    }
    .ft_icon {
        text-align: center;
        margin: 0 auto;
    }
    .c8_center {
        width: 100%;
        padding: 30px 0;
    }
    .c8_right {
        width: 100%;
    }
    .zzrx {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .c2_list li {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
    }
    .c2_list li .s h3 {
        font-size: 18px;
    }
    .c2_list li .s span {
        font-size: 16px;
    }
    .c2_tit h3 {
        font-size: 30px;
    }
    .c3_tit h3 {
        font-size: 20px;
    }
    .c3_tit h3 span {
        font-size: 16px;
    }
    .c3_tit a {
        width: 120px;
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 30px;
    }
    .c8_wap {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .upp {
        padding: 2px;
    }
    .ft_icon {
        margin: 0;
    }
    .ft_icon ul li {
        margin: 0 25px 0 0;
    }
    .ft_icon ul li a img {
        max-height: 25px;
    }
    .ft_icon ul li:nth-child(1) .upp {
        left: 0px;
        transform: translateX(0);
    }
    .zzrx {
        display: block;
    }
    .c8_right span {
        display: block;
        font-size: 16px;
    }
    .c8_center {
        padding: 10px 0;
    }
    
    
    .c3_tit .more_btn2 a{
        font-size:12px;
        line-height:30px;
        width:150px;
    }
    
    
}

.fp-viewing-Page2 .x-menu>li>a {
    color: #000;
}

.fp-viewing-Page2 .logo a img {
    /* filter: invert(50%) sepia(13%) saturate(0%) hue-rotate(48deg) brightness(96%) contrast(92%); */
    filter: brightness(0);
}

.fp-viewing-Page8 .fix_menu {
    display: none;
}


/*header*/


/**
 * ########################################################################################################################
 * ### Header - Pc
 * ########################################################################################################################
 */


/* 隐藏 */

.top_head.hide {
    opacity: 0;
}


/* Header收起 */

.top_head.shrink .logo-link {
    width: 108px;
    top: 24px;
}


/* 菜单为偶数 */

.top_head .logo-link-fixed {
    position: absolute;
    width: 128px;
    left: 50%;
    top: 36px;
    z-index: 9;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transform: translateX(-50%) scale(1);
    transition: all 0.6s, color 0s, font-size 0.1s;
}


/* 导航菜单 */


/* 一级菜单 */

.top_head .item-first {
    padding: 0 0.36rem;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.6s, color 0s;
}

.top_head .link-first {
    transition: all 0.6s, color 0s, font-size 0.1s;
}

.top_head .dropdown-icon {
    font-size: 16px;
}


/* Header收起 */

.top_head.shrink .nav-wrap-first {
    height: 80px;
    padding-top: 0;
}


/* Header收起 + 菜单为奇数 */

.top_head.shrink.odd .logo-link-fixed {
    transform: translateX(-50%) scale(0);
    opacity: 0;
}

.top_head.shrink.odd .logo-link-clone {
    width: 80px;
}

.top_head.shrink.odd .logo-link-clone .logo {
    transform: scale(1);
    opacity: 1;
}

.top_head.shrink.odd .item-first_logo-item {
    padding: 0 0.36rem;
}


/* 媒体查询 */

@media screen and (max-width: 1366px) {
    .top_head .nav-wrap-first {
        height: 150px;
        padding-top: 60px;
    }
    .top_head.shrink .nav-wrap-first {
        height: 72px;
    }
    .top_head.shrink.even .nav-list-first_left {
        padding: 0 80px;
    }
    .top_head.shrink.even .nav-list-first_right {
        padding: 0 80px;
    }
}

@media screen and (max-width: 1024px) {
    .top_head .nav-wrap-first {
        height: 130px;
        padding-top: 50px;
    }
    .top_head.shrink .nav-wrap-first {
        height: 70px;
    }
    .top_head.shrink.even .nav-list-first_left {
        padding: 0 46px;
    }
    .top_head.shrink.even .nav-list-first_right {
        padding: 0 46px;
    }
}

@media screen and (max-width: 860px) {
    .top_head .nav-wrap-first {
        padding-top: 40px;
    }
    .top_head.shrink .nav-wrap-first {
        height: 60px;
    }
    .top_head.shrink.even .nav-list-first_left {
        padding: 0 30px;
    }
    .top_head.shrink.even .nav-list-first_right {
        padding: 0 30px;
    }
}


/* 子导航菜单 */

.top_head .child-nav-wrap {
    position: fixed;
    position: absolute;
    z-index: 0;
    width: 100%;
    top: -100vh;
    background: #171817;
    left: 0;
    display: flex;
    opacity: 0;
    transition: opacity 0.6s 0.3s;
    color: #FFFFFF;
}

.top_head .child-nav-wrap.show2 {
    top: 120px;
    top: 60px;
    opacity: 1;
}

.top_head.active .child-nav-wrap.show2 {
    top: 120px;
     top: 60px;
    opacity: 1;
}

.top_head:hover .dialog_content {
    opacity: 1;
}


/* 左侧盒子 */

.top_head .left-group2 {
    /*flex: 40%;*/
    /*flex-shrink: 0;*/
    position: relative;
    background: #171817;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding-left: 10.5375vw;*/
    width: 100%;
}


/* 二级菜单 */

.top_head .nav-wrap-second {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    font-size: 16px;
    /*height: 100%;*/
    min-height: 350px;
    position: relative;
    padding-top: 0.4rem;
    background: url(../images/xia.jpg) no-repeat;
    background-size: cover;
    padding: 30px;
}


/* .top_head.even .nav-list-first_right .nav-wrap-second { padding: 40px 0 40px 2.2rem; justify-content: flex-start; } */

.top_head .nav-list-second {
    display: flex;
    flex-direction: column;
    text-align: left;
        width: 100%;
}

.top_head .item-second {
    padding: 2px 0;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: center;
}


/* .top_head.even .nav-list-first_right .item-second { flex-direction: row-reverse; } */


/* .top_head.even .nav-list-first_right .item-second .arrow-icon-right { transform: rotate(180deg); } */

.top_head .item-second:nth-child(even) .link-second::after {
    left: 100%;
}

.top_head .item-second:nth-child(odd) .link-second::after {
    right: 100%;
}

.top_head .item-second:hover:nth-child(even) .link-second::after {
    left: 0;
}

.top_head .item-second:hover:nth-child(odd) .link-second::after {
    right: 0;
}

.top_head .link-second {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width:100%;
}

.top_head .link-second::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    transition: all 0.6s;
}

.top_head .arrow-icon-right {
    font-size: 12px;
    margin-left: 3px;
}

.top_head .link-second .creat2 {
    background: url(../images/yy1.png) no-repeat center;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 15px;
}

.top_head .link-second:hover .creat2 {
    background: url(../images/yy2.png) no-repeat center;
}


/*单页三级*/
.item-second .opps{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.item-second .item-second2{
    text-align: center;
}
#aaaa .sec,
#bbb .sec {
     display: none;
    position: relative;
    width: 100%;
    /*padding: 5px 0;*/
    background: rgba(0, 0, 31, .24);
    transition: .6s ease;
}

#aaaa .sec a,
#bbb .sec a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 30px;
    margin: 0px 0;
    color: #fff;
    width: 100%;
    overflow: hidden;
}

#aaaa .sec a::after,
#bbb .sec a::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: -100%;
    transition: all 0.6s;
}

#aaaa .link-second,
#bbb .link-second {
    padding: 10px 0;
    padding-right: 15px;
}

#aaaa .sec a:hover::after,
#bbb .sec a:hover::after {
    left: 0px;
}

#aaaa .opps:hover .sec,
#bbb .opps:hover .sec {
    display: block;
}


/* 三级菜单 */

.top_head .nav-wrap-third {
    position: absolute;
    z-index: 9;
    transition: opacity 0.6s;
    font-size: 15px;
    line-height: 1.2;
    opacity: 0;
    left: calc(100% + 0.2rem);
    width: 0;
    height: 100%;
    top: 0;
    display: flex;
    padding-top: 0.43rem;
    overflow-x: hidden;
}


/* .top_head.even .nav-list-first_right .nav-wrap-third { right: auto; left: -500px; text-align: right; } */

.top_head .item-second.active .nav-wrap-third {
    opacity: 1;
    width: 2rem;
}


/* .top_head.even .nav-list-first_right .item-second.active .nav-wrap-third { right: auto; left: 4.2rem; } */

.top_head .item-third {
    padding: 4px 0;
}

.top_head .link-third {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 3px 0;
}

.top_head .link-third::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    transition: all 0.6s;
}

.top_head .item-third:nth-child(even) .link-third::after {
    left: 100%;
}

.top_head .item-third:nth-child(odd) .link-third::after {
    right: 100%;
}

.top_head .item-third.active:nth-child(even) .link-third::after {
    left: 0;
}

.top_head .item-third.active:nth-child(odd) .link-third::after {
    right: 0;
}


/* 右侧盒子 */

.top_head .right-group {
    flex: 60%;
    flex-shrink: 0;
}

.top_head .imgs-wrap {
    background: #171817;
    padding: 30px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.top_head .img-box {
    display: block;
    width: 80%;
}

.top_head .img-outer {
    width: 100%;
    padding-bottom: 38%;
    position: relative;
}

.top_head .img-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.right-group .img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    /*width: 100%;*/
    /*height: 100%;*/
    opacity: 0;
    transform: scale(1);
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    position: absolute;
    z-index: 9;
    left: 0;
    top: -100%;
    transition: all 0.6s;
}

.right-group .img.show3 {
    transform: scale(1);
    opacity: 1;
    top: 0;
}


/* Header收起时 */

.top_head.shrink .child-nav-wrap {
    top: -100vh;
}

.top_head.shrink .child-nav-wrap.show2 {
    top: 80px;
}


/* 媒体查询 */

@media screen and (max-width: 1366px) {
    .top_head .child-nav-wrap.show2 {
        top: 150px;
    }
    .top_head.shrink .child-nav-wrap.show2 {
        top: 70px;
    }
    .top_head .nav-wrap-second {
        font-size: 14px;
        padding-bottom: 80px;
    }
    .top_head .item-second {
        padding: 3px 0;
    }
    .top_head .nav-wrap-third {
        font-size: 14px;
    }
    .top_head .item-third {
        padding: 3px 0;
    }
}

@media screen and (max-width: 1024px) {
    .top_head .child-nav-wrap.show2 {
        top: 130px;
    }
    .top_head.shrink .child-nav-wrap.show2 {
        top: 68px;
    }
    .top_head .nav-wrap-second {
        font-size: 13px;
        padding-bottom: 80px;
    }
    .top_head .item-second {
        padding: 3px 0;
    }
    .top_head .nav-wrap-third {
        font-size: 13px;
    }
    .top_head .item-third {
        padding: 3px 0;
    }
}

@media screen and (max-width: 860px) {
    .top_head .child-nav-wrap.show2 {
        top: 100px;
    }
    .top_head.shrink .child-nav-wrap.show2 {
        top: 58px;
    }
    .top_head .nav-wrap-second {
        font-size: 12px;
        padding-bottom: 80px;
    }
    .top_head .item-second {
        padding: 2px 0;
    }
    .top_head .nav-wrap-third {
        font-size: 12px;
    }
    .top_head .item-third {
        padding: 2px 0;
    }
}


/* 鼠标移动到菜单上时添加底色 */

.top_head:not(.first-screen):hover .logo-link-fixed {
    background: #333333;
}

.top_head:not(.first-screen):hover .nav-wrap-first {
    background: #333333;
}


/**
 * ########################################################################################################################
 * ### Header - Mo
 * ########################################################################################################################
 */


/* Wrap */

.header-mo-wrapper .header-mo-wrap {
    position: fixed;
    z-index: 15;
    width: 100%;
    height: 58px;
    left: 0;
    top: -100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFFFFF;
    padding: 0 0.72rem;
    transition: all 0.6s;
    background: #000000;
}


/* Logo */


/* tyc122cc太阳成集团：显示白色Logo，隐藏黑色Logo */

.header-mo-wrapper .header-mo-wrap .logo {
    width: 96px;
}

.header-mo-wrapper .header-mo-wrap .logo-black {
    display: none;
}


/* 内页：显示黑色Logo，隐藏白色Logo */

.header-mo-wrapper.header-inner-page .header-mo-wrap .logo {
    display: none;
}

.header-mo-wrapper.header-inner-page .header-mo-wrap .logo-black {
    display: block;
}


/* 菜单按钮 */

.header-mo-wrapper .header-mo-wrap .menus-icon {
    font-size: 44px;
}


/* Mask */

.header-mo-wrapper .header-mo-content {
    position: fixed;
    z-index: 180;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #333333;
    transition: all 0.3s;
    opacity: 0;
    display: flex;
    flex-direction: column;
}

.header-mo-wrapper .header-mo-content.show2 {
    opacity: 1;
    left: 0;
}

.header-mo-wrapper .header-mo-content.hidden {
    opacity: 0;
    transition: all 0.6s;
}


/* Top */

.header-mo-wrapper .header-mo-content .top-wrap {
    width: 100%;
    height: 58px;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFFFFF;
    padding: 0 0.72rem;
    flex-shrink: 0;
}

.header-mo-wrapper .header-mo-content .logo {
    width: 96px;
}

.header-mo-wrapper .header-mo-content .close-icon {
    font-size: 20px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


/* 导航菜单 */

.header-mo-wrapper .header-mo-navs {
    flex: 1;
    overflow-y: auto;
}

.header-mo-wrapper .header-mo-navs-content {
    color: #FFFFFF;
    font-size: 0.24rem;
    padding: 0.72rem 0.72rem 1rem;
}


/* 一级菜单 */

.header-mo-wrapper .item-first {
    font-size: 18px;
    padding: 6px 0;
}

.header-mo-wrapper .link-first {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 4px 0;
}

.header-mo-wrapper .link-first::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    bottom: 0;
    z-index: 9;
    transition: all 0.6s;
}

.header-mo-wrapper .item-first:nth-child(even) .link-first::after {
    left: 100%;
}

.header-mo-wrapper .item-first:nth-child(odd) .link-first::after {
    right: 100%;
}

.header-mo-wrapper .item-first.active:nth-child(even) .link-first::after {
    left: 0;
}

.header-mo-wrapper .item-first.active:nth-child(odd) .link-first::after {
    right: 0;
}

.header-mo-wrapper .arrow-icon-right {
    transition: all 0.6s;
}

.header-mo-wrapper .item-first.active .arrow-icon-right-first {
    transform: rotate(90deg);
}


/* 二级菜单 */

.header-mo-wrapper .nav-wrap-second {
    height: 0;
    overflow: hidden;
    font-size: 15px;
    transition: all 0.6s;
}

.header-mo-wrapper .nav-list-second {
    padding: 10px 10px 0;
}

.header-mo-wrapper .item-second {
    padding: 6px;
}

.header-mo-wrapper .link-second {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 4px 0;
}

.header-mo-wrapper .link-second::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    bottom: 0;
    z-index: 9;
    transition: all 0.6s;
}

.header-mo-wrapper .item-second:nth-child(even) .link-second::after {
    left: 100%;
}

.header-mo-wrapper .item-second:nth-child(odd) .link-second::after {
    right: 100%;
}

.header-mo-wrapper .item-second.active:nth-child(even) .link-second::after {
    left: 0;
}

.header-mo-wrapper .item-second.active:nth-child(odd) .link-second::after {
    right: 0;
}

.header-mo-wrapper .item-second.active .arrow-icon-right-second {
    transform: rotate(90deg);
}


/* 三级菜单 */

.header-mo-wrapper .nav-wrap-third {
    height: 0;
    overflow: hidden;
    font-size: 12px;
    transition: all 0.6s;
}

.header-mo-wrapper .nav-list-third {
    padding: 10px 10px 0;
}

.header-mo-wrapper .item-third {
    padding: 4px;
}

.header-mo-wrapper .link-third {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 4px 0;
}

.header-mo-wrapper .link-third::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    bottom: 0;
    z-index: 9;
    transition: all 0.6s;
}

.header-mo-wrapper .item-third:nth-child(even) .link-third::after {
    left: 100%;
}

.header-mo-wrapper .item-third:nth-child(odd) .link-third::after {
    right: 100%;
}

.header-mo-wrapper .item-third.active:nth-child(even) .link-third::after {
    left: 0;
}

.header-mo-wrapper .item-third.active:nth-child(odd) .link-third::after {
    right: 0;
}


/* 媒体查询 */

@media screen and (max-width: 768px) {
    .header-mo-wrapper .header-mo-wrap {
        top: 0;
    }
    
    .x-banner .banner-item{
        display:none!important;
        visibility:hidden;
        opacity: 0;
    }
    
    .x-banner video{
        display:none!important;
        visibility:hidden;
        opacity: 0;
    }
}




/**/

.Txtblur1 {
    animation-duration: 1.2s!important;
    animation: Txtblur cubic-bezier(0.82, 0.01, 0.34, 1);
}

.Txtblur2 {
    animation-duration: 1s!important;
    animation: Txtblur cubic-bezier(0.82, 0.01, 0.34, 1);
}

.scaleIn {
    animation-duration: 0.8s!important;
    animation: scaleIn cubic-bezier(0.82, 0.01, 0.34, 1);
}

@keyframes Txtblur {
    0% {
        filter: blur(12px);
        opacity: 0;
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }
    100% {
        filter: blur(0);
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes gorotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn1 {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}

@keyframes menu {
    from {
        stroke-dashoffset: 0%;
    }
    to {
        stroke-dashoffset: -150%;
    }
}


/*animate补充动画*/

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@keyframes fadeOutRightSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }
}

.fadeOutRightSmall {
    animation-name: fadeOutRightSmall;
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        margin-top: -60px;
        /*transform: translate3d(0%, -10px, 0);*/
    }
    to {
        opacity: 1;
        margin-top: 0px;
        /*transform: none;*/
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.scaleIn {
    animation-name: scaleIn;
}

.top_head.active .dialog_content,
.top_head.active2 .dialog_content {
    opacity: 1;
    visibility: visible;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.67, .92, .71, .99);
    animation-timing-function: cubic-bezier(.67, .92, .71, .99);
}

.top_head.active .dialog_content {
    -webkit-animation-name: anim-open-5;
    animation-name: anim-open-5;
}

.top_head.active2 .dialog_content {
    -webkit-animation-name: anim-close-5;
    animation-name: anim-close-5;
}

@-webkit-keyframes anim-open-5 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes anim-open-5 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes anim-close-5 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}

@keyframes anim-close-5 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}


/**/

.asss {
    line-height: 0.75;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.asss div {
    display: inline-block;
    overflow: hidden;
    line-height: 1.1;
    white-space: pre;
}

.asss div span {
    font-family: "MiSans-Bold";
    text-transform: uppercase;
    display: block;
    font-size: 2.7083vw;
    font-weight: 400;
    color: #000;
}

.sjuixian {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.sjuixian i {
    width: 1px;
    height: 12.5vw;
    background: #fff;
}

.asss2 div span {
    color: #fff;
    font-weight: 400;
    font-family: "MiSans-Bold";
    text-transform: uppercase;
}


/* h2_tit */

.h2_tit {
    margin-bottom: 3.125vw;
     color: #fff;
}

.h2_tit div span {
    font-family: "MiSans-Regular";
    font-size: 2.7083vw;
    color: #fff;
}

.h2_tit_bold div span {
    font-family: "MiSans-Regular";
}

.fz70 div span {
    font-size: 3.64583vw;
}

.fz60 div span {
    font-size: 3.125vw;
}

.fz50 div span {
    font-family: "MiSans-Light";
}

.fz31 div span {
    font-size: 31px;
    font-family: "MiSans-Light";
}


/**/

.home_one_titx {
    margin-bottom: 15px;
}

.home_one_titx div span {
    font-family: "MiSans-Light";
    font-size: 2.60416vw;
    color: #070002;
}


/**/

.home_one_titx1 {
    margin-bottom: 15px;
}

.home_one_titx1 div span {
    font-family: "MiSans-ExtraLight";
    font-size: 1.5625vw;
    color: #767777;
}

@media (max-width:768px) {
    .asss div span {
        font-size: 30px;
    }
    .h2_tit div span {
        font-size: 26px;
    }
    .h2_tit {
        margin-bottom: 30px;
    }
    .sjuixian {
        margin-bottom: 30px;
    }
    .sjuixian i {
        height: 120px;
    }
     .h2222_tit div span {
        font-size: 14px;
    }
    
}


/* home_number */

.home_number {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999;
    margin-bottom: 4.1666vw;
    flex-wrap: wrap;
}

.home_number li {
    position: relative;
    text-align: center;
    width: 25%;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    padding: 10px 0;
}

.home_number li h3 {
    color: #fff;
    display: flex;
    margin-bottom: 0px;
    align-items: flex-start;
    justify-content: center;
}

.home_number li h3 i {
    font-style: inherit;
    color: #fff;
    font-size: 56px;
    font-weight: 400;
    font-family: "MiSans-Light";
}

.home_number li h3 span {
    display: inline-block;
    font-size: 36px;
    font-weight: normal;
    font-style: inherit;
    color: #fff;
    font-family: "MiSans-Light";
    margin-top: 0px;
}

.home_number li p {
    font-size: 28px;
    line-height: 1.7;
    color: #fff;
    padding-top: 5px;
    font-weight: 400;
    font-family: "MiSans-Light";
}

@media (max-width:992px) {
    .home_number li {
        width: 44%;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-bottom: 25px;
        margin: 0 3% 20px 3%;
        background: rgba(255, 255, 255, .1);
    }
    .home_number li h3 i {
        font-size: 30px;
    }
    .home_number li p {
        font-size: 16px;
    }
    .fz31 div span {
        font-size: 20px!important;
    }
}


/* 下滑指示剪头 */

.whell-down-icon-wrapper {
    position: relative;
    z-index: 300;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.52rem;
    -webkit-animation: wheelDown 1.2s infinite;
    animation: wheelDown 1.2s infinite;
    transition: all 0.36s;
}

.whell-down-icon-wrapper.up {
    -webkit-animation: wheelDownRes 1.2s infinite;
    animation: wheelDownRes 1.2s infinite;
}

@-webkit-keyframes wheelDown {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(12px) scale(0.9);
        opacity: 0
    }
}

@keyframes wheelDown {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(12px) scale(0.9);
        opacity: 0
    }
}

@-webkit-keyframes wheelDownRes {
    from {
        transform: translateY(0) rotate(180deg);
    }
    to {
        transform: translateY(-12px) scale(0.9) rotate(180deg);
        opacity: 0
    }
}

@keyframes wheelDownRes {
    from {
        transform: translateY(0) rotate(180deg);
    }
    to {
        transform: translateY(-12px) scale(0.9) rotate(180deg);
        opacity: 0
    }
}

@font-face {
    font-family: "iconfont";
    /* Project id 2625493 */
    src: url('//at.alicdn.com/t/font_2625493_943vtyolgva.woff2?t=1654495985210') format('woff2'), url('//at.alicdn.com/t/font_2625493_943vtyolgva.woff?t=1654495985210') format('woff'), url('//at.alicdn.com/t/font_2625493_943vtyolgva.ttf?t=1654495985210') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 36px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont-icon-arrow-down:before {
    content: "\e674";
}

.iuas {
    padding: 30px;
    border-radius: 50%;
}


/*  */

.page-wrap2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.page-top-149 {
    padding-top: 120px;
}

@media (max-width:992px) {
    .page-top-149 {
        padding-top: 0px;
    }
}

.pd_left_150 {
    padding-left: 7.8125vw;
}

.pd_right_150 {
    padding-left: 7.8125vw;
}

.pd_left_120 {
    padding-left: 6.25vw;
}

.block-img img {
    display: block;
    width: 100%;
}


/* 阳光厨房 */

.sun_one {
    position: relative;
    padding: 7.8125vw 0;
}

.sun_one_left {
    position: relative;
    width: 48.43%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.sun_one_top {
    position: relative;
}

.sun_one_top h3 {
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
    font-size: 1.666vw;
    color: #000000;
}

.sun_one_top span {
    display: block;
    font-size: 1.875vw;
    color: #000;
}

.sun_one_bottom {
    font-size: 18px;
    color: #000000;
    line-height: 1.5;
    padding-right: 5.2083vw;
    font-family: "MiSans-Light";
    text-align: justify;
}

.sun_one_right {
    position: relative;
    width: 51.57%;
}


/* sun_two */

.sun_two {
    position: relative;
}

.sun_title2 {
    padding-top: 5.64583vw;
    padding-bottom: 5.64583vw;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.sun_title2 h2 {
    font-size: 1.666vw;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
}

.sun_title2 h3 {
    font-size: 1.875vw;
    font-weight: normal;
    margin-bottom: 50px;
    color: #000;
}

.sun_title2 .afa {
    max-width: 1350px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.7;
    color: #000;
    font-family: "MiSans-Light";
}

.sun_two ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.sun_two ul li {
    position: relative;
    overflow: hidden;
}

.sun_two ul li img {
    display: block;
    width: 100%;
}

.sun_two ul li:nth-child(odd) {
    width: 52.5%;
}

.sun_two ul li:nth-child(even) {
    width: 47.5%;
}


/* sun_three */

.sun_three {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    position: relative;
}

.sun_three_con {
    position: relative;
}

.sun_video {
    text-align: center;
    overflow: hidden;
}

.sun_video img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.sun_three_con h4 {
    font-size: 1.97916vw;
    color: #000;
    padding: 2.60416vw 0;
    font-weight: normal;
    text-align: center;
}


/* big_img */

.big_img {
    margin-top: 10.416vw;
}

.big_img img {
    display: block;
    width: 100%;
}


/* sun_four */

.sun_four {
    padding: 10.416vw 0;
    padding-left: 22.39vw;
    position: relative;
}

.sun_title3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4.1666vw;
}

.sun_title3 h2 {
    font-size: 1.197916vw;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 15px;
}

.sun_title3 h3 {
    font-size: 1.197916vw;
    color: #000;
    padding-right: calc(10.416vw + 30px);
    text-transform: uppercase;
    font-weight: normal;
}


/**/

.hus_swiper_aa2 {
    position: relative;
    overflow: hidden;
}

.hus_swiper_aa2 img {
    display: block;
    width: 100%;
}


/*  */

.sun_four_list {
    position: relative;
    overflow-x: scroll;
    display: flex;
    padding-bottom: 50px;
}

.sun_four_list li {
    position: relative;
    margin-right: 25px;
}

.sun_four_list li a {
    display: block;
}

.sun_four_list li a img {
    display: block;
}

.sun_fout_swoer {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
    margin-left: 8.333vw;
}

.swiper_aa2 img {
    width: 100%;
}

.sun_fout_swoer .swiper-pagination-progressbar {
    background: #b5b5b5;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 5px;
}

.sun_fout_swoer .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f5b436;
}


/* 与阳光同行滚动条 */

.sun_four_list::-webkit-scrollbar-track {
    background-color: #b5b5b5;
}

.sun_four_list::-webkit-scrollbar {
    height: 5px;
    background-color: #b5b5b5;
}

.sun_four_list::-webkit-scrollbar-thumb {
    background-color: #f5b436;
}


/* sun_five */

.sun_five {
    position: relative;
    padding-top: 4.1666vw;
    padding-bottom: 10.4166vw;
}

.swiper_aa {
    position: relative;
}

.swiper_aa .swiper-slide img {
    display: block;
    width: 100%;
}


/* 丈夫节 */


/* hus_one */

.hus_one {
    padding-top: 5.2083vw;
    padding-bottom: 6.25vw;
}

.big_img2 {
    position: relative;
}

.big_img2 img {
    display: block;
    width: 100%;
}


/* hus_two */

.hus_two {
    position: relative;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
}

.hus_title {
    padding-top: 11.4583vw;
    padding-bottom: 11.4583vw;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.hus_title h3 {
    font-size: 1.97916vw;
    font-weight: normal;
    margin-bottom: 2.083vw;
    color: #000;
}

.hus_title .afa {
    max-width: 1230px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 1.5;
    color: #000;
}


/*  */

.hus_two_con {
    position: relative;
}

.hus_video {
    text-align: center;
    overflow: hidden;
}

.hus_video img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.hus_two_con h4 {
    color: #000;
    font-size: 1.14583vw;
    padding: 3.125vw 0;
    font-weight: normal;
    text-align: center;
}


.hus_two_con .video-wen{
     color: #000000;
    font-size: 1.14583vw;
    line-height: 2;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 5.083vw;
    font-weight: normal;
    text-align: left;
}

.pt3125{
    padding-top: 3.125vw;
}




/* hus_three */

.hus_three {
    position: relative;
}

.hus_title3 {
    text-align: center;
    padding-top: 9.375vw;
    padding-bottom: 10.416vw;
}

.hus_title3 h3 {
    font-weight: normal;
    font-size: 1.97916vw;
    color: #000;
}

.hus_title3 p {
    padding-top: 1.5625vw;
    font-weight: normal;
    font-size: 0.989583vw;
    color: #000;
}

.hus_three_con {
    position: relative;
    background: #e5e5e5;
}

.hus_three_con ul {
    display: flex;
    flex-wrap: wrap;
}

.hus_three_con ul li {
    width: 33.33%;
    position: relative;
    transition: all 0.6s;
}

.hus_three_con ul li>div {
    height: 50%;
    position: relative;
    background: #e5e5e5;
}

.hus_three_con ul li .com-img img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
}

.hus_three_con ul li .teyy {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.6s;
    z-index: 999;
}

.hus_three_con ul li .teyy .ittem {
    font-size: 1.97916vw;
    color: #000000;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 5.2083vw;
    position: relative;
    display: inline-block;
    padding: 40px;
}

.hus_three_con ul li .teyy .ittem::before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 37px;
    height: 37px;
    background: url(../images/y1.png) no-repeat center;
}

.hus_three_con ul li .teyy .ittem::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    width: 37px;
    height: 37px;
    background: url(../images/y2.png) no-repeat center;
}

.hus_three_con ul li .teyy h3 {
    font-size: 1.97916vw;
    color: #000000;
    font-weight: normal;
}

.hus_three_con ul li .teyy:hover {
    transform: scale(1.15);
    transition: all 0.6s;
    box-shadow: 0 5px 35px 5px rgba(0, 0, 0, .3);
}


/*hus_four*/

.hus_four {
    position: relative;
    padding-top: 13.02083vw;
    padding-left: 7.8125vw;
    padding-right: 7.8125vw
}

.hus_four_video {
    text-align: center;
    overflow: hidden;
}

.hus_four_video img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.hus_four h4 {
    color: #000;
    font-size: 1.14583vw;
    padding: 3.125vw 0;
    font-weight: normal;
    text-align: center;
}


/*hus_five*/

.hus_five {
    position: relative;
    padding-top: 6.77083vw;
    padding-bottom: 8.333vw;
    padding-left: 13.0283vw;
    padding-right: 13.0283vw;
}

.hus_five ul {
    display: flex;
    flex-wrap: wrap;
}

.hus_five ul li {
    position: relative;
    width: calc(50% - 2.60416vw);
    margin: 0 1.302083vw 1.302083vw 1.302083vw;
}

.hus_five ul li a {
    display: block;
}

.hus_five ul li .com-img img {
    display: block;
    width: 100%;
}

.hus_five ul li .acc {
    text-align: center;
    position: relative;
    padding: 2.60416vw 6.77083vw;
    background: #e5e5e5;
}

.hus_five ul li .acc span {
    display: block;
    margin-bottom: 3.125vw;
    font-size: 16px;
    color: #000;
}

.hus_five ul li .acc h3 {
    letter-spacing: 2px;
    margin-bottom: 2.083vw;
    font-size: 1.666vw;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
}

.hus_five ul li .acc .gdd {
    display: inline-block;
    font-size: 12px;
    color: #000;
    line-height: 29px;
    font-family: "VariableFont_wght";
    border: 1px solid #b7b7b7;
    letter-spacing: 1px;
    padding: 0 1.0416vw;
}

.hus_five ul li .acc .gdd:hover {
    border-color: #12377b;
    color: #fff;
}

.hus_five ul li:hover .com-img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.hus_five ul li:hover .acc h3 {
    text-decoration: underline
}


/* 新闻页面 */

.pd145 {
    padding-left: 7.552083vw;
    padding-right: 7.552083vw;
    margin: 0 auto;
}

@media (max-width:992px) {
    .pd145 {
        padding-left: 3.125vw;
        padding-right: 3.125vw;
        margin: 0 auto;
    }
}


/* brnews_aa */

.brnews_aa {
    position: relative;
}

.brnews_title {
    padding-top: 6.25vw;
    padding-bottom: 4.166vw;
    text-align: center;
    font-size: 1.71875vw;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.brnews_aa_list {
    position: relative;
}

.brnews_aa_list li {
    position: relative;
}

.brnews_aa_list li a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.brnews_aa_list li a>div {
    width: 50%;
    position: relative;
}

.brnews_aa_list li .br_one_img img {
    display: block;
    width: 100%;
}

.brnews_aa_list li .br_one_text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #eeeeee;
    padding: 0 6.25vw;
}

.brnews_aa_list li .br_one_text span {
    display: block;
    margin-bottom: 3.125vw;
    font-size: 16px;
    color: #000;
}

.brnews_aa_list li .br_one_text h3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    letter-spacing: 2px;
    margin-bottom: 2.60416vw;
    font-size: 1.614583vw;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
}

.brnews_aa_list li .br_one_text .xup {
    width: 78%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.7;
    color: #000;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 2.60416vw;
}

.brnews_aa_list li .br_one_text .gdd {
    display: inline-block;
    font-size: 12px;
    color: #000;
    line-height: 33px;
    font-family: "VariableFont_wght";
    border: 1px solid #b7b7b7;
    letter-spacing: 2px;
    padding: 0 1.0416vw;
}

.brnews_aa_list li .br_one_text .gdd:hover {
    border-color: #12377b;
    color: #fff;
}

.brnews_aa_list li:hover .br_one_text h3 {
    text-decoration: underline;
}


/* brnews_bb */

.brnews_bb {
    position: relative;
}

.brnews_bb_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.60416vw;
}

.brnews_bb_list li {
    position: relative;
    width: calc(33.33% - 4.1666vw);
    margin: 0 2.083vw 2.60416vw 2.083vw;
}

.brnews_bb_list li a {
    display: block;
}

.brnews_bb_list li .com-img img {
    display: block;
    width: 100%;
}

.brnews_bb_list li .benews_text2 {
    position: relative;
    padding: 20px 0;
}

.brnews_bb_list li .benews_text2 .cu-cname {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.brnews_bb_list li .benews_text2 .cu-cname span {
    display: block;
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    padding: 3px 10px;
    background: #135394;
}

.brnews_bb_list li .benews_text2 h3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 0.989583vw;
    color: #000;
}

.brnews_bb_list li .benews_text2 .br-time {
    font-size: 12px;
    color: #000;
}

.brnews_bb_list li:hover .benews_text2 h3 {
    text-decoration: underline;
}


/* brnews_bb_more */

.brnews_bb_more {
    text-align: center;
    margin-top: 2.60416vw;
    padding-bottom: 6.25vw;
}

.brnews_bb_more a {
    display: inline-block;
    font-size: 13px;
    color: #000;
    line-height: 33px;
    font-family: "MiSans-Regular";
    border: 1px solid #aaaaaa;
    letter-spacing: 1px;
    padding: 0 1.0416vw;
}

.brnews_bb_more a:hover {
    border-color: #12377b;
    color: #fff;
}


/*  */

.tab-con {
    position: relative;
}

.tab-con .tab-main {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.tab-con .tab-main {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.tab-con .tab-main.active {
    position: static;
    opacity: 1;
    visibility: visible;
}


/* brnews_tab */

.brnews_tab {
    position: relative;
}

.brnews_wap {
    position: relative;
}


/* 新闻分类 */

.brnews_sort {
    display: flex;
    justify-content: space-between;
    border-top: 4px solid #b5b5b5;
    margin-bottom: 4.1666vw;
}

.brnews_sort li {
    position: relative;
    padding-top: 2.083vw;
    width: 33.33%;
}

.brnews_sort li a {
    display: block;
    font-size: 1.71875vw;
    font-weight: bold;
    color: #000;
}

.brnews_sort li:nth-child(even) {
    text-align: center;
}

.brnews_sort li:nth-child(3) {
    text-align: right;
}

.brnews_sort li::before {
    position: absolute;
    left: 0px;
    top: -4px;
    content: "";
    height: 4px;
    width: 100%;
    background: #135394;
    z-index: 999;
    width: 0px;
    transition: width 0.3s;
}

.brnews_sort li.on::before {
    transition: width 0.3s;
    width: 100%;
}


/* brnews_tjlist */

.brnews_tjlist {
    margin-bottom: 4.166vw;
}

@media (max-width:768px) {
    .sun_title2 h2 {
        font-size: 25px;
        line-height: 1.3;
        font-family: "MiSans-Regular";
    }
    .sun_title2 h3 {
        font-size: 25px;
        line-height: 1.3;
        font-family: "MiSans-Regular";
        margin-bottom: 20px;
    }
    .sun_title2 .afa {
        font-size: 16px;
        text-align: justify;
    }
    .sun_two ul li {
        width: 100%!important;
        text-align: center;
    }
    .sun_two ul li:nth-child(3) {
        margin: 30px 0;
    }
    .sun_two ul li:nth-child(4) img {
        max-width: 90%;
        margin: 0 auto;
    }
    .sun_three {
        padding-top: 50px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .sun_title2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .sun_three_con,
    .big_img {
        margin-left: -5.2083vw;
        margin-right: -5.2083vw;
    }
    .sun_three_con h4 {
        font-size: 15px;
        font-family: "MiSans-Regular";
    }
    .sun_title3 {
        display: block;
        font-family: "MiSans-Regular";
        margin-bottom: 30px;
    }
    .sun_title3 h2,
    .sun_title3 h3 {
        padding-left: 0px;
        font-size: 16px;
        font-family: "MiSans-Regular";
    }
    .sun_four {
        padding: 50px 0;
        padding-left: 30px;
    }
    .sun_fout_swoer {
        margin-left: 0px;
        padding-bottom: 30px;
    }
    .sun_fout_swoer .swiper-pagination-progressbar {
        background: #b5b5b5;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 2px;
    }
    .sun_five {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    /*  */
    .brandnews .pad300 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .brnews_aa_list li a>div {
        width: 100%;
    }
    .br_one_img .fii {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        z-index: 9999;
        text-align: center;
        font-family: "MiSans-Regular";
        font-size: 22px;
    }
    .brnews_aa_list li .br_one_text {
        width: 85%;
        margin: 0 auto;
        padding: 50px 30px;
        margin-top: -50px;
    }
    .brnews_aa_list li .br_one_text span {
        font-family: "MiSans-Light";
        margin-bottom: 30px;
        font-size: 14px;
    }
    .brnews_aa_list li .br_one_text h3 {
        font-family: "MiSans-Regular";
        line-height: 1.2;
        margin-bottom: 50px;
        font-weight: normal;
        font-size: 18px;
    }
    .brnews_aa_list li .br_one_text .xup {
        display: none;
    }
    .brnews_aa_list li .br_one_text .gdd {
        line-height: 25px;
        padding: 0 15px;
    }
    .brnews_title {
        text-align: center;
        font-family: "MiSans-Light";
        font-size: 22px;
        font-weight: 400;
    }
    .brnews_title p {
        font-family: "MiSans-Regular";
    }
    .brnews_bb_more a {
        padding: 0 15px;
        font-size: 12px;
        line-height: 28px;
        font-family: "MiSans-Regular";
    }
}


/* 品牌中心 */

.brand_first {
    position: relative;
}

.brand_title_a {
    text-align: center;
    padding: 10.416vw 15px 9.375vw 15px;
    max-width: 820px;
    margin: 0 auto;
}

.brand_title_a span {
    display: block;
    font-size: 1.302083vw;
    text-transform: uppercase;
    margin-bottom: 1.5625vw;
    color: #000;
}

.brand_title_a h3 {
    font-weight: normal;
    margin-bottom: 4.166vw;
    font-size: 1.77083vw;
    color: #000;
}

.brand_title_a .brand-p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.7;
    color: #000;
}

.brand_img {
    position: relative;
    overflow: hidden;
}

.brand_img img {
    transition: all 0.6s;
    display: block;
    width: 100%;
}


/* brand_second */

.brand_second {
    position: relative;
}

.brand_title_b {
    padding: 5.208vw 0;
    text-align: center;
}

.brand_title_b span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 2.55vw;
    color: #000;
}

.brand_people {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.brand_people_left {
    width: 41.66%;
    position: relative;
    text-align: right;
}

.brand_people_left img {
    display: inline-block;
    max-width: 100%;
}

.brand_people_right {
    width: 51.66%;
    position: relative;
}

.brand_people_right h2 {
    margin-bottom: 3.125vw;
    font-weight: normal;
    font-size: 1.77083vw;
    color: #000;
}

.brand_people_right .jianjie {
    font-size: 14px;
    line-height: 1.7;
}


/* brand_three */

.brand_three {
    padding: 7.8125vw 0;
}

.brand_title_c {
    padding-bottom: 4.166vw;
    text-align: center;
}

.brand_title_c span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 2.55vw;
    color: #000;
}

.brand_title_c p{
    font-size: 1.0416vw;
    color: #000000;
}

.brand_power {
    max-width: 1200px;
    margin: 0 auto;
}


/* numlist */

.numlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}

.numlist li {
    position: relative;
    text-align: center;
    width: 33.33%;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    padding: 1.5625vw 0;
}

.numlist li .yuy {
    border: 15px solid #135394;
    border-radius: 50%;
    /* width: 242px; */
    width: 12.60416vw;
    height: 12.60416vw;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.numlist li h3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.numlist li h3 i {
    font-style: inherit;
    color: #000;
    font-size: 2.5vw;
    font-weight: 600;
    font-family: "Microsoft Yahei";
}

.numlist li h3 span {
    font-size: 1.77083vw;
    font-style: inherit;
    color: #000000;
}

.numlist li p {
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    padding-top: 20px;
    font-weight: 400;
}


/*  four_major */
.four_major{
    position: relative;
    padding-bottom: 4.16666vw;
}



/* numlist2 */

.numlist2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 999;
    padding-bottom: 8.333vw;
}

.numlist2 li {
    position: relative;
    text-align: center;
    width: 50%;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    padding: 1.5625vw 0;
}

.numlist2 li .yuy {
    border: 15px solid #135394;
    border-radius: 50%;
    width: 20.3125vw;
    height: 20.3125vw;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.numlist2 li h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1;
}

.numlist2 li h3 i {
    font-style: inherit;
    color: #000;
    font-size: 4.6875vw;
    font-weight: 600;
    font-family: "Microsoft Yahei";
}

.numlist2 li h3 span {
    font-size: 3.125vw;
    font-style: inherit;
    color: #000000;
}

.numlist2 li h3 p{
    width: 100%;
    color: #000000;
    font-size: 25px;
}

.numlist2 li p {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    padding-top: 20px;
    font-weight: 400;
}

@media (max-width:768px){
    .four_major{
        padding-top:5.2083vw;
    }
    .numlist2 li .yuy{
        width: 100%;
        height: 100%;
        
        width:130px;
        height:130px;
        border: 8px solid #135394;
    }
    .numlist2{
        padding-bottom: 13.333vw;
    }
    .numlist2 li h3 i{font-size:24px;}
    .numlist2 li h3 span{font-size:18px;}
    .numlist2 li h3 p{font-size:14px;padding-top:10px;}
    .numlist2 li p{font-size:14px;}
}
/**/
.major_con{
    position: relative
}
.major_con ul{display:flex;flex-wrap:wrap;}
.major_con ul li{width:calc(50% - 20px);margin:0 10px 30px 10px;text-align:center;}
.major_con ul li a{display:block;}
.major_con ul li .com-img img{display:block;width:100%;}
.major_con ul li h3{color:#000000;font-size:16px;font-weight:400;margin:10px 0;line-height:1.7;}








/* 品牌中心-选项卡 */

.brand_tab {
    position: relative;
    padding-left: 10.416vw;
    padding-right: 10.416vw;
}

.brand_sort {
    display: flex;
    justify-content: space-between;
    border-top: 4px solid #b5b5b5;
    padding-bottom: 4.1666vw;
}

.brand_sort li {
    position: relative;
    padding-top: 2.083vw;
    width: 33.33%;
}

.brand_sort li a {
    display: block;
    font-size: 1.666vw;
    font-weight: bold;
    color: #000;
}

.brand_sort li:nth-child(even) {
    text-align: center;
}

.brand_sort li:nth-child(3) {
    text-align: right;
}

.brand_sort li::before {
    position: absolute;
    left: 0px;
    top: -4px;
    content: "";
    height: 4px;
    width: 100%;
    background: #135394;
    z-index: 999;
    width: 0px;
    transition: width 0.3s;
}

.brand_sort li.on::before {
    transition: width 0.3s;
    width: 100%;
}


/* brand_content */

.brand_content {
    position: relative;
    padding-bottom: 50px;
}


/* 网格 */

.inner-grid-wrapper {
    padding: 0 0;
    overflow: hidden;
}

.inner-grid-vars-wrapper {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.inner-grid-wrap {
    margin-bottom: 5.2083vw;
}

.year_title {
    padding: 2.60416vw 0;
    text-align: center;
    font-size: 29px;
    color: #8e8e8e;
}

.inner-grid-wrapper .grid-container {
    display: flex;
    flex-wrap: wrap;
}

.inner-grid-wrapper .grid-item {
    margin: 0;
    padding: 0;
    width: 25%;
    margin-bottom: 0px;
}

.inner-grid-wrapper .grid-item:nth-child(4n) .item-inner {
    border-right: 2px solid #c1c1c1;
}

.inner-grid-wrapper .grid-item:nth-child(n+5) .item-inner {
    border-top: none;
}

.inner-grid-wrapper .grid-item:last-child .item-inner {
    border-right: 2px solid #c1c1c1;
}

.inner-grid-wrapper .grid-item_is-not-empty {
    cursor: pointer;
}

.inner-grid-wrapper .item-inner {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border: 2px solid #c1c1c1;
    border-right: none;
}

.inner-grid-wrapper .inner-cont {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    padding: 0px;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.inner-grid-wrapper .image {
    position: absolute;
    /* width: 100%; */
    height: 100%;
    display: block;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 10;
    padding: 2.083vw 2.60416vw;
    transition: all 0.6s;
}

.inner-grid-wrapper .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, .9);
}

.inner-grid-wrapper .cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 30;
    color: #000000;
    display: flex;
    flex-direction: column;
    padding: 1.5625vw;
    justify-content: space-between;
    transition: all 0.3s linear;
}

.inner-grid-wrapper .top {
    width: 100%;
}

.inner-grid-wrapper .year {
    color: #135394;
    font-size: 3.22916vw;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1.5625vw;
    display: block;
}

.inner-grid-wrapper .icons .iconfont {
    font-size: 0.34rem;
    font-weight: normal;
    display: none;
}

.inner-grid-wrapper .icons .icon-open {
    display: block;
}

.inner-grid-wrapper .desc {
    font-size: 0.9375vw;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.bottom {
    text-align: right;
}

.inner-grid-wrapper .opo {
    font-size: 1.14583vw;
    color: #888888;
}

.inner-grid-wrapper .box {
    margin-top: 0px;
    height: 0px;
    width: 400%;
    overflow: hidden;
    position: relative;
    transition: all 0.6s linear;
    color: #000;
    padding: 0 0px;
}

.inner-grid-wrapper .box-cont {
    text-align: center;
    width: 100%;
    height: auto;
    background: #0c3c6c;
    position: relative;
    transform: translateY(-100%);
    transition: all 0.5s linear;
    opacity: 0;
}

.inner-grid-wrapper .box-cont_item {
    padding: 0.6rem 2.6rem;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
}

.inner-grid-wrapper .box-cont .image2 {
    padding: 7.8125vw 5.208vw;
    text-align: center;
}

.inner-grid-wrapper .box-cont .image2 img {
    display: inline-block;
    max-width: 100%;
    /*max-width: 500px;*/
}

.inner-grid-wrapper .inner-grid-item-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.inner-grid-wrapper .inner-grid-item-swiper .swiper-wrapper {
    width: 100%;
}

.inner-grid-wrapper .item_left {
    flex: 1;
    padding-right: 1.1rem;
}

.inner-grid-wrapper .item_right {
    flex-shrink: 0;
}

.inner-grid-wrapper .item-imgs {
    display: flex;
    flex-wrap: wrap;
    width: 3.6rem;
}

.inner-grid-wrapper .item-image-box {
    width: 50%;
    height: 1.35rem;
    overflow: hidden;
}

.inner-grid-wrapper .item-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.6s;
}

.inner-grid-wrapper .item-title.en {
    font-size: 0.54rem;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0.1rem;
}

.inner-grid-wrapper .item-title.cn {
    font-size: 0.3rem;
    font-weight: normal;
    padding-top: 0.3rem;
    padding-bottom: 0.36rem;
}

.inner-grid-wrapper .item-desc {
    font-size: 0.18rem;
    line-height: 1.6;
}

.inner-grid-wrapper .item-swiper-btn {
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    top: 50%;
    margin-top: -0.2rem;
    transition: all 0.6s;
}

.inner-grid-wrapper .item-swiper-btn.prev {
    left: 0.1rem;
}

.inner-grid-wrapper .item-swiper-btn.next {
    right: 0.1rem;
}

.inner-grid-wrapper .item-swiper-btn:hover {
    opacity: 0.8;
}

.inner-grid-wrapper .grid-item.active .box {
    height: auto;
    margin-top: 0px;
}

.inner-grid-wrapper .grid-item.active {
    border-color: #0c3c6c;
}

.inner-grid-wrapper .grid-item.active .year,
.inner-grid-wrapper .grid-item.active .cont,
.inner-grid-wrapper .grid-item:hover .year,
.inner-grid-wrapper .grid-item:hover .cont{
    color: #fff;
    transition: all 0s linear;
}

.inner-grid-wrapper .grid-item.active .mask,
.inner-grid-wrapper .grid-item:hover .mask{
    background: #135394;
    opacity: 0;
}

.inner-grid-wrapper .grid-item.active .box-cont,
.inner-grid-wrapper .grid-item:hover .box-cont{
    transform: translateY(0);
    opacity: 1;
}

.inner-grid-wrapper .grid-item.active .icons .icon-open {
    display: none;
}

.inner-grid-wrapper .grid-item.active .icons .icon-close {
    display: block;
}

.inner-grid-wrapper .grid-item:hover .cont {
    padding: 0.4rem 0.3rem;
    padding: 1.5625vw;
    opacity: 0;
}

.inner-grid-wrapper .grid-item:hover .image {}

.inner-grid-wrapper .item-image-box:hover .item-image {
    transform: scale(1.25);
}

@media screen and (max-width: 1024px) {
    .inner-grid-wrapper .grid-item {
        width: 25%;
    }
    .inner-grid-wrapper .box {
        width: 400%;
    }
}

@media screen and (max-width: 860px) {
    .inner-grid-wrapper .grid-item {
        width: 33.33333333%;
    }
    .inner-grid-wrapper .box {
        width: 300%;
    }
}

@media screen and (max-width: 768px) {
    .inner-grid-wrapper {
        padding: 0.6rem 0.3rem;
    }
    .inner-grid-wrapper .grid-container {
        margin: 0 -10px;
    }
    .inner-grid-wrapper .grid-item {
        width: 50%;
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
        margin-bottom: 20px;
        /* width: calc(50% - 20px);
        margin: 0 10px 15px 10px; */
    }
    .inner-grid-wrapper .item-inner {
        border-right: 2px solid #c1c1c1;
    }
    .inner-grid-wrapper .box {
        width: 200%;
        width: calc(200% + 20px);
    }
    .inner-grid-wrapper .box-cont_item {
        flex-direction: column;
        padding: 0.6rem;
    }
    .inner-grid-wrapper .grid-item:nth-child(2n).active .box {
        left: -20px;
    }
    .inner-grid-wrapper .item_left {
        text-align: center;
        padding: 0;
    }
    .inner-grid-wrapper .item-imgs {
        width: 100%;
        margin-top: 0.6rem;
    }
    .inner-grid-wrapper .desc {
        font-size: 0.26rem;
    }
    .inner-grid-wrapper .item-desc {
        font-size: 0.26rem;
    }
    .inner-grid-wrapper .grid-item:nth-child(2n) .item-inner {
        border-right: 2px solid #c1c1c1;
    }
    .inner-grid-wrapper .grid-item:nth-child(n+3) .item-inner {
        border-top: 2px solid #c1c1c1;
    }
    /*  */
    .sun_one_top h3 {
        font-size: 22px;
        line-height: 1.5;
    }
    .sun_one_top span {
        font-size: 22px;
    }
    .sun_one_left {
        width: 100%;
        padding-left: 0px;
    }
    .sun_one_bottom {
        padding-right: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sun_one_right {
        width: 100%;
    }
    .hus_one {
        padding-bottom: 100px;
    }
    .hus_swiper_aa2 {
        margin-left: -5.2083vw;
        margin-right: -5.2083vw;
    }
    .hus_swiper_aa2 .swiper-pagination {
        bottom: 20px;
        font-size: 14px;
        color: #fff;
    }
    .hus_two {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hus_title h3 {
        font-size: 22px;
        font-family: "MiSans-Light";
        margin-bottom: 50px;
    }
    .hus_title h3 em {
        display: block;
        font-style: inherit;
        font-family: "MiSans-Regular";
        color: #000000;
        font-size: 30px;
    }
    .hus_title .afa {
        font-size: 16px;
        line-height: 1.7;
        font-family: "MiSans-Light";
        text-align: justify;
    }
    .hus_two_con {
        margin-left: -5.2083vw;
        margin-right: -5.2083vw;
    }
    .hus_two_con h4 {
        font-size: 18px;
        font-family: "MiSans-Light";
    }
    .hus_three {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .hus_three_con ul li {
        width: 100%;
    }
    .hus_three_con ul li:not(:last-child) {
        margin-bottom: 50px;
    }
    .hus_three_con ul li:nth-child(2n) {
        display: flex;
        flex-direction: column-reverse;
    }
    .hus_three_con ul li:nth-child(2) .teyy .ittem br {
        display: block;
    }
    .hus_three_con ul li>div {
        height: auto;
    }
    .hus_three_con ul li .teyy .ittem::before {
        background: url(../images/mob_y1.png) no-repeat center;
        width: 6px;
        height: 6px;
    }
    .hus_three_con ul li .teyy .ittem::after {
        background: url(../images/mob_y2.png) no-repeat center;
        width: 6px;
        height: 6px;
    }
    .hus_three_con ul li .teyy {
        background: #fff;
        padding: 30px 20px;
    }
    .hus_title3 h3 {
        font-size: 30px;
        font-family: "MiSans-Regular";
    }
    .hus_title3 p {
        font-size: 16px;
        padding-top: 50px;
        font-family: "MiSans-Light";
    }
    .hus_three_con {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .hus_three_con ul li .teyy .ittem {
        padding: 0 15px;
        margin-bottom: 0px;
        font-size: 16px;
        font-family: "MiSans-Light";
    }
    .hus_three_con ul li .teyy .ittem br {
        display: none;
    }
    .hus_three_con ul li .teyy h3 {
        display: none;
    }
    .hus_four {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hus_four h4 {
        font-size: 16px;
        font-family: "MiSans-Regular";
    }
    .hus_five {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hus_five ul li {
        width: 100%;
        margin: 0 0 50px 0;
    }
    .hus_five ul li .acc {
        width: 80%;
        margin: 0 auto;
        z-index: 999;
        padding: 40px 40px;
        margin-top: -50px;
    }
    .hus_five ul li .acc span {
        font-size: 14px;
        font-family: "MiSans-Light";
        margin-bottom: 30px;
    }
    .hus_five ul li .acc h3 {
        font-size: 18px;
        font-weight: 400;
        font-family: "MiSans-Regular";
        margin-bottom: 20px;
    }
    .hus_five ul li .acc .gdd {
        font-family: "MiSans-Regular";
        line-height: 25px;
        padding: 0 15px;
    }
    .brand_title_a span {
        font-size: 16px;
        font-weight: 400;
        font-family: "MiSans-Light";
    }
    .brand_title_a h3 {
        font-size: 18px;
        font-weight: 400;
        font-family: "MiSans-Regular";
    }
    .brand_title_a .brand-p {
        font-family: "MiSans-Light";
    }
    .brand_second {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .brand_title_b {
        padding-bottom: 30px;
    }
    .brand_title_b span {
        font-size: 18px;
        font-weight: 400;
        font-family: "MiSans-Light";
    }
    .brand_title_b p {
        font-size: 22px;
        font-weight: 400;
        font-family: "MiSans-Regular";
    }
    .brand_people {
        padding-left: 15px;
        padding-right: 15px;
    }
    .brand_people_right .jianjie {
        line-height: 1.3;
        font-size: 12px;
        color: #000000;
        font-family: "MiSans-Light";
    }
    .brand_title_c {
        margin-bottom: 30px;
    }
    .brand_title_c span {
        font-size: 22px;
        font-weight: 400;
        font-family: "MiSans-Regular";
    }
    
    .brand_title_c p{
       font-size: 15px;
    }
    
    .numlist li {
        padding: 10px 0 20px;
    }
    .numlist li .yuy {
        width: 90px;
        height: 90px;
        border-width: 8px;
    }
    .numlist li h3 i {
        font-size: 18px;
    }
    .numlist li h3 span {
        font-size: 16px;
    }
    .numlist li p {
        font-size: 12px;
        padding-top: 10px;
    }
    .inner-grid-wrapper .box-cont .image2 img {
        max-width: 300px;
    }
}

.flex-mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
}

.flex-mob-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* history_wap */

.history_wap {
    position: relative;
    padding-left: 8.333vw;
    padding-right: 8.333vw;
    margin: 0 auto;
}

.component_container {
    position: relative;
}


/* grrid0 */

.grrid0 {
    padding-top: 10.416vw;
}

.grid_container0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}

.grid_container img {
    display: block;
    width: 100%;
}

.grid_left0 {
    width: 47.5%;
}

.grid_right0 {
    width: 46.25%;
}

.grid_small_title0 {
    color: #fff;
    font-size: 1.97916vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}

.grid_big_title0 {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -65%);
    z-index: 9999;
    font-size: 14.583vw;
    line-height: 1;
    color: #eeeeee;
}


/* grrid1 */

.grrid1 {
    position: relative;
    padding-bottom: 7.8125vw;
}

.grid_container1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.grid_left1 {
    width: 50%;
}

.grid_right1 {
    width: 43.125%;
}

.grid_big_title1 {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    z-index: 9999;
    font-size: 14.583vw;
    line-height: 1;
    color: #eeeeee;
}

.grid_right1_down {
    margin-top: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.grid_small_title1 {
    color: #fff;
    font-size: 1.25vw;
    font-weight: normal;
    padding: 6.25vw 0 15px;
}

.list_year1 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-right: 2.083vw;
    border-right: 3px solid #7f7e7c;
}

.list_year1 li {
    color: #7f7e7c;
    font-weight: bold;
    line-height: 1;
    font-size: 2.083vw;
}

.list_year1 li:nth-child(2) {
    padding: 6.25vw 0;
}


/* grrid2 */

.grrid2 {
    padding-bottom: 7.8125vw;
}

.grid_top2 img {
    width: 100%;
}

.grid_big_title2 {
    position: relative;
    font-size: 14.583vw;
    margin-top: -100px;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title2 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}


/* grrid3 */

.grrid3 {
    padding-bottom: 7.8125vw;
}

.grid_container3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}

.grid_left3 {
    width: 46.66%;
}

.grid_right3 {
    width: 48.07%;
    padding-top: 3.125vw;
}

.grid_big_title3 {
    position: relative;
    font-size: 14.583vw;
    margin-top: -11.4583vw;
    color: #eeeeee;
    z-index: 999;
    line-height: 1;
}

.grid_small_title3 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}

.grid_bottom3 {
    position: relative;
}

.grid_bottom3_flex {
    display: flex;
    justify-content: space-between;
}

.list_year3 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-left: 1.5625vw;
    border-left: 3px solid #7f7e7c;
    /* min-height: 22.39583vw; */
}

.list_year3 li {
    color: #7f7e7c;
    font-weight: bold;
    line-height: 1;
    font-size: 2.083vw;
}

.grid_bottom3_right {
    padding: 2.083vw 0 4.166vw;
}


/*grrid5*/

.grrid5 {
    padding-bottom: 8.333vw;
}

.grid_top5 {
    text-align: center;
}

.grid_top5 .com-img2 img {
    display: inline-block;
}

.grid5_bom {
    position: absolute;
    top: 60%;
    transform: translateY(-60%);
    z-index: 999;
    width: 100%;
}

.grid_big_title5 {
    position: relative;
    font-size: 14.583vw;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title5 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}

.list_year5 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-right: 2.083vw;
    border-right: 3px solid #7f7e7c;
    text-align: right;
    margin-top: 6.25vw;
}

.list_year5 li {
    color: #7f7e7c;
    font-weight: bold;
    line-height: 1;
    font-size: 2.083vw;
}

.list_year5 li:nth-child(2) {
    padding: 6.25vw 0;
}


/*grrid6*/

.grrid6 {
    padding-bottom: 4.1666vw;
}

.grid_top6 {
    position: relative;
    padding-bottom: 9.375vw;
    padding-right: 9.375vw;
}

.grid_top6 img {
    width: 100%;
}

.grid_top6 .grrid6_img1 {
    width: 100%;
    z-index: 98;
}

.grid_top6 .grrid6_img2 {
    width: 30.625%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 99;
}

.grid6_bom {
    padding-top: 2.083vw;
}

.grid_big_title6 {
    position: relative;
    font-size: 14.583vw;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title6 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}


/*grrid7*/

.grrid7 {
    padding-bottom: 3.125vw;
}

.grid7_bom {
    margin-top: -7.8125vw;
    z-index: 999;
}

.grid_big_title7 {
    position: relative;
    font-size: 14.583vw;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title7 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}


/*grrid8*/

.grrid8 {
    padding-bottom: 3.125vw;
}

.grid8_bom {
    margin-top: -7.8125vw;
    z-index: 999;
}

.grid_big_title8 {
    position: relative;
    font-size: 14.583vw;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title8 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}


/*grid8_last*/

.grid8_last {
    margin-top: -6.25vw;
    display: flex;
    justify-content: space-between;
}

.grid8-last-left {
    width: calc(50% - 17.5px);
}

.grid8_img {
    margin-top: 5.72916vw;
}

.grid8_last .com-img {
    margin-bottom: 35px;
}

.list_year8 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-left: 1.5625vw;
    border-left: 3px solid #7f7e7c;
    z-index: 99;
}

.list_year8 li {
    color: #7f7e7c;
    font-weight: bold;
    line-height: 1;
    font-size: 2.083vw;
}

.list_year8 li:nth-child(2) {
    padding: 6.25vw 0;
}

.grid8-last-right {
    padding-top: 12.5vw;
    width: calc(50% - 17.5px);
}


/*grrid10*/

.grrid10 {
    padding-top: 5.2083vw;
    padding-bottom: 5.2083vw;
}

.grid10_bom {
    margin-top: -7.8125vw;
    z-index: 999;
}

.grid_big_title10 {
    position: relative;
    font-size: 14.583vw;
    color: #eeeeee;
    z-index: 9999;
    line-height: 1;
}

.grid_small_title10 {
    color: #fff;
    font-size: 1.302083vw;
    font-weight: normal;
    padding: 1.5625vw 0;
}

@media (max-width:992px) {
    .grid_big_title0 {
        font-size: 50px;
    }
    .grid_big_title0 p {
        text-align: center;
        font-weight: normal;
        padding-top: 10px;
        color: #eeeeee;
        font-family: "MiSans-Regular";
        font-size: 14px;
    }
    .grid_big_title1 {
        font-size: 50px;
        text-align: center;
        width: 100%;
    }
    .grid_big_title1 p {
        text-align: center;
        font-weight: normal;
        padding-top: 10px;
        line-height: 1.7;
        color: #eeeeee;
        font-family: "MiSans-Regular";
        font-size: 14px;
    }
    .grid_right1_down {
        justify-content: flex-end;
        margin-top: 30px;
    }
    .grid_big_title2 {
        margin-top: -40px;
    }
    .grid_bottom3 {
        margin-top: 40px;
    }
    .grid_bottom3_right {
        width: 40%;
    }
    .grid_bottom3_right img {
        width: 100%;
    }
    .grid_small_title2 {
        max-width: 50%;
        font-size: 14px;
        line-height: 1.7;
        font-family: "MiSans-Regular";
        margin: 0 auto;
    }
    .grid_small_title5 {
        max-width: 70%;
        font-size: 14px;
        font-family: "MiSans-Regular";
        line-height: 1.7;
        margin: 0 auto;
    }
    .grrid7 {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .grid_small_title3 {
        max-width: 50%;
        font-size: 14px;
        line-height: 1.7;
        font-family: "MiSans-Regular";
        margin: 0 auto;
    }
    .grid_small_title7 {
        max-width: 70%;
        font-size: 14px;
        line-height: 1.7;
        font-family: "MiSans-Regular";
        margin: 0 auto;
    }
    .grid_small_title8 {
        max-width: 55%;
        font-size: 14px;
        line-height: 1.7;
        font-family: "MiSans-Regular";
        margin: 0 auto;
    }
    .list_year8 li:nth-child(2) {
        padding: 30px 0;
    }
    .grrid10 {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .grid_small_title10 {
        max-width: 50%;
        line-height: 1.7;
        margin: 0 auto;
        font-size: 14px;
        font-family: "MiSans-Regular";
    }
}


/*产品中心*/

.pro_nav_wap {
    background: #1a1a1a;
    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; */
    margin: 5% 10%;
}

.pro_nav_wap .asas {
    border-top: 2px solid #fff;
    padding-top: 1.5625vw;
    width: 100%;
}

.MiSans-Regular {
    font-family: "MiSans-Regular";
}

.MiSans-Light {
    font-family: "MiSans-Light";
}

.MiSans-Bold {
    font-family: "MiSans-Bold";
}


/* 通用标题 */

.inner-comm-title {
    color: #fff;
    font-weight: normal;
    line-height: 1;
    text-align: center;
}

.inner-comm-title.en {
    font-size: 4.27083vw;
    text-transform: uppercase;
}

.inner-comm-title.cn {
    font-size: 1.875vw;
    padding-top: 1.5625vw;
    padding-bottom: 2.0416vw;
}

.inner-comm-desc {
    font-size: 0.9375vw;
    line-height: 1.5;
    color: #fff;
}

.fz66 {
    font-size: 3.4375vw!important;
}

.fz36 {
    font-size: 36px!important;
}

.fz32 {
    font-size: 32px!important;
}

.fz27 {
    font-size: 27px!important;
}

.fz20 {
    font-size: 20px!important;
}

.fz18 {
    font-size: 18px;
}


/*  */

.ml40 {
    margin-left: 40px;
}

.pro_nav {
    padding: 3.125vw 5px 1.25vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 100%;
}

.pro_nav>li {
    position: relative;
    margin: 0 0px 20px 0;
    text-align: center;
        padding-right: 3vw;
}

.pro_nav>li>a {
    display: block;
    font-size: 1.35416vw;
    color: #fff;
    line-height: 1.5;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    padding-bottom: 5px;
    border-bottom: 1px solid #b1b1b1;
}

.pro_nav>li>a.active,
.pro_nav>li>a:hover,
.pro_nav>li.clicked>a {
    color: #00559C;
    border-bottom-color: #00559C;
}


/*pr_first*/

.pr_first {
    position: relative;
}

.pr_bg {
    overflow: hidden;
    width: 100%;
}

.pr_bg img {
    display: block;
    width: 100%;
}

.pr_mark {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
}

.pr_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

.pr_flex span {
    display: block;
    color: #fff;
    font-size: 1.5625vw;
    font-weight: 400;
    margin: 0 auto;
    margin-bottom: 1.5625vw;
    width: 227px;
    line-height: 55px;
    border: 1px solid rgba(255, 255, 255, .5);
}

.pr_flex h3 {
    color: #fff;
    font-size: 2.60416vw;
    font-weight: 400;
    margin-bottom: 1.5625vw;
}

.pr_flex p {
    color: #fff;
    font-size: 1.4583vw;
}

.padding-130 {
    padding: 0 6.77083vw;
}

.padding-180 {
    padding: 0 9.375vw;
}

.padding-350 {
    padding: 0 18.22916vw;
}

.padding-300 {
    padding: 0 15.625vw;
}

@media (max-width:992px) {
    .padding-300 {
        padding: 0 6.25vw;
    }
    .padding-350 {
        padding: 0 6.25vw;
    }
}


/*pr_second*/

.pr_second {
    position: relative;
    background: #1a1a1a;
    padding-bottom: 5.083vw;
}

.pr_title2 {
    padding: 8.333vw 0;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.pr_title2 h3 {
    font-size: 36px;
    color: #fefefe;
    margin-bottom: 2.60416vw;
    font-weight: 400;
}

.pr_title2 .indesc {
    font-size: 18px;
    color: #fefefe;
}

.inner_disperse_wrap {
    position: relative;
}

.inner_disperse_wrap .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


/* 散图 */

.inner_disperse_wrap {
    position: relative;
    z-index: 1;
    display: flex;
}

.inner_disperse_wrap .box-outer {
    transition: all 0.6s;
    z-index: 10;
}

.inner_disperse_wrap .box-inner {
    position: relative;
    overflow: hidden;
}

.left-aa {
    width: 34.79vw;
}

.mid-aa {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    width: 35vw;
    justify-content: center;
}

.left-bb {
    width: 36.19vw;
}

.inner_disperse_wrap .box-outer_01 {
    width: 27.60416vw;
    align-self: flex-start;
}

.inner_disperse_wrap .box-outer_02 {
    width: 14.583vw;
    align-self: flex-start;
    margin-left: .5625vw;
    margin-top: 6.25vw;
}

.inner_disperse_wrap .box-outer_03 {
    width: 27.7083vw;
    align-self: flex-start;
}

.inner_disperse_wrap .box-outer_04 {
    width: 21.77vw;
    align-self: flex-end;
}

.inner_disperse_wrap .box-outer_05 {
    width: 28.64583vw;
    align-self: flex-end;
    margin-top: 6.25vw;
}

.inner_disperse_wrap .box-outer_06 {
    width: 9.739583vw;
    align-self: flex-end;
    margin-right: 5.712916vw;
    margin-top: -11.979vw;
    z-index: 40;
}

.inner_disperse_wrap .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
}

.inner_disperse_wrap .box-outer:hover {
    transform: scale(1.25);
    z-index: 100;
}

.inner_disperse_wrap .box-outer[data-is-in-viewport="true"] .box-inner::after {
    height: 0;
}

.inner_disperse_wrap .box-outer[data-scroll-reveal-complete="true"] .box-inner::after {
    height: 0;
}

.mb200 {
    margin-bottom: 10.416vw;
}

.mb180 {
    margin-bottom: 9.375vw;
}

.mb150 {
    margin-bottom: 7.8125vw;
}

.mb100 {
    margin-bottom: 5.2083vw;
}

.mb80 {
    margin-bottom: 4.1666vw;
}

.mt200 {
    margin-top: 10.416vw;
}

.mt100 {
    margin-top: 5.2083vw;
}

.mb50 {
    margin-bottom: 50px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.imgmax {
    display: inline-block;
    max-width: 100%;
}

.img100 {
    display: block;
    width: 100%;
}

.flex-end {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


/*pr_three*/

.pr_three {
    position: relative;
    background: #1a1a1a;
    padding-bottom: 7.8125vw;
}

.pr_title3 {
    padding: 5.2083vw 0;
    text-align: center;
}


/*pr_four*/

.pr_four {
    position: relative;
    background: #1a1a1a;
}

.pr_title4 {
    margin-bottom: 5.2083vw;
    text-align: center;
}

.pr_four_con {
    position: relative;
}

.pr-four-list {
    position: relative;
}

.pr-four-list li {
    margin-bottom: 6.25vw;
    position: relative;
    z-index: 99;
}

.pr-four-list li:nth-child(1)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #9a9592;
    width: 74vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list li:nth-child(2)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #8c7f72;
    width: 74vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list li:nth-child(3)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #586364;
    width: 74vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list li .four-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.pr-four-list li .four-top .four-top-mid {
    width: 74vw;
    padding: 2.60416vw 2.60416vw 6.25vw 2.60416vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pr-four-list li .four-top .four-top-mid span {
    color: #000000;
    font-size: 1.35416vw;
    text-transform: uppercase;
}

.pr-four-list li .four-top .four-top-mid em {
    color: #000000;
    font-size: 1.35416vw;
    font-style: inherit;
}

.four-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.four-bottom .four_img {
    width: 67.34vw;
}

.four-bottom .four-tees {
    width: 32.66vw;
    padding-left: 5.2083vw;
}

.four-bottom .four-tees h3 {
    font-size: 1.666vw;
    color: #000000;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15.625vw;
}

.four-bottom .four-tees div {
    display: block;
    max-width: 400px;
    line-height: 1.7;
    color: #000;
    font-size: 0.9375vw;
    position: relative;
    padding-top: 25px;
}

.four-bottom .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #897970;
    width: 68px;
    height: 8px;
    z-index: 1;
}

.four-bottom .four-tees div p {
    margin-bottom: 15px;
}


/*pr_five*/

.pr_five {
    position: relative;
    padding-bottom: 5.2083vw;
}

.pr_title5 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 5.8125vw;
}

.pr_five_con {
    position: relative;
}

.pf_five_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
    position: relative;
}

.pf_five_top ul {
    display: flex;
    align-items: center;
    width: 670px;
    justify-content: space-between;
    margin: 0 30px;
}

.pf_five_top ul:nth-child(1) {
    background: url(../images/104.png) no-repeat center bottom;
    padding-bottom: 233px;
}

.pf_five_top ul:nth-child(2) {
    background: url(../images/105.png) no-repeat center bottom;
    padding-bottom: 273px;
}

.pf_five_top ul li {
    position: relative;
}

.pf_five_top ul li h3 {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-family: "MiSans-Regular";
}

.pf_five_top ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-family: "MiSans-Regular";
}

.five-big-img {
    margin-top: -50px;
    z-index: 9;
    position: relative;
}


/*pr_six*/

.pr_six {
    position: relative;
    background: #000;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
}

.pr_six ul {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #fff;
}

.pr_six ul li {
    position: relative;
    width: 33.33%;
    padding: 0 5.2083vw;
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
}

.pr_six ul li h3 {
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}

.pr_six ul li h3::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fff;
    margin-right: 5px;
    vertical-align: 0px;
    border-radius: 50%;
}

.pr_six ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-family: "MiSans-Light";
}


/*pr_seven*/

.pr_seven {
    position: relative;
}

.pr_title7 {
    text-align: center;
}

.inner-comm-title.dguan {
    font-size: 1.875vw;
    padding-top: 9.375vw;
    padding-bottom: 9.375vw;
}

.pr_seven_con {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.pr_seven_left {
    background: #9a9592;
    position: relative;
    width: 48.95vw;
}

.seven_img {
    text-align: center;
    position: relative;
}

.seven_img img {
    display: block;
    width: 100%;
}

.seven_text {
    text-align: center;
    padding: 4.166vw 0;
    position: relative;
}

.seven_text span {
    color: #000000;
    font-size: 21px;
    display: block;
    font-family: "MiSans-Regular";
}

.seven_text h3 {
    font-size: 21px;
    color: #010101;
    font-weight: 400;
    font-family: "MiSans-Regular";
    margin-top: 10px;
    margin-bottom: 10px;
}

.seven_text .eess {
    display: block;
    font-size: 21px;
    color: #010101;
}

.pr_seven_right {
    background: #bcb6b2;
    position: relative;
    width: 51.05vw;
    display: flex;
    flex-direction: column;
}

.second_bb {
    position: relative;
    background: #8c837e;
    padding-left: 14.583vw;
    padding-right: 11.4583vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 80%;
    text-align: center;
}

.second_bb span {
    color: #000000;
    font-size: 1.197916vw;
    display: block;
    font-family: "MiSans-Regular";
    margin-bottom: 3.125vw;
}

.second_bb .seven_img2 {
    margin-bottom: 4.1666vw;
}

.second_bb h3 {
    font-size: 1.35416vw;
    color: #000000;
    font-weight: 400;
    font-family: "MiSans-Regular";
    margin-top: 10px;
    margin-bottom: 1.5625vw;
}

.second_bb .sess {
    display: block;
    font-size: 18px;
    color: #000000;
}

.pr_seven_con .list_one::before {
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    content: "";
    width: 23px;
    height: 52.2916vw;
    background: url(../images/x1.png) no-repeat;
    z-index: 999;
}

.pr_seven_con .list_two::before {
    position: absolute;
    left: -280px;
    top: 100%;
    transform: translateY(-40%);
    content: "";
    width: 26.1916vw;
    height: 20.78125vw;
    background: url(../images/x2.png) no-repeat;
    z-index: 999;
}

.pr_seven_con .list_three::before {
    position: absolute;
    left: -250px;
    top: 30%;
    transform: translateY(-30%);
    content: "";
    width: 23.38vw;
    height: 12px;
    background: url(../images/x3.png) no-repeat;
    z-index: 999;
}


/*pr_eight*/

.pr_eight {
    position: relative;
}

.pr_title8 {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
}

.pr_title8 h3 {
    font-size: 1.875vw;
    color: #fff;
    line-height: 1;
    font-weight: 400;
}

.pr_title8 p {
    font-size: 0.9375vw;
    color: #fff;
}

.pr_eight ul {
    display: flex;
    flex-wrap: wrap;
    background: #9a9592;
    padding: 4.1666vw 10.416vw;
    justify-content: space-between;
}

.pr_eight ul li {
    position: relative;
    max-width: 33.33%;
}

.pr_eight ul li span {
    color: #000000;
    position: relative;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 20px;
    display: block;
}

.pr_eight ul li div {
    display: block;
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
}


/*pr_night*/

.pr_night {
    position: relative;
    padding: 10.416vw 50px;
}

.pr_title9 {
    text-align: center;
    margin-bottom: 3.125vw;
}

.pr_title9 h3 {
    font-size: 1.875vw;
    color: #fff;
    line-height: 1;
    font-weight: 400;
}

.pr_night_con {
    padding: 0 80px;
    position: relative;
}

.pr_title10 {
    padding-top: 8.85416vw;
    padding-bottom: 8.85416vw;
    text-align: center;
}


/*  */

.swiper_night {
    position: relative;
    overflow: hidden;
}

.swiper_night .swiper-slide {
    text-align: center;
}

.swiper_night .swiper-slide .aff {
    position: relative;
    font-size: 12px;
    color: #fff;
    padding: 35px 0;
    text-transform: uppercase;
    font-family: "MiSans-light";
}

.swiper_night .swiper-slide .aff b {
    font-size: 19px;
    font-weight: normal;
    font-family: "MiSans-Normal";
}

.swiper_night .swiper-slide .sly {
    background: #dfded8;
    /*padding: 3.125vw 4.1666vw;*/
}

.swiper_night .swiper-slide .sly span {
    display: block;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 2.083vw;
}

.swiper_night .swiper-slide .sly .img {
    display: block;
}

.swiper_night .swiper-slide .sly .img img {
    display: block;
    width: 100%;
}

.swiper_night .swiper-slide .sly h3 {
    display: block;
    font-size: 19px;
    font-weight: normal;
    color: #000000;
    padding: 20px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}

.pr_night_con .swiper-button-next,
.pr_night_con .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 37px;
    height: 75px;
    margin-top: -37.5px;
}

.pr_night_con .swiper-button-prev {
    background: url(../images/x-prev1.png) no-repeat center;
    left: 0px;
}

.pr_night_con .swiper-button-next {
    background: url(../images/x-next1.png) no-repeat center;
    right: 0px;
}


/* origin_one */

.origin_one {
    position: relative;
}

.origin_one_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.orgin_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 18.22916vw;
    padding-right: 18.22916vw;
    width: 100%;
}

.orin_aa_left {
    color: #fff;
    font-size: 2.2916vw;
    font-family: "MiSans-Regular";
    line-height: 1.3;
}

.orin_aa_right {
    color: #fff;
    font-size: 1.197916vw;
    font-family: "MiSans-Light";
    line-height: 1.5;
    max-width: 560px;
}

.orin_aa_right p {
    margin-bottom: 30px;
}

@media (max-width:1366px) {
    .orgin_top {
        padding-left: 3.125vw;
        padding-right: 3.125vw;
    }
}


/* origin_two */

.origin_two {
    position: relative;
}

.orgin_two_top {
    position: relative;
    background: url(../images/orgin2.jpg) no-repeat;
    background-size: cover;
    padding: 4.166vw 0;
    text-align: center;
}

.in-title-aa {
    color: #fff;
    font-size: 2.2916vw;
    line-height: 1.1;
    font-family: "MiSans-Regular";
    margin-bottom: 4.166vw;
}

.in-title-bb {
    color: #fff;
    font-size: 20px;
    margin-bottom: 1.5625vw;
    font-family: "MiSans-Regular";
}

.in-title-cc {
    color: #fff;
    font-size: 20px;
    font-family: "MiSans-Light";
    margin-bottom: 1.0416vw;
}


/* orgin_two_bom */

.orgin_two_bom {
    position: relative;
    padding: 14.583vw 0;
}

.people_list {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.people_list li {
    position: relative;
    width: calc(33.33%);
    cursor: pointer;
}

.people_list li:nth-child(4),
.people_list li:nth-child(7),
.people_list li:nth-child(11),
.people_list li:nth-child(14) {
    width: calc(33.33%/2);
}

.lex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.lex-center h3 {
    color: #fff;
    font-size: 2.447916vw;
    font-family: "MiSans-Regular";
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: normal;
}


/* old-img */

.swiper_old_img {
    overflow: hidden;
    position: relative;
}

.old-img {
    position: relative;
}

.old-img li {
    position: relative;
}

.old-img li img {
    display: block;
    width: 100%;
}

.old-img h3 {
    padding: 3.125vw 0;
    font-weight: normal;
    font-size: 2.447916vw;
    font-family: "MiSans-Regular";
    color: #fff;
}


/* origin_three */

.origin_three {
    padding: 10.416vw 0 9.375vw;
    position: relative;
}

.origin_three_list {
    position: relative;
}

.origin_three_list ul {
    display: flex;
    flex-wrap: wrap;
}

.origin_three_list ul li {
    position: relative;
    width: calc(50% - 30px);
    margin: 0 15px 30px 15px;
}

.origin_three_list ul li a {
    display: block;
}

.origin_three_list ul li .com-img img {
    display: block;
    width: 100%;
}

.origin_three_list ul li .acc {
    text-align: center;
    position: relative;
    padding: 2.60416vw 6.77083vw;
    background: #eeeeee;
}

.origin_three_list ul li .acc span {
    display: block;
    font-family: "MiSans-Normal";
    margin-bottom: 3.125vw;
    font-size: 12px;
    color: #010101;
}

.origin_three_list ul li .acc h3 {
    font-family: "MiSans-Regular";
    letter-spacing: 2px;
    margin-bottom: 3.125vw;
    font-size: 1.92708vw;
    line-height: 1.2;
    font-weight: 400;
    color: #000000;
}

.origin_three_list ul li .acc .gdd {
    display: inline-block;
    font-size: 12px;
    color: #000;
    line-height: 28px;
    font-family: "VariableFont_wght";
    border: 1px solid #303030;
    letter-spacing: 0px;
    padding: 0 10px;
}

.origin_three_list ul li .acc .gdd:hover {
    border-color: #12377b;
    color: #fff;
}

.origin_three_list ul li:hover .com-img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.origin_three_list ul li:hover .acc h3 {
    text-decoration: underline;
}


/* origin_four */

.origin_four {
    position: relative;
}

.origin_four_con {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.origin_four_con .orgin_four_center {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.orgin-tit41 {
    font-family: "MiSans-Normal";
    text-transform: uppercase;
    font-size: 3.802083vw;
    color: #fff;
}

.orgin-tit42 {
    margin-bottom: 3.125vw;
    font-family: "MiSans-Normal";
    font-weight: normal;
    font-size: 3.33vw;
    color: #fff;
}

.orgin-tit43 {
    position: relative;
    border: 10px solid #999999;
    max-width: 160px;
    margin: 0 auto;
}

.orgin-tit43 img {
    display: block;
    width: 100%;
}


/*  */

.mob_fasheng {
    position: relative;
    text-align: center;
    padding-top: 60px;
}

.mob_fasheng h3 {
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
    font-weight: normal;
    font-family: "MiSans-Light";
}

@media (max-width:768px) {
    .origin_one_con {
        position: relative;
    }
    .orgin_top {
        display: block;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .orin_aa_left {
        font-size: 23px;
    }
    .orin_aa_left22 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 1.3;
        text-transform: uppercase;
        font-family: "MiSans-Regular";
    }
    .orin_aa_right {
        font-size: 14px;
        padding-top: 50px;
        font-family: "MiSans-Light";
    }
    .orgin_two_top {
        padding: 40px 0;
        margin: 0 30px;
    }
    .in-title-aa {
        font-size: 16px;
        font-family: "MiSans-Regular";
    }
    .in-title-aa br {
        display: none;
    }
    .in-title-bb,
    .in-title-cc {
        font-size: 13px;
        margin-bottom: 0px;
    }
    .orgin-tit43 {
        max-width: 100px;
    }
    .origin_three_list ul li {
        width: calc(100% - 0px);
        margin: 0 0px 50px 0px;
    }
    .origin_three_list ul li .acc {
        width: 80%;
        margin: 0 auto;
        padding: 50px 30px;
        margin-top: -30px;
        z-index: 9999;
    }
    .origin_three_list ul li .acc span {
        margin-bottom: 30px;
    }
    .origin_three_list ul li .acc h3 {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .origin_three_list ul li .acc .gdd {
        border-color: #cacaca;
        padding: 0 15px;
    }
    .swiper_old_img .swiper-button-next,
    .swiper_old_img .swiper-button-prev {
        display: none!important;
    }
    .old-img h3 {
        font-size: 16px;
        padding: 15px 0;
        font-family: "MiSans-Light";
    }
    .origin_two {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_people_list_wap {
        padding: 0 30px;
    }
    .mob_people_list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    .mob_people_list li {
        position: relative;
        width: 50%;
        cursor: pointer;
    }
    .mob_people_list li:nth-child(3),
    .mob_people_list li:nth-child(8) {
        width: 25%;
    }
    .mob_people_list li:nth-child(7),
    .mob_people_list li:nth-child(11),
    .mob_people_list li:nth-child(14) {
        margin-left: 25%;
    }
    .lex-center h3 {
        font-size: 14px;
    }
}


/*  */

.rela {
    position: relative;
}

.coop_b_title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.coop_b_title_flex {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.coop_baner_title1 {
    font-family: "MiSans-Regular";
    text-transform: uppercase;
    font-size: 4.739583vw;
    color: #fff;
}

.coop_baner_title2 {
    font-family: "MiSans-Regular";
    font-size: 1.927083vw;
    font-weight: normal;
    color: #fff;
}

.coop_baner_title3 {
    position: absolute;
    width: 100%;
    bottom: 3.125vw;
    text-align: center;
    font-family: "MiSans-Light";
    font-size: 12px;
    color: #fff;
    letter-spacing: 6.25vw;
    text-transform: uppercase;
    z-index: 999;
}


/* coop_one */

.coop_one {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.copp_one_left {
    position: relative;
    width: 50%;
}

.copp_one_left img {
    display: block;
    width: 100%;
    height: 100%;
}

.copp_one_right {
    position: relative;
    background: #d6d6d6;
    padding: 9.375vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
}

.copp_one_right h3 {
    font-size: 1.875vw;
    font-weight: normal;
    margin-bottom: 2.60416vw;
    text-align: center;
}

.copp_one_right .s {
    font-size: 18px;
    color: #000000;
    line-height: 1.7;
    font-family: "MiSans-Light";
}

.fz70 {
    font-size: 3.64583vw;
}

.fz60 {
    font-size: 3.125vw;
}

.fz50 {
    font-size: 2.60416vw;
}

.fz46 {
    font-size: 2.39583vw;
}

.fz41 {
    font-size: 2.135416vw;
}

.fz31 {
    font-size: 1.614583vw;
}

.fz23 {
    font-size: 1.197916vw;
}

.fz21 {
    font-size: 1.09375vw;
}

.fz16 {
    font-size: 16px;
}

.fz13 {
    font-size: 13px;
}

@media (max-width:1366px) {
    .fz46 {
        font-size: 24px;
    }
    .fz46 {
        font-size: 20px;
    }
    .fz23 {
        font-size: 16px;
    }
    .fz23 {
        font-size: 15px;
    }
}


/* coop_two */

.coop_two {
    position: relative;
}

.coop_two_title {
    text-align: center;
    padding: 7.2916vw 0;
}

.coop_two_title h3 {
    font-weight: normal;
    color: #fff;
}

.coop_two_title p {
    text-transform: uppercase;
    color: #fff;
}


/* coop_01 */

.coop_01 {
    position: relative;
    background: url(../images/coop_01bg.jpg) no-repeat;
    padding-top: 5.2083vw;
    padding-bottom: 8.333vw;
    background-size: cover;
}

.pad280 {
    padding-left: 14.583vw;
    padding-right: 14.583vw;
}

@media (max-width:992px) {
    .pad280 {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
}


/*  */

.coop_01_title {
    position: relative;
}

.coop_01_title span {
    font-size: 1.875vw;
    color: #113674;
    font-weight: normal;
}

.coop_01_title span em {
    font-size: 13px;
    font-style: inherit;
    text-transform: uppercase;
    font-family: "MiSans-Light";
}

.coop_01_title h3 {
    margin-bottom: 8px;
    font-weight: 400;
    color: #fff;
}

.coop_01_title p {
    color: #fff;
}


/*  */

.coop_01_con {
    position: relative;
}

.coop_01_con ul {
    display: flex;
    flex-wrap: wrap;
}

.coop_01_con ul li {
    position: relative;
    width: calc(100%/9);
    text-align: center;
    border: 1px solid #c7c7c7;
    border-right: none;
    height: 100px;
    background: #e9e9e9;
}

.coop_01_con ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.coop_01_con ul li div img {
    max-width: 90%;
    max-height: 75px;
}

.coop_01_con ul li:nth-child(9n) {
    border-right: 1px solid #c7c7c7;
}

.coop_01_con ul li:nth-child(n+10) {
    border-top: none;
}

.coop_01_con ul li:last-child {
    border-right: 1px solid #c7c7c7;
}


/* coop_02 */

.coop_02 {
    position: relative;
    background: #131313;
    padding: 9.375vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.coop_02::before {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-55%, -50%);
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, .3);
    content: "";
}

.coop_02_left {
    position: relative;
    padding: 0 8.333vw;
    width: 50%;
}

.coop_02_right {
    position: relative;
    padding: 0 8.333vw;
    width: 50%;
}

.coop_02 .coop_text2 {
    text-align: justify;
    line-height: 1.7;
    color: #fff;
}


/* coop_03_list */

.coop_03_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coop_03_list>div {
    width: 50%;
    position: relative;
}


/* coop_04 */

.coop_04 {
    position: relative;
    background: url(../images/coop_04bg.jpg) no-repeat;
    padding-top: 7.2916vw;
    padding-bottom: 9.375vw;
    background-size: cover;
}

.coop_04_con {
    position: relative;
}

.coop_04_con ul {
    display: flex;
    flex-wrap: wrap;
}

.coop_04_con ul li {
    width: calc(100%/3);
    position: relative;
    margin-bottom: 5.082vw;
    padding: 0 1.5625vw;
    display: flex;
    align-items: center;
}

.coop_04_con ul li .quan-left {
    width: 100px;
    height: 100px;
    border: 2px solid #00559C;
    border-radius: 50%;
    text-align: center;
}

.coop_04_con ul li .quan-left span {
    font-family: "MiSans-Light";
    font-size: 15px;
    display: block;
    color: #fff;
}

.flex-cc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.coop_04_con ul li .quan-right {
    position: relative;
    font-size: 13px;
    width: calc(100% - 100px);
    padding-left: 20px;
    color: #fff;
}

.coop_text4 {
    color: #fff;
    line-height: 1.7;
    max-width: 520px;
    margin: 0 auto;
}


/* coop_05 */

.coop_05 {
    position: relative;
}

.coop_05_flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coop_05_bb {
    padding: 8.333vw 0;
}

.coop_05_flex>div {
    position: relative;
    width: 50%;
}

.coop_05_right {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.coop_text5 {
    color: #fff;
    background: #11346f;
    position: relative;
    z-index: 99;
}

.coop_05_r_top p {
    padding-top: 10px;
    line-height: 1.7;
    max-width: 420px;
}


/*  */

.coop_05_flex.nu1 .coop_05_r_top {
    padding-left: 13.02083vw;
    padding-top: 6.25vw;
}

.coop_05_flex.nu2 .coop_05_r_top {
    padding-left: 11.4583vw;
    padding-top: 3.125vw;
}

.coop_05_flex.nu3 .coop_05_r_top {
    padding-left: 7.8125vw;
    padding-top: 6.25vw;
}


/*  */

.coop_05_flex.nu1 .coop_text5 {
    width: calc(100% + 7.2916vw);
    padding: 2.083vw 10.416vw;
    padding-left: calc(13.02083vw + 7.2916vw);
    margin-left: -7.2916vw;
}

.coop_05_flex.nu2 .coop_text5 {
    width: calc(100% + 7.2916vw);
    padding: 4.1666vw 13.02083vw;
    padding-left: 11.4583vw;
}

.coop_05_flex.nu3 .coop_text5 {
    width: calc(100% + 7.2916vw);
    padding: 2.083vw 4.1666vw;
    padding-left: calc(7.8125vw + 7.8125vw);
    margin-left: -7.2916vw;
}


/* coop_06 */

.coop_06 {
    position: relative;
}

.coop_06_list {
    position: relative;
    display: flex;
}

.coop_06_list li:nth-child(1) {
    background: #050505;
}

.coop_06_list li:nth-child(2) {
    background: #191919;
}

.coop_06_list li:nth-child(3) {
    background: #000;
}

.coop_06_list li {
    position: relative;
    width: calc(100%/3);
    padding: 2.60416vw;
    padding-top: calc(10.416vw + 50px);
    padding-bottom: 6.25vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    z-index: 99;
}

.coop_06_list li .tpp_span {
    color: #fff;
    font-size: 12px;
    font-family: "MiSans-Light";
    text-transform: uppercase;
    margin-bottom: 7.2916vw;
    position: absolute;
    left: 2.60416vw;
    top: 2.60416vw;
}

.coop_06_list li .men {
    position: relative;
}

.coop_06_list li .men img {
    display: inline-block;
    max-width: 100%;
}

.coop_06_list li::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .4);
    content: "";
}


/* honor_look */

.pad140 {
    padding-left: 7.2916vw;
    padding-right: 7.2916vw;
}

.honor_look {
    position: relative;
    padding-top: 3.125vw;
    padding-bottom: 6.25vw;
    background: #131313;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.look_left {
    display: flex;
    width: 20.083vw;
    position: relative;
}

.look_left .look_aa {
    font-size: 2.39583vw;
    color: #113674;
    line-height: 1;
    font-weight: normal;
    width: 200px;
}

.look_left .look_aa span {
    font-size: 16px;
    font-style: inherit;
}

.look_left h3 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
}

.look_left p {
    color: #fff;
}

.coop_text6 {
    line-height: 1.7;
    width: 36.4583vw;
    color: #fff;
    z-index: 99;
}


/*  */

.pad300 {
    padding-left: 15.625vw;
    padding-right: 15.625vw;
}

.pad200 {
    padding-left: 10.416vw;
    padding-right: 10.416vw;
}

.pad100 {
    padding-left: 5.2083vw;
    padding-right: 5.2083vw;
}

@media (max-width:992px) {
    .pad300 {
        padding-left: 5.2083vw;
        padding-right: 5.2083vw;
    }
    .pad200 {
        padding-left: 5.2083vw;
        padding-right: 5.2083vw;
    }
    .pad100 {
        padding-left: 3.125vw;
        padding-right: 3.125vw;
    }
}


/* coop_07 */

.coop_07 {
    position: relative;
    background: #0d0d0d;
}

.coop_07_list {
    position: relative;
}

.coop_07_list li {
    position: relative;
    margin-bottom: 6.25vw;
}

.coop_07_list li .big-img {
    position: relative;
}

.coop_07_list li .big-img::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    content: "";
    background: rgba(0, 0, 0, .4);
    z-index: 99;
}

.coop_07_list li .big-img img {
    display: block;
    width: 100%;
}

.coop_07_list li .big-tess {
    position: absolute;
    bottom: 0px;
    z-index: 999;
}

.coop_07_list li:nth-child(odd) .big-tess {
    left: 0px;
}

.coop_07_list li:nth-child(even) .big-tess {
    right: 0px;
}

.flex-endd {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 4.166vw 7.8125vw;
}

.coop_07_list li:nth-child(even) .flex-endd {
    padding: 4.166vw;
}

.big-tess h3 {
    color: #fff;
    font-size: 2.083vw;
    font-weight: normal;
    margin-bottom: 2.083vw;
}

.big-tess h3 span {
    margin-right: 5px;
}

.big-tess h3 img {
    max-height: 57px;
}

.big-tess .pcks {
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
}

.big-tess .pcks p:last-child {
    color: #ef7d49;
}


/* channel_joining */

.channel_joining {
    position: relative;
    padding-top: 7.2916vw;
    padding-bottom: 4.6875vw;
    background: url(../images/channel_joining_bg.jpg) no-repeat;
    background-size: cover;
}

.channel_title h3 {
    font-weight: normal;
    color: #fff;
}


/*  */

.x-message-wrap2 {
    max-width: 850px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.x-message-wrap2 .row {
    margin-left: -50px;
    font-size: 0;
    margin-right: -50px
}

.x-message-wrap2 div[class^='col-'] {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

.x-message-wrap2 .sbiao {
    width: 120px;
    display: block;
    font-size: 24px;
    color: #fff;
}

.x-message-wrap2 input[type='text'],
.x-message-wrap2 textarea {
    width: calc(100% - 120px);
    height: 30px;
    border: none;
    padding: 0 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    background: transparent;
    outline: none;
    margin-bottom: 40px;
    border: 1px solid #8e8e8e;
}

.x-message-wrap2 input[type='text']::-webkit-input-placeholder,
.x-message-wrap2 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap2 input[type='text']:-ms-input-placeholder,
.x-message-wrap2 textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap2 input[type='text']::-ms-input-placeholder,
.x-message-wrap2 textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap2 input[type='text']::placeholder,
.x-message-wrap2 textarea::placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap2 textarea {
    padding-top: 15px;
    height: 80px;
    resize: none
}

.x-message-wrap2 .code-group {
    padding-left: 80px;
}

.x-message-wrap2 #checkcode {
    float: right;
    width: calc(100% - 100px);
    margin-bottom: 0;
}

.x-message-wrap2 #checkCodeImg2 {
    float: left;
    display: block;
    text-align: center;
    width: 100px;
    height: 30px;
    font-size: 0;
    background: #e7e4e4;
    padding: 0px;
}

.x-message-wrap2 .x-submit {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width: 140px;
    height: 50px;
    background: #113674;
    color: #fff;
    font-size: 19px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-message-wrap2 .x-submit:hover {
    background: #113674
}

.x-message-wrap2 .n-default .x-textarea .msg-wrap {
    top: 10px;
}

.x-message-wrap2 .anpai {
    color: #fff;
    font-size: 13px;
    font-family: "MiSans-Light";
    padding: 20px 0;
}

.x-message-wrap2 input[type='text']:focus,
.x-message-wrap2 textarea:focus {
    border-color: #2978d6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(17 54 116 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(17 54 116 / 60%);
}

.x-message-wrap2 .max-120 {
    width: calc(100% - 120px);
}

.x-message-wrap2 .form-control {
    border-radius: 0px;
    /*background: transparent;*/
    /*border-color: #2978d6;*/
}


.x-message-wrap2 select {
    /*取消默认箭头开始*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*取消默认箭头结束*/
    color: #ffffff;
    font-family: "MiSans-Light";
    font-size: 14px;
    /* 文本居中*/
    background: url(../images/select_down.png) no-repeat right 15px center;
}

.x-message-wrap2 select:focus {
    background: url(../images/select_up.png) no-repeat right 15px center;
}

.x-message-wrap2 option::-ms-expand {
    display: none;
}

.x-message-wrap2 option {
    font-family: "MiSans-Light";
    background-color: #1b1b1b;
    height: 60px;
    font-size: 18px;
    color: #fff;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    appearance: none;
}





/**/

.pinpai {
    padding-top: 25px;
    padding-bottom: 50px;
}

.pinpai .coop_05_flex.nu1 .coop_05_r_top {
    padding-left: 5.2083vw;
    padding-top: 2.083vw;
}

.pinpai .coop_05_flex.nu1 .coop_text5 {
    width: calc(100% + 7.2916vw);
    padding: 8.33vw 5.2083vw 8.33vw 3.64583vw;
    padding-left: calc(3.64583vw + 7.2916vw);
    margin-left: -7.2916vw;
}

.max1220 {
    max-width: 1220px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


/*pinpai_power*/

.pinpai_power {
    position: relative;
    background: url(../images/brand_power.jpg) no-repeat;
    background-size: cover;
    padding: 6.25vw 0;
}

.pinpai_title {
    text-align: center;
}

.pinpai_title h3 {
    font-weight: normal;
    margin-bottom: 8px;
    color: #fff;
}

.pinpai_title p {
    text-transform: uppercase;
    color: #fff;
}


/*pinpai_power_con*/

.pinpai_power_con {
    position: relative;
    border-top: 2px solid #00599c;
    border-bottom: 2px solid #00599c;
    margin-top: 50px;
}

.fz50 {
    font-size: 2.60416vw;
}

.fz40 {
    font-size: 2.083vw;
}

.fz30 {
    font-size: 1.5625vw;
}

@media (max-width:1366px) {
    .fz50 {
        font-size: 24px;
    }
    .fz40 {
        font-size: 20px;
    }
    .fz30 {
        font-size: 16px;
    }
}

.pinpai_power_con::before {
    position: absolute;
    left: -2px;
    height: 60px;
    width: 2px;
    content: "";
    background: #00599c;
    top: 0px;
}

.pinpai_power_con::after {
    position: absolute;
    right: -2px;
    height: 60px;
    width: 2px;
    content: "";
    background: #00599c;
    top: 0px;
}

.shux1 {
    position: absolute;
    width: 2px;
    height: 70px;
    top: -40px;
    background: #00599c;
    left: 50%;
    margin-left: -1px;
}

.shux2 {
    position: absolute;
    width: 2px;
    height: 70px;
    bottom: -40px;
    background: #00599c;
    left: 50%;
    margin-left: -1px;
}

.pinpai_power_list {
    position: relative;
    padding: 6.25vw 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
}

.pinpai_power_list::before {
    position: absolute;
    left: -2px;
    height: 60px;
    width: 2px;
    content: "";
    background: #00599c;
    bottom: 0px;
}

.pinpai_power_list::after {
    position: absolute;
    right: -2px;
    height: 60px;
    width: 2px;
    content: "";
    background: #00599c;
    bottom: 0px;
}

.pinpai_power_list li {
    position: relative;
    width: calc(100%/4 - 20px);
    margin: 0 10px 2.60416vw 10px;
    text-align: center;
}

.pinpai_power_list li .yquan {
    border: 5px solid #00599c;
    width: 162px;
    height: 162px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pinpai_power_list li .yquan h3 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pinpai_power_list li .yquan h3 span {
    color: #fff;
}

.pinpai_power_list li p {
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
}

@media (max-width:992px) {
    .pinpai_power_list li .yquan {
        width: 130px;
        height: 130px;
    }
}

@media (max-width:768px) {
    .pinpai_power_list li .yquan {
        width: 80px;
        height: 80px;
    }
    .pinpai_power_list li:nth-child(1) .sm {
        font-size: 14px!important;
    }
    .pinpai_power_list li:nth-child(1) .yquan h3 span {
        font-size: 12px!important;
    }
    .coop_one {
        flex-direction: column-reverse;
    }
    .coop_one.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .coop_baner_title1 {
        font-size: 35px;
    }
    .coop_baner_title2 {
        font-size: 18px;
        text-transform: uppercase;
        font-family: "MiSans-Light";
    }
    .coop_baner_title3 {
        bottom: 30px;
        letter-spacing: 2px;
    }
    .copp_one_left,
    .copp_one_right {
        width: 100%;
    }
    .copp_one_right h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .copp_one_right .s {
        font-size: 16px;
        text-align: justify;
    }
    .coop_two_title {
        padding: 50px 0;
    }
    .coop_two_title h3,
    .coop_two_title p {
        font-size: 20px;
    }
    /*  */
    .coop_01 {
        padding: 60px 0;
        background: url(../images/mob_coop_01bg.jpg) no-repeat;
    }
    .coop_two.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .coop_01_con ul li {
        width: calc(100%/6);
        border: none;
        height: 80px;
        border-bottom: 1px solid #4d4d4d;
    }
    .coop_01_con ul li:nth-child(6n),
    .coop_01_con ul li:nth-child(9n) {
        border-right: none;
    }
    .coop_01_con ul li:nth-child(n+7),
    .coop_01_con ul li:nth-child(n+10) {
        border-top: none;
    }
    /*  */
    .mob_coop_01_title {
        position: relative;
    }
    .mob_coop_01_title span {
        font-size: 30px;
        color: #113674;
        font-weight: normal;
    }
    .mob_coop_01_title em {
        color: #fff;
        font-size: 12px;
        font-style: inherit;
        font-family: "MiSans-Light";
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
    .mob_coop_01_title h3 {
        font-size: 20px!important;
        font-weight: 400;
        color: #fff;
    }
    .mob_coop_01_title p {
        font-size: 12px;
        color: #fff;
    }
    .coop_02 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .coop_02_left,
    .coop_02_right {
        width: 100%;
        padding: 50px 30px;
        background: #000;
    }
    .coop_02::before {
        display: none;
    }
    .coop_02 .coop_text2 {
        font-size: 15px;
    }
    .coop_04 {
        background: url(../images/mob_coop_04bg.jpg) no-repeat;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .coop_04_con ul li {
        width: 80%;
        margin-bottom: 30px;
    }
    .coop_04_con ul li:nth-child(2n) {
        width: 100%;
        padding-left: 30%;
    }
    .coop_04_con ul li .quan-left {
        width: 60px;
        height: 60px;
    }
    .coop_04_con ul li .quan-right {
        width: calc(100% - 60px);
        font-size: 12px;
    }
    .coop_04_con ul li .quan-left span {
        font-size: 12px;
    }
    /*  */
    .coop_05_flex>div {
        width: 100%;
    }
    .coop_05_right {
        width: 90%!important;
        margin: 0 auto;
        margin-top: -50px;
        z-index: 999;
        background: #11346f;
        padding: 50px 30px;
    }
    .coop_05_flex.nu1 .coop_05_r_top,
    .coop_05_flex.nu2 .coop_05_r_top,
    .coop_05_flex.nu3 .coop_05_r_top {
        padding: 0px;
    }
    .coop_text5 {
        width: 100%!important;
        padding: 0px!important;
        margin: 0px!important;
        line-height: 1.7;
        font-size: 14px;
        text-align: justify;
    }
    .coop_01_title span {
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
    }
    .coop_01_title span em {
        padding-left: 10px;
    }
    .coop_01_title h3 {
        font-size: 15px!important;
    }
    .coop_05_r_top p {
        font-size: 14px;
        padding-top: 20px;
    }
    .mob_coop_05 {
        background: #000;
    }
    .mob_coop_05 .coop_05_aa {
        padding-bottom: 50px;
    }
    .coop_01_title .flex-mob-between {
        padding: 10px 0;
        border-bottom: 1px dashed #fff;
    }
    .coop_05_aa.nu2 .coop_01_title .flex-mob-between {
        flex-direction: row-reverse;
    }
    /*  */
    .pc_coop_06.pad200 {
        padding-left: 0px;
        padding-right: 0px;
        background: #000;
    }
    .honor_look {
        flex-wrap: wrap;
        text-align: center;
        background: #000;
        padding: 50px 30px;
    }
    .look_left {
        display: block;
        width: 100%;
    }
    .look_left .look_aa {
        width: 100%;
        font-size: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }
    .look_left div h3 {
        font-size: 20px;
    }
    .look_left div p {
        font-size: 16px;
        font-family: "MiSans-ExtraLight";
    }
    .coop_text6 {
        width: 100%;
        margin-top: 50px;
        line-height: 1.7;
        font-size: 15px;
        text-align: justify;
    }
    .coop_06_list li {
        background: #131313!important;
        width: calc(100%/3 - 10px);
        margin: 0 5px 0 5px;
        padding-top: 20px;
    }
    .coop_06_list li .men img {
        max-width: 58%;
    }
    .coop_06_list li .tpp_span {
        text-align: center;
        position: relative;
        margin-top: 15px;
        margin-bottom: 0px;
        left: 0px;
        top: 0px;
    }
    .coop_07.pad100 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .coop_07_list li:last-child {
        margin-bottom: 0px;
    }
    .coop_07_list li:nth-child(even) .big-tess {
        left: 0px;
        right: auto;
    }
    .coop_07_list li .big-tess {
        width: 100%;
    }
    .big-tess .pcks {
        font-size: 14px;
        line-height: 1.5;
        font-family: "MiSans-Light";
    }
    .big-tess h3 {
        font-size: 18px;
    }
    .big-tess h3 img {
        max-height: 30px;
    }
    /*  */
    .channel_joining {
        background: #000;
        padding: 0px 30px 50px;
    }
    .x-message-wrap2 .sbiao {
        width: 90px;
        font-size: 15px;
    }
    .x-message-wrap2 input[type='text'],
    .x-message-wrap2 textarea {
        width: calc(100% - 90px);
        margin-bottom: 20px;
    }
    .x-message-wrap2 .x-submit {
        font-size: 16px;
    }
    .x-message-wrap2 #checkCodeImg2 {
        width: 80px;
    }
    .x-message-wrap2 #checkcode {
        width: calc(100% - 90px);
    }
    .x-message-wrap2 .code-group {
        padding-left: 0px;
    }
    .jkkk_one {
        font-size: 30px;
    }
    .jkkk {
        margin-bottom: 50px;
    }
    .home_number {
        margin-bottom: 50px;
    }
}

.mob_mb80 {
    margin-bottom: 50px;
}

.uppercase {
    text-transform: uppercase;
}

.pt70 {
    padding-top: 3.64583vw;
}

.pt30 {
    padding-top: 30px;
}

.pt60 {
    padding-top: 3.125vw;
}

.pt80 {
    padding-top: 4.1666vw;
}

.pt100 {
    padding-top: 5.2083vw;
}

.pt140 {
    padding-top: 7.2916vw;
}

.pt160 {
    padding-top: 8.333vw;
}

.pt180 {
    padding-top: 9.375vw;
}

.pb100 {
    padding-bottom: 5.2083vw;
}

.pb140 {
    padding-bottom: 7.2916vw;
}

.pb180 {
    padding-bottom: 9.375vw;
}

.pb160 {
    padding-bottom: 8.333vw;
}

.pb70 {
    padding-bottom: 3.64583vw;
}

.pb120 {
    padding-bottom: 120px;
}

.pb60 {
    padding-bottom: 3.125vw;
}


/*pinpai_three*/

.pinpai_three {
    position: relative;
}

.pinpai_three_list {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.pinpai_three_list li {
    position: relative;
    width: calc(100%/3 - 20px);
    margin: 0 10px 0 10px;
}

.pinpai_three_list li .long-img {
    position: relative;
}

.long-img img {
    display: block;
    width: 100%;
}

.long-img h3 {
    width: 100%;
    padding: 1.5625vw 0;
    position: absolute;
    font-weight: 400;
    text-align: center;
    bottom: 0px;
    color: #fff;
}

.long-text {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    border-top: 2px solid #00599c;
    text-align: center;
    margin-top: 3.125vw;
    padding: 15px 0;
}

.pinpai_three_list2 {
    align-items: flex-end;
}

.pinpai_three_list2 li .long-img h3 {
    top: 0px;
    bottom: auto;
}

.pinpai_three_list2 li .long-text {
    margin-bottom: 3.125vw;
    margin-top: 0px;
}


/*pinpai_four*/

.pinpai_four {
    position: relative;
}

.pinpai_four_list {
    position: relative;
}

.pinpai_four_list li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pinpai_four_list li+li {
    margin-top: 5.208vw;
}

.pinpai_four_list li .aaaleft {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    background: #113674;
    padding: 3.125vw;
    width: 50%;
    color: #fff;
}

.pinpai_four_list li .aaaleft h3 {
    font-weight: 400;
}

.pinpai_four_list li .aaaright {
    width: 50%;
}

.pinpai_four_list li .aaaright img {
    display: block;
    width: 100%;
}

.color-white {
    color: #fff;
}

.white {
    color: #fff;
}

.color-black {
    color: #000;
}

.pl160 {
    padding-left: 8.333vw;
}

.pr160 {
    padding-right: 8.333vw;
}

.pl100 {
    padding-left: 5.2083vw;
}

.pr100 {
    padding-right: 5.2083vw;
}


/*pinpai_five*/

.pinpai_five {
    position: relative;
}

.pinpai_five_con {
    position: relative;
    background: url(../images/pinpai_five_bg.jpg) no-repeat;
    background-size: cover;
    padding-top: 10.416vw;
    padding-bottom: 6.25vw;
}

.pinpai_five_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.pinpai_five_list li {
    position: relative;
    width: calc(100%/5 - 20px);
    margin: 0 10px 2.60416vw 10px;
    text-align: center;
}

.pinpai_five_list li h3 {
    margin-bottom: 10px;
    font-weight: normal;
}

.pinpai_five_list li .yquan {
    border: 5px solid #00599c;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pinpai_five_list li .yquan div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pinpai_five_list li .yquan div img {
    max-width: 78px;
}

.pinpai_five_list li p {
    padding: 15px 0;
}

@media (max-width:1366px) {
    .pinpai_five_list li .yquan {
        width: 150px;
        height: 150px;
    }
    .pinpai_five_list li .yquan div img {
        max-width: 68px;
    }
}

@media (max-width:992px) {
    .pinpai_five_list li .yquan {
        width: 120px;
        height: 120px;
    }
    .pinpai_five_list li .yquan div img {
        max-width: 48px;
    }
}

@media (max-width:768px) {
    .pinpai_five_list li .yquan {
        width: 100px;
        height: 100px;
    }
    .pinpai_five_list li .yquan div img {
        max-width: 38px;
    }
    .mobpinpai {
        padding-top: 0px;
    }
}


/* 切换1 */

.qiehuan {
    position: relative;
}

.pernr81 {
    width: 90%;
    margin: 0 auto;
    border-bottom: 4px solid #b5b5b5;
    margin-bottom: 60px;
}

.pernr81 li {
    position: relative;
    padding-bottom: 1.5625vw;
    text-align: left;
}

.pernr81 li a {
    display: block;
    color: #000;
}

.pernr81 li:nth-child(even) {
    text-align: center;
}

.pernr81 li:nth-child(3) {
    text-align: right;
}

.pernr81 li::before {
    position: absolute;
    left: 0px;
    bottom: -4px;
    content: "";
    height: 4px;
    background: #135394;
    z-index: 999;
    width: 0px;
    transition: width 0.3s;
}

.pernr81 li.swiper-slide-thumb-active::before {
    transition: width 0.3s;
    width: 100%;
}


/*join_tab*/

.join_tab {
    position: relative;
    background: #e7e7e7;
    padding-bottom: 80px;
}

.jjon_title h3 {
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}

.jjon_title p {
    color: #000;
}

.jjon_sort {
    display: flex;
    justify-content: space-between;
    border-bottom: 4px solid #b5b5b5;
    margin-bottom: 7.2916vw;
}

.jjon_sort li {
    position: relative;
    padding-bottom: 1.5625vw;
    width: 33.33%;
}

.jjon_sort li a {
    display: block;
    color: #000;
}

.jjon_sort li:nth-child(even) {
    text-align: center;
}

.jjon_sort li:nth-child(3) {
    text-align: right;
}

.jjon_sort li::before {
    position: absolute;
    left: 0px;
    bottom: -4px;
    content: "";
    height: 4px;
    width: 100%;
    background: #135394;
    z-index: 999;
    width: 0px;
    transition: width 0.3s;
}

.jjon_sort li.on::before {
    transition: width 0.3s;
    width: 100%;
}

.jjon_main {
    text-align: center;
}

.jjon_main h3 {
    color: #000000;
    font-weight: 400;
    padding: 40px 0;
    font-family: "MiSans-Regular";
}

.jjon_main .chang-img {
    text-align: center;
}

.jjon_main .chang-img img {
    display: block;
    width: 100%;
}


/*pinpai_six*/

.pinpai_six {
    position: relative;
    background: #e7e7e7;
}

.pinpai_six .pinpai_title h3 {
    color: #000;
}

.pinpai_six_con {
    max-width: 1300px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.six-item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 9.375vw;
}

.six-item h2 {
    font-size: 26px;
    width: 120px;
    font-family: "MiSans-Demibold";
    color: #000;
}

.six-item ul {
    width: calc(100% - 120px);
    display: flex;
}

.six-item ul li {
    text-align: center;
    width: 33.33%;
    padding: 0 1.5625vw;
}

.six-item ul li+li {
    border-left: 2px solid #00559c;
}

.six-item ul li span {
    display: block;
    font-size: 2.083vw;
    color: #181818;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "MiSans-Light";
}

.six-item ul li p {
    font-size: 1.0416vw;
    color: #000000;
    font-family: "MiSans-Light"
}


/*pinpai_seven*/

.pinpai_seven {
    position: relative;
}

.pinpai_seven_fix {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
}

.quyu_wai {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    margin: 2.083vw;
    padding: 2.083vw;
}

.quyu_search {
    width: 20.83vw;
    height: 20.83vw;
    background: rgba(105, 105, 105, .41);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1);
    transition: all 0.3s;
}

.quyu_search a {
    display: block;
}

.quyu_search h3 {
    color: #fff;
    font-size: 1.875vw;
    font-weight: 400;
    /*margin-bottom: 2.0416vw;*/
}

.quyu_search span {
    color: #fff;
    font-size: 16px;
}

.quyu_search:hover {
    transform: scale(1.15);
}


/* pinpai_joining */

.pinpai_joining {
    position: relative;
    padding-top: 7.2916vw;
    padding-bottom: 5.2083vw;
    background: url(../images/pinpai_joining_bg.jpg) no-repeat;
    background-size: cover;
}

.channel_title h3 {
    font-weight: normal;
    color: #fff;
}

.channel_title p {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}


/*  */

.x-message-wrap3 {
    max-width: 1000px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.x-message-wrap3 .row {
    margin-left: -25px;
    font-size: 0;
    margin-right: -25px
}

.x-message-wrap3 div[class^='col-'] {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}

.x-message-wrap3 .sbiao {
    width: 120px;
    display: block;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
}

.x-message-wrap3 input[type='text'],
.x-message-wrap3 textarea {
    width: calc(100% - 120px);
    height: 50px;
    border: none;
    padding: 0 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    background: #1b1b1b;
    outline: none;
    margin-bottom: 30px;
    border: 1px solid #2978d6;
}

.x-message-wrap3 input[type='text']::-webkit-input-placeholder,
.x-message-wrap3 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap3 input[type='text']:-ms-input-placeholder,
.x-message-wrap3 textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap3 input[type='text']::-ms-input-placeholder,
.x-message-wrap3 textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap3 input[type='text']::placeholder,
.x-message-wrap3 textarea::placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap3 textarea {
    padding-top: 15px;
    height: 80px;
    resize: none
}

.x-message-wrap3 .code-group {
    padding-left: 0px;
}

.x-message-wrap3 #checkcode {
    float: right;
    width: calc(100% - 200px);
    margin-bottom: 0;
}

.x-message-wrap3 #checkCodeImg2 {
    float: left;
    display: block;
    text-align: center;
    width: 180px;
    height: 50px;
    font-size: 0;
    background: #e7e4e4;
    padding: 0px;
}

.x-message-wrap3 .x-submit {
    display: block;
    margin: 0 auto;
    margin-top: 5.2083vw;
    width: 250px;
    height: 75px;
    background: #113674;
    color: #fff;
    font-size: 36px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-message-wrap3 .x-submit:hover {
    background: #113674
}

.x-message-wrap3 .n-default .x-textarea .msg-wrap {
    top: 10px;
}

.x-message-wrap3 .anpai {
    color: #fff;
    font-size: 20px;
    font-family: "MiSans-Light";
    padding: 20px 0;
}

.x-message-wrap3 .money_class {
    margin-bottom: 30px;
}

.x-message-wrap3 .money_class .sbiao {
    width: 200px;
}

.x-message-wrap3 .money_class input[type='text'] {
    width: calc(100% - 200px);
}

.x-message-wrap3 input[type='text']:focus,
.x-message-wrap3 textarea:focus {
    border-color: #2978d6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(17 54 116 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(17 54 116 / 60%);
}

.x-message-wrap3 .max-120 {
    width: calc(100% - 120px);
}

.x-message-wrap3 .max-200 {
    width: calc(100% - 200px);
}

.x-message-wrap3 .form-control {
    border-radius: 0px;
    background-color: #1b1b1b;
    border-color: #2978d6;
    height: 50px;
}


/*  */

.x-message-wrap3 select {
    /*取消默认箭头开始*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*取消默认箭头结束*/
    color: #ffffff;
    font-family: "MiSans-Light";
    font-size: 18px;
    /* 文本居中*/
    background: url(../images/select_down.png) no-repeat right 15px center;
}

.x-message-wrap3 select:focus {
    background: url(../images/select_up.png) no-repeat right 15px center;
}

.x-message-wrap3 option::-ms-expand {
    display: none;
}

.x-message-wrap3 option {
    font-family: "MiSans-Light";
    background-color: #1b1b1b;
    height: 60px;
    font-size: 18px;
    color: #fff;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    appearance: none;
}


/* --背景色字体颜色--*/

option:hover {
    color: #fff;
    background-color: #333333;
}


/* service_one */

.service_one {
    position: relative;
    padding: 35px;
    padding-top: 10.416vw;
}

.service_one_wap {
    position: relative;
}

.service_one_con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0%;
    z-index: 99;
}

.flex-service {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.service_one_con h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.service_one_con span {
    color: #fff;
    font-weight: normal;
    display: block;
}

.service_liss {
    position: relative;
    margin: 0 -1.0416vw;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service_liss li {
    position: relative;
    text-align: center;
    padding: 2.083vw;
    padding-bottom: 5.2083vw;
    border-bottom: 10px solid #00559b;
    background: #1a1a1a;
    width: calc(33.33% - 2.083vw);
    margin: 0 1.0416vw 0 1.0416vw;
    transition: all .6s ease;
    flex: 1;
}

.service_liss li:hover {
    transform: scale(1);
    z-index: 9999;
}

.service_liss li .ser_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service_liss li .ser_num span {
    font-family: "MiSans-Light";
    font-size: 16px;
    color: #00559b;
}

.service_liss li .ser_num span:nth-child(2) {
    color: #fff;
    text-transform: uppercase;
}

.service_liss li .mi_img {
    padding-top: 5.2083vw;
    padding-bottom: 4.166vw;
    text-align: center;
    line-height: 80px;
}

.service_liss li .mi_img img {
    max-width: 100%;
}

.service_liss li .srr_down {
    position: relative;
    text-align: center;
}

.cc-center {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 2px solid #00559b;
}

.service_liss li .srr_down h3 {
    font-weight: normal;
    color: #fff;
}

.service_liss li .srr_down p {
    color: #fff;
}






/* service_warranty */

.service_warranty {
    position: relative;
    background: #1a1a1a;
    margin: 10.416vw 0;
}

.service_warr_con {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.service_warr_con>div {
    position: relative;
    width: 50%;
}

.ser_wa_right {
    padding: 4.1666vw 5.208vw;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.ser_wa_right h3 {
    font-weight: normal;
}

.ser_wa_right .siu {
    font-weight: normal;
}

.ser_wa_right .sui_work {
    font-weight: normal;
    color: #fff;
    line-height: 2;
    font-family: "MiSans-Light";
}

.sui_work ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.sui_work ul li {
    padding-right: 2.083vw;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1;
}

.sui_work ul li+li {
    padding-left: 2.083vw;
}

.sui_work ul li+li {
    border-left: 2px solid #fff;
}


/*service_authentic*/

.service_authentic {
    position: relative;
    padding: 35px;
    padding-top: 10.416vw;
    padding-bottom: 9.375vw;
}

.authentic_wap {
    position: relative;
}

.authentic_con {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0%;
    z-index: 99;
}

.authentic-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.authentic_con h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.authentic_con span {
    color: #fff;
    font-weight: normal;
    display: block;
}

.fanwei_fix {
    z-index: 999;
    margin-top: 5.083vw;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    cursor: pointer;
    transition: all .6s ease;
}

.fanwei_fix:hover {
    transform: scale(1);
}

.fanwei_wai {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    margin: 10px;
    padding: 10px;
}

.fanwei_link {
    width: 100px;
    height: 100px;
    background: rgba(105, 105, 105, .41);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1);
    transition: all 0.3s;
}

.fanwei_link a {
    display: block;
}

.fanwei_link a img {
    margin-top: -15px;
}


/* 视频页面标题 */

.spp_title1 {
    font-family: "MiSans-Regular";
    text-transform: uppercase;
    font-size: 3.33vw;
    line-height: 1.2;
    color: #fff;
}

.spp_title2 {
    font-family: "MiSans-Regular";
    font-size: 1.5625vw;
    font-weight: normal;
    color: #fff;
}


/* max1420 */

.max1420 {
    max-width: 1420px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


/* inner-image-center-list-wrapper */

.inner-image-center-list-wrapper {
    padding-top: 10.416vw;
    padding-bottom: 4.166vw;
    background: url(../images/video_xbg.jpg) no-repeat;
    background-size: cover;
}

.inner-image-center-list-wrapper .vtit {
    font-family: "MiSans-Light";
    font-size: 16px;
    color: #fefefe;
    margin-bottom: 0px!important;
    padding-left: 3.125vw;
}

.inner-image-center-list-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 10.416vw;
    flex-direction: row;
    align-content: flex-start;
    min-height: auto!important;
}

.inner-image-center-list-wrapper .item-wrap {
    width: 44%;
    cursor: pointer;
    margin-bottom: 8.333vw;
    position: relative;
}

.inner-image-center-list-wrapper .item-wrap:nth-child(2n){
    margin-top: -13.02083vw;
}


.inner-image-center-list-wrapper .item-wrap:nth-child(8n){
    
}
.inner-image-center-list-wrapper .item-wrap:last-child {
    margin-left: 56%;
    margin-top: -13.02083vw;
}



.inner-image-center-list-wrapper .media-box {
    position: relative;
    overflow: hidden;
    /*height: 350px;*/
    width: 100%;
}

.inner-image-center-list-wrapper .poster {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.36s;
}

.inner-image-center-list-wrapper .poster:hover {
    transform: scale(1.25);
}

.inner-image-center-list-wrapper .txt-box {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 80%;
    background: #113674;
    padding: 35px 30px 20px 30px;
}

.inner-image-center-list-wrapper .title {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    font-size: 24px;
    color: #fff;
}

.inner-image-center-list-wrapper .title span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #abb8ce;
    line-height: 1;
}

.inner-image-center-list-wrapper .date2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
}

.inner-image-center-list-wrapper .icon-play {
    color: #FFFFFF;
    font-size: 3.125vw;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.inner-image-center-list-wrapper .item-wrap.is-video .icon-play {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .inner-image-center-list-wrapper {
        padding: 0.9rem 0.3rem;
    }
    .inner-image-center-list-wrapper .item-wrap {
        width: 100%;
    }
    .inner-image-center-list-wrapper .txt-box {
        padding: 15px 15px 10px 15px;
    }
    .inner-image-center-list-wrapper .title {
        font-size: 16px;
        margin-bottom: 5px;
        font-family: "MiSans-Regular";
    }
    .inner-image-center-list-wrapper .date2 {
        font-size: 12px;
        font-family: "MiSans-Light";
    }
    .inner-image-center-list-wrapper .icon-play {
        font-size: 40px;
    }
    .inner-image-center-list-wrapper .item-wrap:nth-child(2n) {
        margin-top: 0px;
    }
    .inner-image-center-list-wrapper .item-wrap:nth-child(7n),
    .inner-image-center-list-wrapper .item-wrap:last-child {
        margin-left: 0px;
        margin-top: 0px;
    }
    .spp_title1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .spp_title2 {
        font-size: 18px;
    }
    /* 手机招商加盟 */
    .pc_join.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_title_join h3 {
        color: #fff;
        font-weight: normal;
        font-size: 20px;
    }
    .pinpai_power {
        background: url(../images/mob_brand_power.jpg) no-repeat;
        padding: 50px 0;
    }
    .pinpai_title h3 {
        font-size: 22px!important;
        margin-bottom: 0px;
    }
    .pinpai_title p {
        font-size: 14px!important;
    }
    .mob_pinpai_power_list li .yquan {
        width: 70px;
        height: 70px;
        border-width: 2px;
    }
    .mob_pinpai_power_list li .yquan h3,
    .mob_pinpai_power_list li .yquan h3 span {
        font-size: 14px;
    }
    .mob_pinpai_power_list li p {
        font-size: 12px;
    }
    .pinpai_power_con::before {
        position: absolute;
        left: -2px;
        height: 20px;
        width: 2px;
        content: "";
        background: #00599c;
        top: 0px;
    }
    .pinpai_power_con::after {
        position: absolute;
        right: -2px;
        height: 20px;
        width: 2px;
        content: "";
        background: #00599c;
        top: 0px;
    }
    .shux1 {
        position: absolute;
        width: 2px;
        height: 30px;
        top: -20px;
        background: #00599c;
        left: 50%;
        margin-left: -1px;
    }
    .shux2 {
        position: absolute;
        width: 2px;
        height: 30px;
        bottom: -20px;
        background: #00599c;
        left: 50%;
        margin-left: -1px;
    }
    .pinpai_power_list::before {
        position: absolute;
        left: -2px;
        height: 20px;
        width: 2px;
        content: "";
        background: #00599c;
        bottom: 0px;
    }
    .pinpai_power_list::after {
        position: absolute;
        right: -2px;
        height: 20px;
        width: 2px;
        content: "";
        background: #00599c;
        bottom: 0px;
    }
    /*  */
    .pinpai_three_list {
        margin: 0 0px;
    }
    .pinpai_three_list li {
        width: calc(80% - 0px);
        margin: 0 0px 50px 0px;
    }
    .pinpai_three_list li:nth-child(2n-1) {
        margin-left: 20%;
    }
    .mob_pinpai_title {
        padding: 60px 0;
    }
    .mob_pinpai_title h3 {
        font-size: 25px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 0px;
    }
    .mob_pinpai_title p {
        color: #fff;
        font-size: 16px;
    }
    .pinpai_three_list li .long-img h3 {
        padding: 15px 20px;
        font-size: 18px!important;
        font-family: "MiSans-Regular";
        text-align: left;
    }
    .pinpai_three_list li:nth-child(2n) .long-img h3 {
        text-align: right;
    }
    .pinpai_three_list li .long-text {
        text-align: left;
        border-top-width: 1px;
        line-height: 1.7;
        font-size: 12px;
    }
    .pinpai_three_list li:nth-child(2n) .long-text {
        text-align: right;
    }
    /*  */
    .pinpai_four_list li .aaaleft h3 {
        font-size: 14px!important;
        font-family: "MiSans-Light";
    }
    .pinpai_four_list li .aaaleft div {
        font-size: 12px;
    }
    .pinpai_five {
        padding: 30px 0;
    }
    .pinpai_five_con {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pinpai_five_list {
        justify-content: center;
    }
    .mob_pinpai_five_list li {
        width: calc(100%/4 - 0px);
        margin: 0 0px 20px 0px;
    }
    .mob_pinpai_five_list li h3 {
        font-size: 12px;
        font-family: "MiSans-Regular";
    }
    /*  */
    .mob_pinpai_five_list li .yquan {
        width: 70px;
        height: 70px;
        border-width: 2px;
    }
    .mob_pinpai_five_list li .yquan div img {
        max-width: 30px;
    }
    .mob_pinpai_five_list li p {
        padding: 10px 10px;
        font-size: 12px;
    }
    .join_tab {
        padding-top: 50px;
    }
    .qiehuan {
        margin-top: 30px;
    }
    .pernr81 {
        border-bottom-width: 2px;
    }
    .pernr81 li a {
        font-size: 16px;
        font-family: "MiSans-Regular";
    }
    .pernr81 li::before {
        height: 2px;
        bottom: -2px;
    }
    .jjon_main h3 {
        font-size: 12px;
    }
    .jjon_title h3 {
        font-size: 30px;
    }
    .jjon_title p {
        font-size: 14px;
    }
    .pinpai_six {
        padding: 50px 0;
    }
    .pinpai_six .pinpai_title h3 {
        font-size: 18px!important;
    }
    .six-item h2 {
        font-size: 18px!important;
        width: 100px;
    }
    .six-item ul {
        width: calc(100% - 100px);
    }
    .six-item ul li span,
    .six-item ul li p {
        font-size: 12px;
    }
    .six-item ul li span {
        font-size: 16px;
        margin-bottom: 5px;
        font-family: "MiSans-Medium";
    }
    .quyu_wai {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.008);
        margin: 15px;
        padding: 7px;
    }
    .quyu_search {
        width: 150px;
        height: 150px;
        background: rgba(105, 105, 105, 0.011);
    }
    .quyu_search h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .quyu_search span {
        font-size: 12px;
        color: #00559c;
    }
    /*  */
    .pinpai_joining {
        padding-top: 80px;
        padding-bottom: 80px;
        background: url(../images/mob_pinpai_joining_bg.jpg) no-repeat;
        background-size: cover;
    }
    .x-message-wrap3 .sbiao {
        font-size: 16px;
        line-height: 35px;
    }
    .x-message-wrap3 input[type='text'],
    .x-message-wrap3 textarea {
        margin-bottom: 10px;
        height: 35px;
    }
    .x-message-wrap3 .form-control {
        height: 35px;
    }
    .x-message-wrap3 select {
        font-size: 15px;
    }
    .x-message-wrap3 option {
        height: 35px;
        font-size: 14px;
    }
    .x-message-wrap3 .money_class .sbiao {
        width: 120px!important;
    }
    .x-message-wrap3 .max-200 {
        width: calc(100% - 120px);
    }
    .x-message-wrap3 div[class^='col-'].mb30 {
        margin-bottom: 10px;
    }
    .x-message-wrap3 #checkCodeImg2 {
        width: 110px;
        height: 35px;
    }
    .x-message-wrap3 #checkcode {
        width: calc(100% - 120px);
    }
    .x-message-wrap3 .money_class {
        margin-bottom: 10px;
    }
    .x-message-wrap3 .x-submit {
        font-size: 20px;
        width: 150px;
        height: 50px;
        font-size: 20px;
        font-family: "MiSans-Medium";
    }
    /* 用户服务 */
    .mob_service .service_one {
        padding: 50px 0px;
    }
    .mob_service .flex-service h3 {
        font-size: 20px;
    }
    .mob_service .flex-service span {
        font-size: 16px;
        font-family: "MiSans-Normal";
    }
    .mob_service .service_liss li {
        padding: 15px 10px 20px;
        border-bottom-width: 3px;
    }
    .mob_service .service_liss li .ser_num span {
        font-size: 14px;
    }
    .mob_service .service_liss li .mi_img img {
        max-width: 35px;
    }
    .mob_service .service_liss li .srr_down h3 {
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_service .service_liss li .srr_down p {
        font-size: 12px;
    }
    .mob_service .service_liss li .cc-center {
        position: relative;
        border-bottom: none;
    }
    .mob_service .service_liss li .cc-center::before {
        position: absolute;
        bottom: 0px;
        width: 40%;
        height: 1px;
        background: #00559b;
        content: "";
        left: 50%;
        transform: translateX(-50%);
    }
    .mob_service .service_warranty {
        margin: 0px;
    }
    .mob_service .service_warr_con {
        flex-wrap: wrap;
    }
    .mob_service .service_warr_con>div {
        width: 100%;
    }
    .mob_service .ser_wa_right {
        padding: 50px 20px;
    }
    .mob_service .ser_wa_right h3 {
        text-align: center;
    }
    .mob_service .ser_wa_right .siu {
        text-align: center;
        line-height: 1.7;
        padding: 30px 0 50px;
    }
    .mob_service .ser_wa_right .sui_work {
        text-align: center;
        font-size: 14px;
    }
    .mob_service .sui_work ul {
        justify-content: center;
        display: block;
    }
    .mob_service .sui_work ul li {
        border: none;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .mob_service .sui_work ul li+li {
        padding-left: 10px;
    }
    .mob_service .mob_service_authentic {
        padding: 0px;
    }
    .mob_service .authentic_con h3 {
        font-size: 25px;
    }
    .mob_service .authentic_con span {
        font-size: 16px;
    }
    .mob_service .fanwei_link {
        width: 60px;
        height: 60px;
    }
    .mob_service .fanwei_wai {
        border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .mob_service .fanwei_link a img {
        max-width: 30px;
    }
}


/*  */

@font-face {
    font-family: "iconfont";
    /* Project id 2625493 */
    src: url('//at.alicdn.com/t/font_2625493_943vtyolgva.woff2?t=1654495985210') format('woff2'), url('//at.alicdn.com/t/font_2625493_943vtyolgva.woff?t=1654495985210') format('woff'), url('//at.alicdn.com/t/font_2625493_943vtyolgva.ttf?t=1654495985210') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont-bofang4:before {
    content: "\e681";
}

.iconfont-guanbi:before {
    content: "\e624";
}


/* 大师视频弹窗 */

.inner-video-dialog-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    background: #000000;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}

.inner-video-dialog-wrap {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-video-in-dialog {
    width: 100%;
    height: auto;
    max-height: 80%;
    position: relative;
    z-index: 1;
}

.inner-video-dialog-wrapper .icon-close-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -22px;
    top: -22px;
    padding-right: 15px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.36s;
    flex-shrink: 0;
    z-index: 100;
    align-self: flex-end;
}

.inner-video-dialog-wrapper .icon-close-btn:hover {
    background: rgba(255, 255, 255, 0.9);
}

@media (max-width:768px){
    .inner-video-in-dialog{
        max-height: 95%;
    }
    .inner-video-dialog-wrapper .icon-close-btn{
        width: 30px;
        height: 30px;
        right: 50%;
        bottom: 20%;
        padding: 0px;
        top: auto;
        margin-right: -15px;
    }
}



/* 视频分页 */

.gckc_holder {
    margin: 15px 0;
    text-align: center;
}

.gckc_holder a {
    cursor: pointer;
    margin: 0 5px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #113674;
    background: #113674;
    font-size: 12px;
    color: #fff;
}

.gckc_holder a:hover {
    transition: .5s ease;
    background-color: #fff;
    color: #113674;
}

.gckc_holder a.jp-previous {
    margin-right: 5px;
}

.gckc_holder a.jp-next {
    margin-left: 5px;
}

.gckc_holder a.jp-current {
    color: #fff!important;
    background: #FF4242;
}

a.jp-current:hover {
    color: #fff;
    font-weight: bold;
}

.gckc_holder a.jp-disabled,
a.jp-disabled:hover {
    background: #113674;
    color: #fff;
}

.gckc_holder a.jp-current,
a.jp-current:hover,
.gckc_holder a.jp-disabled,
a.jp-disabled:hover {
    cursor: default;
}

.gckc_holder span {
    margin: 0 5px;
}

.gckc_holder a.jp-disabled:hover {
    color: #fff!important;
}


/* 可加盟城市 */

.query_wap {
    position: relative;
    background: url(../images/query.jpg) no-repeat;
    background-size: cover;
}

.join_city_wap {
    padding-top: 15.625vw;
    padding-bottom: 4.1666vw;
    display: flex;
    justify-content: flex-start;
}

.join_city_left {
    position: relative;
    width: 45.15vw;
}

.join_city_right {
    position: relative;
    background: #fff;
    width: 37.60416vw;
    padding: 4.1666vw;
    padding-right: 2.6042vw;
}

.syy1 {
    color: #676767;
    text-transform: uppercase;
}

.syy2 {
    color: #2d2d2d;
    margin-bottom: 35px;
}

.query_select_wap {
    display: flex;
    margin-bottom: 30px;
}

.query_select_wap li {
    float: left;
    width: 45%;
    margin-right: 30px;
    background: #eeeeee;
    position: relative;
    border-radius: 15px;
    box-shadow: 1px 1px 6px 6px rgba(213, 213, 213, 1);
}

.query_select_wap li .customSelectInner {
    color: #333;
    font-size: 18px;
    font-family: "MiSans-light";
}

.query_select_wap li .customSelect {
    background: url(../images/jm_xia.png) no-repeat 90% center;
}

.query_select_wap select {
    width: 100%;
    margin-right: 0px;
    line-height: 55px;
    height: 55px;
    border: none;
    outline: none;
    text-indent: 15px;
    color: #676767;
    font-size: 18px;
    border-radius: 15px;
    box-shadow: 1px 1px 6px 6px rgba(213, 213, 213, 1);
    font-family: "MiSans-light";
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/jm_xia.png) no-repeat 90% center #eeeeee;
}

.query_select_wap select option {
    background: #fff;
    font-size: 16px;
    color: #333;
}

#join-list {
    margin: 0px;
}

#join-list ul {
    display: flex;
    flex-flow: wrap;
}

#join-list ul li {
    font-family: "MiSans-light";
    padding: 0 10px 10px 10px;
    color: #676767;
    font-size: 16px;
}

.map2022 {
    position: relative;
    margin-top: 22px;
    padding: 20px 0px 20px;
    box-sizing: border-box;
    background-color: transparent;
}

.map2022 .map-content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0;
    min-height: auto!important;
}


/*加入我们*/

.joinus_wap {
    position: relative;
}

.joinus_list {
    position: relative;
}

.joinus_list li {
    display: flex;
    flex-wrap: wrap;
}

.joinus_list li>div {
    width: 50%;
    position: relative;
}

.joinus_text .aaaflex {
    padding: 7.8125vw;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    transition: .6s ease;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    height: 100%;
}

.jjus_top {
    position: relative;
}

.jjus_top p {
    text-transform: uppercase;
    margin-bottom: 1.302083vw;
    color: #333;
}

.jjus_top h2 {
    color: #000;
    position: relative;
    padding-bottom: 2.60416vw;
}

.jjus_top h2::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 120px;
    height: 4px;
    background: #b5b5b5;
    content: '';
}

.jjus_mid {
    margin: 15px 0;
    color: #333;
}

.jjus_bom {
    position: relative;
}

.jjus_bom .aaa {
    display: inline-block;
    color: #135394;
    border-bottom: 1px solid #135394;
    padding-bottom: 5px;
}

.joinus_list li.odd .jjus_top h2::before {
    position: absolute;
    left: auto;
    right: 0px;
    bottom: 0px;
    width: 120px;
    height: 4px;
    background: #b5b5b5;
    content: '';
}

.joinus_list li:hover .joinus_text .aaaflex {
    transform: scale(1.1);
    z-index: 999;
}


/* pad380 */

.pad380 {
    padding-left: 19.7916vw;
    padding-right: 19.7916vw;
}

.max1160 {
    max-width: 1190px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


/* government_wap */

.government_wap {
    position: relative;
    padding-bottom: 5.2083vw;
}

.top_download {
    padding: 6.25vw 0;
}

.download_tab {
    display: flex;
}

.download_tab li {
    flex: 1;
    position: relative;
    text-align: center;
    padding: 1.5625vw 0;
    border-bottom: 3px solid #bfbfbf;
    cursor: pointer;
}

.download_tab li a {
    color: #fff;
    font-size: 24px;
}

.download_tab li.active {
    border-color: #135394;
}

.download_main {
    position: relative;
}

.download_list_xs {
    position: relative;
    min-height: auto!important;
}

.download_list_xs li {
    position: relative;
    margin-bottom: 2.60416vw;
}

.download_list_xs li .flex-item {
    background: #151515;
    padding: 2.083vw;
    display: flex;
}

.download_list_xs li .item-time {
    width: 130px;
}

.download_list_xs li .item-time span {
    font-family: "MiSans-Regular";
    font-size: 12px;
    color: #135394;
    text-transform: uppercase;
}

.download_list_xs li .item-time h3 {
    margin-top: 10px;
    font-family: "MiSans-Regular";
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.download_list_xs li .item-img {
    width: 285px;
}

.download_list_xs li .item-img a {
    display: block;
}

.download_list_xs li .item-img img {
    display: block;
    width: 100%;
}

.download_list_xs li .item-text {
    width: calc(100% - 415px);
    padding-left: 25px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.download_list_xs li .item-text h3 {
    font-weight: normal;
    font-size: 19px;
    color: #fff;
}

.download_list_xs li .item-text span {
    display: block;
    font-size: 16px;
    color: #fff;
}


/* 投资者接待 */

.reception_wap {
    position: relative;
    padding-bottom: 10.416vw;
}

.reception_con {
    position: relative;
    padding: 5.2083vw 0;
    background: #151515;
    display: flex;
    justify-content: space-between;
}

.jdai_left {
    position: relative;
    padding: 0 7.8125vw;
    text-align: center;
    border-right: 2px solid #000;
    width: 51.72%;
}

.jdai_left img {
    display: inline-block;
    max-width: 100%;
}

.jdai_right {
    position: relative;
    padding-left: 6.25vw;
    width: 48.7%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.jdai_right .kk1 {
    color: #fff;
    font-size: 19px;
}

.jdai_right .kk2 a {
    color: #135394;
    font-size: 19px;
    padding-bottom: 2px;
    border-bottom: 1px solid #135394;
}


/*全屋定制*/

.house_wap {
    background: #1a1a1a;
    padding: 120px 8.333vw;
}


/* 散图 */

.inner_house_wrap {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

.inner_house_wrap .box-outer {
    transition: all 0.6s;
    z-index: 10;
}

.inner_house_wrap .box-inner {
    position: relative;
    overflow: hidden;
}

.left-aa-house {
    width: 30.46875vw;
}

.mid-aa-house {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    width: 31.25vw;
    justify-content: center;
}

.left-bb-house {
    width: 36.19vw;
}

.inner_house_wrap .box-outer_01 {
    width: 30.46875vw;
    align-self: flex-start;
}

.inner_house_wrap .box-outer_02 {
    width: 21.35vw;
    align-self: flex-start;
    margin-left: 0;
    margin-top: 14.0625vw;
}

.inner_house_wrap .box-outer_03 {
    width: 31.25vw;
    align-self: flex-start;
}

.inner_house_wrap .box-outer_04 {
    width: 22.39583vw;
    align-self: flex-end;
}

.inner_house_wrap .box-outer_06 {
    width: 14.583vw;
    align-self: flex-end;
    float: right;
    margin-right: 0;
    margin-top: 10.416vw;
    z-index: 40;
}

.inner_house_wrap .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
}

.inner_house_wrap .box-outer:hover {
    transform: scale(1.25);
    z-index: 100;
}

.inner_house_wrap .box-outer[data-is-in-viewport="true"] .box-inner::after {
    height: 0;
}

.inner_house_wrap .box-outer[data-scroll-reveal-complete="true"] .box-inner::after {
    height: 0;
}


/* house_three */

.house_three {
    position: relative;
}

.house_three_tit {
    padding: 5.2083vw 0;
    text-align: center;
}

.house_three_con {
    position: relative;
}

.house_three_list {
    position: relative;
}

.house_three_list li {
    margin-bottom: 6.25vw;
    position: relative;
    z-index: 99;
}

.house_three_list li:nth-child(1)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #161616;
    width: 62.5vw;
    height: 100%;
    z-index: -1;
}

.house_three_list li:nth-child(2)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #161616;
    width: 62.5vw;
    height: 100%;
    z-index: -1;
}

.house_three_list li .four-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.house_three_list li .four-top .four-top-mid {
    width: 62.5vw;
    padding: 2.60416vw 2.60416vw 2.60416vw 2.60416vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.house_three_list li .four-top .four-top-mid span {
    color: #2c2c2c;
    font-size: 1.35416vw;
    text-transform: uppercase;
}

.house_three_list li .four-top .four-top-mid em {
    color: #2c2c2c;
    font-size: 1.35416vw;
    font-style: inherit;
}

.house_three_list li .four-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.house_three_list li .four-bottom .four_img {
    width: 67.34vw;
}

.house_three_list li .four-bottom .four-tees {
    width: 32.66vw;
    padding-left: 5.2083vw;
}

.house_three_list li .four-bottom .four-tees h3 {
    font-size: 1.666vw;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15.625vw;
}

.house_three_list li .four-bottom .four-tees h3 p {
    font-size: 18px;
    line-height: 2;
    padding-top: 10px;
    font-family: "MiSans-Regular";
}

.house_three_list li .four-bottom .four-tees div {
    display: block;
    max-width: 400px;
    line-height: 1.7;
    color: #ffffff;
    font-size: 0.9375vw;
    position: relative;
    padding-top: 50px;
}

.house_three_list li .four-bottom .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #897970;
    width: 68px;
    height: 8px;
    z-index: 1;
}


/* house_four */

.max1200 {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.house_four {
    position: relative;
}

.fz82 {
    font-size: 4.27083vw;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.2;
}

.house_four_con {
    position: relative;
}

.img-center {
    text-align: center;
}

.img-center img {
    max-width: 100%;
    margin: 0 auto;
}

.house_four_con .gfgf {
    padding-top: 5.2083vw;
    line-height: 1.7;
}

.font-normal {
    font-weight: normal;
}

.pt10 {
    padding-top: 10px;
}

.pt50 {
    padding-top: 50px;
}

.fz14 {
    font-size: 14px;
}

.fz15 {
    font-size: 15px;
}


/* house_five */

.house_five {
    position: relative;
    padding-top: 7.8125vw;
}

.oos_list {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 3.125vw 0;
}

.oos_list li {
    position: relative;
    padding-left: 10.416vw;
    padding-top: 20px;
    padding-bottom: 20px;
    flex: 1;
}

.oos_list li:last-child {
    border-left: 2px solid #878787;
}

.oos_list li h3 {
    font-weight: normal;
    font-family: "MiSans-Regular";
    margin-bottom: 12px;
    font-size: 18px;
    color: #fff;
}

.oos_list li p {
    font-family: "MiSans-Light";
    font-size: 18px;
    color: #fff;
}


/*  */

.oos_list2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 3.125vw 0;
}

.oos_list2 li {
    position: relative;
    padding-left: 2.60416vw;
    padding-right: 2.6042vw;
    padding-top: 20px;
    padding-bottom: 20px;
    flex: 1;
}

.oos_list2 li+li {
    border-left: 2px solid #878787;
}

.oos_list2 li h3 {
    font-weight: normal;
    font-family: "MiSans-Regular";
    margin-bottom: 12px;
    font-size: 18px;
    color: #fff;
}

.oos_list2 li p {
    font-family: "MiSans-Light";
    font-size: 17px;
    color: #fff;
}


/* 劳斯 */

.routh_second {
    position: relative;
}

.routh_second_list {
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
}

.swiper_routh {
    overflow: hidden;
}

.swiper_routh .swiper-slide {
    position: relative;
    text-align: center;
}

.swiper_routh .swiper-slide a {
    display: block;
}

.swiper_routh .swiper-slide a img {
    display: block;
    width: 100%;
}

.swiper_routh .swiper-slide h3 {
    padding: 20px 0;
    font-size: 18px;
    line-height: 40px;
    color: #fefefe;
    font-weight: normal;
    font-family: "MiSans-Regular";
}

.swiper_routh .swiper-button-next,
.swiper_routh .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 52px;
    margin-top: -26px;
}

.swiper_routh .swiper-button-prev {
    background: url(../images/zuo11.png) no-repeat center;
    left: 0px;
}

.swiper_routh .swiper-button-next {
    background: url(../images/you11.png) no-repeat center;
    right: 0px;
}


/* routh_three */

.routh_three {
    position: relative;
}

.routh_three_tit {
    padding: 5.2083vw 0;
    text-align: center;
}

.routh_three_con {
    position: relative;
}

.routh_three_list {
    position: relative;
}

.routh_three_list li {
    margin-bottom: 6.25vw;
    position: relative;
    z-index: 99;
}

.routh_three_list li:nth-child(1)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #dcdcdc;
    width: 58.33vw;
    height: 100%;
    z-index: -1;
}

.routh_three_list li:nth-child(2)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #444b55;
    width: 58.33vw;
    height: 100%;
    z-index: -1;
}

.routh_three_list li:nth-child(3)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #586364;
    width: 58.33vw;
    height: 100%;
    z-index: -1;
}

.routh_three_list li .four-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.routh_three_list li .four-top .four-top-mid {
    width: 58.33vw;
    padding: 2.60416vw 2.60416vw 5.2083vw 2.60416vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.routh_three_list li .four-top .four-top-mid span {
    color: #2c2c2c;
    font-size: 1.0416vw;
    text-transform: uppercase;
}

.routh_three_list li:nth-child(2) .four-top .four-top-mid span,
.routh_three_list li:nth-child(2) .four-top .four-top-mid em,
.routh_three_list li:nth-child(2) .four-bottom .four-tees h3,
.routh_three_list li:nth-child(2) .four-bottom .four-tees div {
    color: #fff;
}

.routh_three_list li .four-top .four-top-mid em {
    color: #2c2c2c;
    font-size: 1.0416vw;
    font-style: inherit;
}

.routh_three_list li .four-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.routh_three_list li .four-bottom .four_img {
    width: 53.125vw;
}

.routh_three_list li .four-bottom .four-tees {
    width: 25.78vw;
    padding-left: 4.1666vw;
    padding-right: 4.1666vw;
}

.routh_three_list li .four-bottom .four-tees h3 {
    font-size: 1.666vw;
    color: #000;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10.416vw;
}

.routh_three_list li .four-bottom .four-tees h3 p {
    font-size: 18px;
    line-height: 2;
    padding-top: 10px;
    font-family: "MiSans-Regular";
}

.routh_three_list li .four-bottom .four-tees div {
    display: block;
    max-width: 400px;
    line-height: 1.7;
    color: #000000;
    font-size: 0.9375vw;
    position: relative;
    padding-top: 30px;
}

.routh_three_list li .four-bottom .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #b2b4b7;
    width: 68px;
    height: 8px;
    z-index: 1;
}

.routh_three_list li:nth-child(2) .four-bottom .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #4e555f;
    width: 68px;
    height: 8px;
    z-index: 1;
}

.routh_three_list li:nth-child(3) .four-bottom .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #454d4e;
    width: 68px;
    height: 8px;
    z-index: 1;
}


/* power_wap */

.power_wap {
    position: relative;
    padding-bottom: 5.2083vw;
}

.power_tab_main {
    padding: 6.25vw 0;
}

.power_tab {
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
}

.power_tab li {
    flex: 1;
    position: relative;
    text-align: center;
    padding: 1.5625vw 0;
    border-bottom: 3px solid #bfbfbf;
    cursor: pointer;
}

.power_tab li a {
    color: #fff;
    font-size: 24px;
}

.power_tab li.active {
    border-color: #135394;
}


/* pw_one */

.pw_one {
    position: relative;
    padding-top: 3.125vw;
    padding-bottom: 8.333vw;
}

.pw_img img {
    display: inline-block;
    max-width: 100%;
}


/* pw_two */

.pw_two {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.pw_two_left {
    position: relative;
    width: 50%;
}

.pw_two_left img {
    display: block;
    width: 100%;
    height: 100%;
}

.pw_two_right {
    position: relative;
    background: #d6d6d6;
    padding: 7.2916vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
}

.pw_two_right .flex-center {
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 15px;
}

.pw_two_right .flex-center b {
    color: #113674;
    font-weight: normal;
    margin-right: 20px;
    line-height: 1;
}

.pw_two_right .flex-center span {
    color: #113674;
    text-transform: uppercase;
}

.pw_two_right h3 {
    font-size: 1.875vw;
    font-weight: normal;
    margin-bottom: 5.2083vw;
    text-align: center;
}

.pw_two_right .s {
    font-size: 17px;
    color: #000000;
    line-height: 1.7;
    text-align: center;
    font-family: "MiSans-Regular";
}


/* pw_three */

.pw_three {
    position: relative;
}

.pw_three_title {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.pw_three_title .flex-center {
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 15px;
}

.pw_three_title .flex-center b {
    color: #113674;
    font-weight: normal;
    margin-right: 10px;
    line-height: 1;
}

.pw_three_title .flex-center span {
    color: #113674;
}

.pw_three_title h3 {
    font-size: 1.875vw;
    font-weight: normal;
    color: #fff;
    margin-bottom: 2.60416vw;
    text-align: center;
}

.pw_three_title .s {
    font-size: 18px;
    color: #fff;
    line-height: 1.9;
    text-align: center;
    font-family: "MiSans-Regular";
}


/* eight_wap */

.eight_wap {
    position: relative;
    background: url(../images/eight_bg.jpg) no-repeat;
    background-size: cover;
    padding: 8.333vw 0 5.2083vw;
}

.max1050 {
    max-width: 1050px;
    margin: 0 auto;
}

.eight_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.eight_list li {
    position: relative;
    width: calc(100%/4 - 20px);
    margin: 0 10px 3.125vw 10px;
    text-align: center;
}

.eight_list li h3 {
    margin-bottom: 10px;
    font-weight: normal;
}

.eight_list li .yquan {
    border: 5px solid #135394;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.eight_list li .yquan div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.eight_list li .yquan div img {
    max-width: 78px;
}

@media (max-width:1366px) {
    .eight_list li .yquan {
        width: 140px;
        height: 140px;
    }
    .eight_list li .yquan div img {
        max-width: 68px;
    }
}

@media (max-width:992px) {
    .eight_list li .yquan {
        width: 110px;
        height: 110px;
    }
    .eight_list li .yquan div img {
        max-width: 48px;
    }
}

@media (max-width:768px) {
    .eight_list li .yquan {
        width: 100px;
        height: 100px;
    }
    .eight_list li .yquan div img {
        max-width: 38px;
    }
}


/* pw_four */

.max1080 {
    max-width: 1080px;
    margin: 0 auto;
}

.pw_four {
    position: relative;
    padding-top: 10.416vw;
}

.pw_four_title {
    position: relative;
}

.pw_four_title h3 {
    text-transform: uppercase;
    font-weight: normal;
}

.pw_four_title .hd {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 4px solid #b5b5b5;
    margin: 5.2083vw 0;
}

.pw_four_title .hd li {
    position: relative;
    padding-bottom: 1.5625vw;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    flex: 1;
}

.pw_four_title .hd li::before {
    position: absolute;
    left: 0px;
    bottom: -4px;
    content: "";
    height: 4px;
    width: 100%;
    background: #135394;
    z-index: 999;
    width: 0px;
    transition: width 0.3s;
}

.pw_four_title .hd li.on::before {
    transition: width 0.3s;
    width: 100%;
}

.aa_title {
    padding-top: 50px;
    padding-bottom: 150px;
}

.aa_title .p {
    line-height: 2;
}


/*lun_list */

.lun_list img {
    display: block;
    width: 100%;
}


/* three_lun_list */

.three_lun_list {
    position: relative;
}

.three_lun_list h2 {
    font-size: 18px;
    color: #717171;
    padding: 3.125vw 0;
    font-weight: normal;
    text-align: center;
    font-family: "MiSans-Regular";
}

.three_lun_list ul {
    /*display: flex;*/
    /*justify-content: center;*/
    max-width: 1020px;
    margin: 0 auto;
}

.three_lun_list ul li {
    position: relative;
    text-align: center;
    margin: 0 20px;
}

.three_lun_list ul li a {
    display: block;
}

.three_lun_list ul li span {
    display: block;
    line-height: 1.7;
    font-family: "MiSans-Regular";
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 14px;
    color: #fff;
}

.three_lun_list ul li .com-img img {
    display: block;
    width: 100%;
}

.three_lun_list ul li h3 {
    line-height: 1.7;
    font-family: "MiSans-Regular";
    font-weight: normal;
    font-size: 18px;
    color: #ffffff;
    padding: 20px 0;
}

/* 左右箭头 */
.three_lun_list .slick-arrow {position: absolute;top: 45%;width: 46px;height: 46px;margin-top: -23px;font-size: 0;outline: none;border: none; z-index: 999;}
.three_lun_list .slick-prev {left: -30px;background: url(http://cdn.myxypt.com/0e068ed2/23/04/0f08ebf5e1ba726c7c258ba4752fa7f4926a8f5b.png) no-repeat center;background-size:20px 35px;}
.three_lun_list .slick-next {right: -30px;background: url(http://cdn.myxypt.com/0e068ed2/23/04/7583cbdaf06eafc7e848d823b3ee25bd92aee635.png) no-repeat center;background-size:20px 35px;}




/*  */

.pw_four_tab {
    position: relative;
}

.pw_four_tab .pw_four_main {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.pw_four_tab .pw_four_main {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.pw_four_tab .pw_four_main.on {
    position: static;
    opacity: 1;
    visibility: visible;
}


/*  */

.pw_four_tab2 {
    position: relative;
}

.pw_four_tab2 .pw_four_main2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.pw_four_tab2 .pw_four_main2 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.pw_four_tab2 .pw_four_main2.on {
    position: static;
    opacity: 1;
    visibility: visible;
}


/*  */

.pw_four_tab3 {
    position: relative;
}

.pw_four_tab3 .pw_four_main3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.pw_four_tab3 .pw_four_main3 {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.pw_four_tab3 .pw_four_main3.on {
    position: static;
    opacity: 1;
    visibility: visible;
}


/* anli_show_wap */

.anli_show_wap {
    padding-bottom: 0px;
}

.anli_con {
    margin-bottom: 6.77083vw;
    position: relative;
}

.swiper_anli {
    position: relative;
}

.swiper_anli .swiper-slide {
    position: relative;
}

.swiper_anli .swiper-slide img {
    display: block;
    width: 100%;
}

.anli_con .swiper-pagination-progressbar {
    background: #b5b5b5;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 5px;
}

.anli_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #135394;
}

.sssob {
    padding-left: 270px;
    padding-right: 270px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 60px;
}

.anli_con .swiper-button-next,
.anli_con .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
}

.anli_con .swiper-button-prev {
    background: url(../images/x-prev3.png) no-repeat center;
    left: 290px;
}

.anli_con .swiper-button-next {
    background: url(../images/x-next3.png) no-repeat center;
    right: 290px;
}


/*  */

.pl270 {
    padding-left: 14.0625vw;
}

.pr270 {
    padding-right: 14.0625vw;
}

@media (max-width:1366px) {
    .pl270 {
        padding-left: 3.125vw;
    }
    .pr270 {
        padding-right: 3.125vw;
    }
}


/* pala */

.pala {
    position: relative;
    margin-bottom: 6.77083vw;
}

.pala ul {
    position: relative;
    display: flex;
}

.pala ul li {
    position: relative;
    background: #262626;
    padding: 40px;
    flex: 1;
}

.pala ul li+li {
    margin-left: 2px;
}

.pala ul li span {
    display: block;
    font-family: "MiSans-Regular";
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.pala ul li h3 {
    display: inline-block;
    font-weight: normal;
    font-family: "MiSans-Regular";
    font-size: 14px;
    color: #fff;
    margin-bottom: 50px;
    border-bottom: 4px solid #00599c;
}

.pala ul li div {
    display: block;
    font-weight: normal;
    font-family: "MiSans-Regular";
    font-size: 14px;
    color: #fff;
    margin-bottom: 4.166vw;
}


/* pw2_partner */

.pw2_partner {
    position: relative;
}

.pw2_partner_list {
    position: relative;
    padding-bottom: 8.333vw;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 999;
    display: flex;
}

.pw2_partner_list::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 15.625vw;
    z-index: 0;
    background: #161616;
    content: "";
}

.pw2_partner_list li {
    position: relative;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px 10px;
    padding: 3.125vw;
    padding-top: 7.8125vw;
}

.pw2_partner_list li h3 {
    font-size: 1.71875vw;
}

.pw2_partner_list li .puuc {
    border-bottom: 2px solid #00599c;
    padding: 10px 0;
    margin-bottom: 3.125vw;
}

.pw2_partner_list li .puuc span {
    display: block;
    font-family: "MiSans-Light";
    font-size: 16px;
    color: #fff;
}

.pw2_partner_list li .pbbc {
    font-family: "MiSans-Light";
    line-height: 1.7;
    font-size: 16px;
    color: #fff;
    margin-bottom: 7.8125vw;
    min-height: 110px;
}

.pw2_partner_list li em {
    font-weight: normal;
    font-family: "MiSans-Light";
    font-style: inherit;
    color: #00599c;
    font-size: 16px;
}


/* pw2_four */

.pw2_four {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.pw2_four_left {
    position: relative;
    width: 50%;
}

.pw2_four_left img {
    display: block;
    width: 100%;
    height: 100%;
}

.pw2_four_right {
    position: relative;
    background: #f4f4f4;
    padding: 5.72916vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
}

.pw2_four_right span {
    display: block;
    font-family: "MiSans-Light";
    text-transform: uppercase;
    font-size: 13px;
    color: #000000;
}

.pw2_four_right h3 {
    font-size: 1.875vw;
    font-weight: normal;
    margin-bottom: 3.125vw;
    padding-bottom: 20px;
    position: relative;
    color: #010101;
}

.pw2_four_right h3::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 95px;
    height: 4px;
    background: #b5b5b5;
    content: "";
}

.pw2_four_right .s {
    font-size: 18px;
    color: #010101;
    line-height: 1.7;
    font-family: "MiSans-Light";
}


/* pw2_five */

.pw2_five {
    position: relative;
    background: url(../images/pw2_five_bg.jpg) no-repeat;
    background-size: cover;
    padding: 8.333vw 0 7.8125vw;
}

.max1050 {
    max-width: 1050px;
    margin: 0 auto;
}

.pw2_five_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.pw2_five_list li {
    position: relative;
    width: calc(100%/4 - 20px);
    margin: 0 10px 3.125vw 10px;
    text-align: center;
}

.pw2_five_list li+li::before {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/jian9.png) no-repeat;
    content: "";
    width: 25px;
    height: 10px;
}

.pw2_five_list li:nth-child(5):before {
    display: none;
}

.pw2_five_list li h3 {
    margin-bottom: 10px;
    font-weight: normal;
}

.pw2_five_list li .yquan {
    border: 5px solid #135394;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pw2_five_list li .yquan div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pw2_five_list li .yquan div img {
    max-width: 78px;
}

@media (max-width:1366px) {
    .pw2_five_list li .yquan {
        width: 140px;
        height: 140px;
    }
    .pw2_five_list li .yquan div img {
        max-width: 68px;
    }
}

@media (max-width:992px) {
    .pw2_five_list li .yquan {
        width: 110px;
        height: 110px;
    }
    .pw2_five_list li .yquan div img {
        max-width: 48px;
    }
    /* 可加盟城市 */
    .join_city_wap {
        flex-wrap: wrap;
        padding: 0px;
    }
    .join_city_left {
        width: 100%;
    }
    .join_city_right {
        width: 100%;
    }
    .query_select_wap select {
        line-height: 40px;
        height: 40px;
    }
}

@media (max-width:768px) {
    .pw2_five_list li .yquan {
        width: 100px;
        height: 100px;
    }
    .pw2_five_list li .yquan div img {
        max-width: 38px;
    }
    /* 公司治理 */
    .download_tab li {
        padding: 10px 0;
        border-bottom-width: 1px;
    }
    .download_tab li a {
        font-size: 15px;
    }
    .download_list_xs li .flex-item {
        padding: 20px 15px;
    }
    .download_list_xs li .item-img {
        width: 150px;
    }
    .download_list_xs li .item-text {
        width: calc(100% - 150px);
    }
    .download_list_xs li .item-text h3 {
        font-size: 16px;
    }
    .download_list_xs li .item-text .item-time span {
        font-size: 12px;
        color: #135394;
    }
    .download_list_xs li .item-text h3 {
        margin-top: 0px;
        font-size: 12px;
    }
    .download_list_xs li .item-text>span {
        font-size: 14px;
    }
    /* 投资者接待 */
    .reception_con {
        align-items: center;
        padding: 40px 10px;
    }
    .jdai_left {
        width: 35%;
        border-right: none;
        padding: 0 10px;
    }
    .jdai_right {
        width: 60%;
        padding-left: 0px;
    }
    .jdai_right .kk1 {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 20px;
    }
    .jdai_right .kk2 a {
        font-size: 16px;
    }
    /* 校园招聘 */
    .joinus_list li>div {
        width: 100%;
    }
    .joinus_text .aaaflex {
        padding: 50px 30px;
        background-color: #e4e4e4;
    }
    .jjus_top h2 {
        font-family: "MiSans-Regular";
        font-weight: normal;
        text-align: center;
        font-size: 25px;
    }
    .jjus_top h2::before {
        height: 2px;
        left: 50%;
        width: 100px;
        transform: translateX(-50%);
    }
    .jjus_mid,
    .jjus_bom {
        text-align: center;
        margin: 30px 0;
    }
    .joinus_list li.even {
        flex-direction: column-reverse;
    }
    .joinus_list li.odd .jjus_top h2::before {
        height: 2px;
        width: 100px;
        right: auto;
        left: 50%;
    }
}


/* pw2_six */

.pw2_six {
    position: relative;
    background: url(../images/pw2_six_bg.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 5.2083vw;
}


/*  */

.x-message-wrap4 {
    max-width: 1000px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.x-message-wrap4 .row {
    margin-left: -15px;
    font-size: 0;
    margin-right: -15px
}

.x-message-wrap4 div[class^='col-'] {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.x-message-wrap4 .sbiao {
    width: 90px;
    display: block;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.x-message-wrap4 input[type='text'],
.x-message-wrap4 textarea {
    width: calc(100% - 90px);
    height: 45px;
    border: none;
    padding: 0 0px;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    background: transparent;
    outline: none;
    margin-bottom: 0;
    border: none;
    border-bottom: 2px solid #fff;
}

.x-message-wrap4 input[type='text']::-webkit-input-placeholder,
.x-message-wrap4 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap4 input[type='text']:-ms-input-placeholder,
.x-message-wrap4 textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap4 input[type='text']::-ms-input-placeholder,
.x-message-wrap4 textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap4 input[type='text']::placeholder,
.x-message-wrap4 textarea::placeholder {
    color: rgba(255, 255, 255, .8);
}

.x-message-wrap4 textarea {
    padding-top: 15px;
    height: 80px;
    resize: none
}

.x-message-wrap4 .code-group {
    padding-left: 0px;
}

.x-message-wrap4 #checkcode {
    float: right;
    width: calc(100% - 130px);
    margin-bottom: 0;
}

.x-message-wrap4 #checkCodeImg2 {
    float: left;
    display: block;
    text-align: center;
    width: 120px;
    height: 45px;
    font-size: 0;
    background: #e7e4e4;
    margin-right: 10px;
    padding: 0px;
}

.x-message-wrap4 .x-submit {
    display: block;
    margin: 0 auto;
    margin-top: 5.2083vw;
    width: 170px;
    height: 54px;
    background: #113674;
    color: #fff;
    font-size: 24px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-message-wrap4 .x-submit:hover {
    background: #113674
}

.x-message-wrap4 .n-default .x-textarea .msg-wrap {
    top: 10px;
}

.x-message-wrap4 .anpai {
    color: #fff;
    font-size: 20px;
    font-family: "MiSans-Light";
    padding: 20px 0;
}

.x-message-wrap4 .money_class {
    margin-bottom: 30px;
}

.x-message-wrap3 .money_class .sbiao {
    width: 200px;
}

.x-message-wrap4 .money_class input[type='text'] {
    width: calc(100% - 200px);
}

.x-message-wrap4 .max-120 {
    width: calc(100% - 120px);
}

.x-message-wrap4 .max-200 {
    width: calc(100% - 200px);
}

.x-message-wrap4 .form-control {
    border-radius: 0px;
    background-color: #1b1b1b;
    border-color: #2978d6;
    height: 50px;
}

.mb60 {
    margin-bottom: 3.125vw;
}

.choose_province {
    width: 46%;
}

.choose_city {
    width: 46%;
}

.choose_province .form-control,
.choose_city .form-control {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}

.x-message-wrap4 select:focus {
    box-shadow: none;
}

.ghgh {
    width: calc(100% - 90px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*  */

.x-message-wrap4 select {
    /*取消默认箭头开始*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*取消默认箭头结束*/
    color: #ffffff;
    font-family: "MiSans-Light";
    font-size: 18px;
    /* 文本居中*/
    background: url(../images/wrap4_select_down.png) no-repeat right 15px center;
}

.x-message-wrap4 select:focus {
    background: url(../images/wrap4_select_down.png) no-repeat right 15px center;
}

.x-message-wrap4 option::-ms-expand {
    display: none;
}

.x-message-wrap4 option {
    font-family: "MiSans-Light";
    background-color: #1b1b1b;
    height: 60px;
    font-size: 16px;
    color: #fff;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    appearance: none;
}

@media (max-width:768px) {
    /* 整装渠道 */
    .mob_power1.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .power_tab li {
        padding: 10px 0;
    }
    .power_tab li a {
        font-size: 16px;
        font-family: "MiSans-Regular";
    }
    .mob_power1 .pw_title h3 {
        font-size: 22px!important;
        margin-bottom: 10px;
    }
    .mob_power1 .pw_title p {
        font-size: 14px;
    }
    .mob_power1 .pw_one {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pw_two_left,
    .pw_two_right {
        width: 100%;
    }
    .mob_power1 .pw_two_right {
        background: #e4e4e4;
        padding: 50px 20px;
    }
    .mob_power1 .pw_two_right div .flex-center {
        display: none;
    }
    .mob_power1 .pw_two_right h3 {
        font-size: 22px;
        font-family: "MiSans-Regular";
    }
    .mob_power1 .pw_two_right .s {
        font-size: 15px;
        text-align: justify;
    }
    .mob_power1 .pw_three {
        padding-top: 50px;
    }
    .mob_power1 .mob_pw_three_title {
        padding: 50px 20px;
    }
    .mob_power1 .pw_three_title h3 {
        font-size: 22px;
        font-family: "MiSans-Regular";
        margin-bottom: 30px;
    }
    .mob_power1 .pw_three_title .s {
        font-size: 14px;
        text-align: justify;
    }
    .mob_eight_list li {
        margin-bottom: 30px;
    }
    .mob_eight_list li h3 {
        font-size: 14px;
        font-family: "MiSans-Regular";
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_eight_list li .yquan {
        width: 80px;
        height: 80px;
        border-width: 2px;
    }
    .mob_eight_list li .yquan div img {
        max-width: 30px;
    }
    .mob_qqlh {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_power1 .pw_four_title h3 {
        font-size: 30px!important;
        font-family: "MiSans-Light";
    }
    .mob_power1 .pw_four_title p {
        font-size: 18px!important;
        font-family: "MiSans-Regular";
    }
    .pw_four_title .hd {
        border-bottom-width: 1px;
        margin: 60px 20px;
    }
    .pw_four_title .hd li::before {
        bottom: -1px;
        height: 1px;
    }
    .pw_four_title .hd li {
        font-size: 15px;
    }
    .pw_four_tab .aa_title {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    .pw_four_tab .aa_title h3 {
        font-family: "MiSans-Regular";
        font-size: 20px!important;
        margin-bottom: 30px;
    }
    .pw_four_tab .aa_title .p {
        font-family: "MiSans-Light";
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .three_lun_list h2 {
        font-size: 16px;
        padding: 30px 0;
    }
    .three_lun_list ul {
        padding: 0 15px;
    }
    .three_lun_list ul li {
        margin: 0 10px;
    }
    .three_lun_list ul li h3 {
        font-size: 12px;
        padding: 10px 0;
    }
    .pw_four2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .anli_show_wap .anli_title h3 {
        margin-bottom: 30px;
        font-size: 22px!important;
        font-family: "MiSans-Regular";
    }
    .anli_con .swiper-button-next,
    .anli_con .swiper-button-prev {
        display: none!important;
    }
    .sssob {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 15px;
    }
    .anli_con .swiper-pagination-progressbar {
        height: 2px;
    }
    /* 整装渠道-招商加盟 */
    .mob_power2.pad200 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .mob_power2_title_aa {
        padding: 70px 20px;
        background: #141414;
    }
    .mob_power2_title_aa h3 {
        font-size: 22px;
        font-family: "MiSans-Regular";
    }
    .mob_power2_title_aa .s {
        font-family: "MiSans-Light";
        font-size: 14px;
    }
    /*  */
    .mob_power2_title_bb {
        padding-top: 60px;
    }
    .mob_power2_title_bb h3 {
        font-size: 22px;
        font-family: "MiSans-Regular";
    }
    .pw2_partner_list {
        padding-left: 0px;
        padding-right: 0px;
        flex-wrap: wrap;
    }
    .pw2_partner_list li {
        width: calc(100% - 00px);
        margin: 0 0px 20px 0px;
        padding: 30px 20px;
    }
    .pw2_partner_list li:nth-child(1) {
        background: url(../images/mob_pw2_s1.jpg) no-repeat;
        background-size: cover;
    }
    .pw2_partner_list li:nth-child(2) {
        background: url(../images/mob_pw2_s2.jpg) no-repeat;
        background-size: cover;
    }
    .pw2_partner_list li:nth-child(3) {
        background: url(../images/mob_pw2_s3.jpg) no-repeat;
        background-size: cover;
    }
    .pw2_partner_list li em {
        color: #fff;
        display: block;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .pw2_partner_list li h3 {
        font-size: 16px;
        padding-left: 0px;
        padding-right: 0px;
        font-weight: 400;
        font-family: "MiSans-Regular";
    }
    .pw2_partner_list li .puuc {
        padding: 20px 0;
        border-bottom-width: 1px;
    }
    .pw2_partner_list li .puuc span {
        font-size: 14px;
    }
    .pw2_partner_list li .pbbc {
        margin-bottom: 0px;
    }
    /*  */
    .pw2_four_left {
        width: 100%;
    }
    .pw2_four_right {
        width: 100%;
        padding: 60px 30px;
    }
    .pw2_four_right h3 {
        font-size: 22px;
        padding-bottom: 10px;
        font-family: "MiSans-Regular";
        margin-bottom: 30px;
    }
    .pw2_four_right .s {
        font-size: 14px;
    }
    /*  */
    .pw2_five {
        background: url(../images/mob_pw2_five_bg.jpg) no-repeat;
        background-size: cover;
    }
    .mob_mosk {
        padding: 60px 0 30px;
    }
    .mob_mosk h3 {
        font-size: 25px;
        color: #fff;
        font-family: "MiSans-Regular";
        font-weight: 400;
    }
    .mob_pw2_five_list2 li {
        width: calc(100%/4 - 30px);
        margin: 0 15px 30px 15px;
    }
    .mob_pw2_five_list2 li h3 {
        font-size: 14px;
        font-weight: normal;
        padding-left: 0px;
        padding-right: 0px;
        height: 40px;
        font-family: "MiSans-Regular";
    }
    .mob_pw2_five_list2 li .yquan {
        width: 60px;
        height: 60px;
        border-width: 2px;
    }
    .mob_pw2_five_list2 li .yquan div img {
        max-width: 28px;
    }
    .mob_pw2_five_list2 li+li::before {
        background: url(../images/mob_jian9.png) no-repeat;
        top: 70%;
        left: -22px;
        width: 17px;
        height: 7px;
    }
    /*  */
    .pw2_six {
        background: url(../images/mob_pw2_six_bg.jpg) no-repeat;
        padding-top: 100px;
        padding-bottom: 50px;
        background-size: cover;
    }
    .pw2_six div h3 {
        font-size: 26px;
        font-family: "MiSans-Regular";
    }
    .x-message-wrap4 .sbiao {
        font-size: 16px;
        width: 80px;
        line-height: 40px;
        text-align: left;
    }
    .x-message-wrap4 input[type='text'],
    .x-message-wrap4 textarea {
        width: calc(100% - 80px);
        border-bottom-width: 1px;
        border-color: #dedede;
        font-size: 14px;
        height: 40px;
    }
    .ghgh {
        width: calc(100% - 80px);
    }
    .choose_province .form-control,
    .choose_city .form-control {
        height: 40px;
        font-size: 14px;
        border-bottom-width: 1px;
        border-color: #dedede;
        padding: 0px;
    }
    .x-message-wrap4 option {
        font-size: 14px;
        height: 40px;
    }
    .x-message-wrap4 .code-group {
        margin-top: 20px;
    }
    .x-message-wrap4 #checkCodeImg2 {
        width: 70px;
        height: 35px;
        margin-right: 15px;
    }
    .x-message-wrap4 #checkcode {
        height: 35px;
        width: calc(100% - 85px);
    }
    .x-message-wrap4 .x-submit {
        width: 150px;
        height: 45px;
        font-size: 18px;
        margin-top: 50px;
    }
    .x-message-wrap4 .anpai {
        font-size: 12px;
        letter-spacing: 2px;
    }
}


/*  */

.mob_pala ul {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
}

.mob_pala ul li {
    position: relative;
    border-bottom: 1px solid #303030;
    padding: 25px 0;
}

.mob_pala ul li .mob_flex_sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.mob_pala ul li span {
    display: block;
    position: relative;
    font-family: "MiSans-Light";
    font-size: 18px;
    color: #fff;
}

.mob_pala ul li span::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    margin-right: 5px;
    vertical-align: 2px;
    border-radius: 50%;
}

.mob_pala ul li span em {
    font-style: inherit;
    font-size: 12px;
}

.mob_pala ul li h3 {
    font-weight: normal;
    font-family: "MiSans-Light";
    font-size: 14px;
    color: #fff;
}

.mob_pala ul li .fi {
    font-weight: normal;
    font-family: "MiSans-Light";
    font-size: 14px;
    color: #fff;
}


/* 门店查询 */

.cityList {
    height: 58px;
    position: relative;
}

.cityList .ressss {
    /*appearance: menulist-button;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*opacity: 0;*/
    /*height: 58px;*/
    /*font-size: 16px;*/
}

.cityList ul {
    width: 927px;
    width: calc(100% - 220px);
    height: 58px;
    float: left;
    display: flex;
}

.cityList ul li {
    float: left;
    width: calc(25% - 2px);
    width: calc(50% - 2px);
    margin-right: 2px;
    background: #3a3a3a;
    position: relative;
}

.customSelect {
    color: #666;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    background: url(../images/select.png) no-repeat 90% center;
    padding: 0 15px 0 15px;
    width: 100%;
}

.customSelectInner {
    cursor: pointer;
    line-height: 58px;
    text-align: left;
    font-size: 20px;
    color: #fff;
    width: 100% !important;
}

.citySearch {
    float: right;
    display: block;
    width: 215px;
    height: 58px;
    line-height: 58px;
    color: #fff;
    outline: none;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    background: #00559c;
    border: 0;
}

.citySearch:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/**/

.map2021 {
    position: relative;
    margin-top: 22px;
    padding: 70px 0px 80px;
    box-sizing: border-box;
    background-color: transparent;
}

.map2021 .map-content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -1.5625vw;
    min-height: auto!important;
}

.map2021 .map-content .content-box {
    width: calc(50% - 3.125vw);
    margin: 0 1.5625vw 4.166vw 1.5625vw;
    box-sizing: border-box;
    display: block;
}

.map2021 .map-content .content-box .box {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background-color: #3a3a3a;
    transition: all .3s;
    display: block;
}

.map2021 .map-content .content-box .box .atop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

.map2021 .map-content .content-box .box .atop h3 {
    font-family: "MiSans-Regular";
    font-size: 20px;
    color: #fff;
}

.map2021 .map-content .content-box .box .atop .amap {
    width: 130px;
    line-height: 32px;
    border-radius: 30px;
    text-align: center;
    border: 2px solid #fff;
    font-family: "MiSans-Regular";
    font-size: 14px;
    color: #fff;
}

.map2021 .map-content .content-box .box .abottom {
    position: relative;
}

.map2021 .map-content .content-box .box .abottom .address {
    padding-top: 50px;
    background: url(../images/address1.png) no-repeat left top;
    font-family: "MiSans-Regular";
    font-size: 14px;
    color: #fff;
}

.color-white {
    color: #fff;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
}


/* pa3  */

.pa3_list_aa {
    position: relative;
    background: #111111;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
}

.pa3_list_aa ul {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #b9b9b9;
}

.pa3_list_aa ul li {
    position: relative;
    width: 50%;
    padding: 0 5.2083vw;
    padding-bottom: 20px;
    border-left: 1px solid #b9b9b9;
    display: flex;
    align-items: center;
}

.pa3_list_aa ul li h3 {
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}

.pa3_list_aa ul li h3::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fff;
    margin-right: 5px;
    vertical-align: 0px;
    border-radius: 50%;
}

.pa3_list_aa ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-family: "MiSans-Light";
}


/*  */

.pa3_list2 {
    display: flex;
    flex-wrap: wrap;
    background: #9a9592;
    padding: 3.125vw 13.0283vw;
    justify-content: space-between;
}

.pa3_list2 li {
    position: relative;
}

.pa3_list2 li span {
    color: #000000;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.pa3_list2 li h3 {
    color: #000000;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    font-family: "MiSans-Semibold";
    display: block;
}

.pa3_list2 li div {
    display: block;
    color: #000000;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
}


/* mt70 */

.mt70 {
    margin-top: 70px;
}

.dda {
    display: flex;
    flex-wrap: wrap;
    background: #111111;
    padding: 4.1666vw 5.2083vw;
    justify-content: space-between;
}

.dda li {
    position: relative;
    padding: 0 15px;
    border-left: 1px solid #b9b9b9;
    flex: 1;
}

.dda li:last-child {
    border-right: 1px solid #b9b9b9;
}

.dda li h3 {
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 15px;
    font-family: "MiSans-Medium";
}

.dda li p {
    color: #fff;
    font-size: 15px;
    font-family: "MiSans-Light";
    line-height: 1.5;
}

.dda2 li {
    padding: 0 1.5625vw;
}


/*  */

.pr-four-list2 {
    position: relative;
}

.pr-four-list2 li {
    margin-bottom: 6.25vw;
    position: relative;
    z-index: 99;
}

.pr-four-list2 li:nth-child(1)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #9a9592;
    width: 59vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list2 li:nth-child(2)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #8c7f72;
    width: 59vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list2 li:nth-child(3)::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #586364;
    width: 59vw;
    height: 100%;
    z-index: -1;
}

.pr-four-list2 li .four-top {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.pr-four-list2 li .four-top .four-top-mid {
    width: 59vw;
    padding: 2.60416vw 2.60416vw 6.25vw 2.60416vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pr-four-list2 li .four-top .four-top-mid span {
    color: #000000;
    font-size: 1.35416vw;
    text-transform: uppercase;
}

.pr-four-list2 li .four-top .four-top-mid em {
    color: #000000;
    font-size: 1.35416vw;
    font-style: inherit;
}

.four-bottom2 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.four-bottom2 .four_img {
    width: 67.34vw;
}

.four-bottom2 .four-tees {
    width: 32.66vw;
    padding-left: 5.2083vw;
}

.four-bottom2 .four-tees h3 {
    font-size: 1.666vw;
    color: #000000;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 11.625vw;
}

.four-bottom2 .four-tees div {
    display: block;
    max-width: 400px;
    line-height: 1.7;
    color: #000;
    font-size: 0.9375vw;
    position: relative;
    padding-top: 25px;
}

.four-bottom2 .four-tees div::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background: #897970;
    width: 68px;
    height: 8px;
    z-index: 1;
}

.four-bottom2 .four-tees div p {
    margin-bottom: 15px;
}


/**/

.pr-four-list3 li:nth-child(1)::after {
    background: #dcdcdc;
    width: 59vw;
}

.pr-four-list3 li .four-top .four-top-mid {
    width: 59vw;
}

.pr-four-list3 .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pr-four-list3 .four-bottom .four-tees div::before {
    background: #b2b4b7;
}


/**/

.pr-four-list6 li:nth-child(1)::after {
    width: 59vw;
    background: #dcdcdc;
}

.pr-four-list6 li:nth-child(2)::after {
    width: 59vw;
    background: #444b55;
}

.pr-four-list6 li:nth-child(2) * {
    color: #fff!important;
}

.pr-four-list6 .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pr-four-list6 li:nth-child(1) .four-bottom .four-tees div::before {
    background: #b2b4b7;
}

.pr-four-list6 li:nth-child(2) .four-bottom .four-tees div::before {
    background: #4e555f;
}

.pr-four-list6 li:nth-child(3) .four-bottom .four-tees div::before {
    background: #454d4e;
}


/**/

.pr-four-list7 li {
    margin-bottom: 70px;
}

.pr-four-list7 li:nth-child(1)::after {
    width: 59vw;
    background: #dcdcdc;
}

.pr-four-list7 li:nth-child(2)::after {
    width: 59vw;
    background: #444b55;
}

.pr-four-list7 li:nth-child(2) * {
    color: #fff!important;
}

.pr-four-list7 li .four-top .four-top-mid {
    width: 59vw;
}

.pr-four-list7 .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pr-four-list7 li:nth-child(1) .four-bottom .four-tees div::before {
    background: #b2b4b7;
}

.pr-four-list7 li:nth-child(2) .four-bottom .four-tees div::before {
    background: #4e555f;
}

.pr-four-list7 li:nth-child(3) .four-bottom .four-tees div::before {
    background: #454d4e;
}


/**/

.pr-four-list11 li .four-top .four-top-mid {
    width: 59vw;
}

.pr-four-list11 li:nth-child(1)::after {
    width: 59vw;
    background: #dcdcdc;
}

.pr-four-list11 li:nth-child(2)::after {
    width: 59vw;
    background: #444b55;
}

.pr-four-list11 li:nth-child(3)::after {
    width: 59vw;
    background: #586364;
}

.pr-four-list11 li:nth-child(2) * {
    color: #fff!important;
}

.pr-four-list11 .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pr-four-list11 li:nth-child(1) .four-bottom .four-tees div::before {
    background: #b2b4b7;
}

.pr-four-list11 li:nth-child(2) .four-bottom .four-tees div::before {
    background: #4e555f;
}

.pr-four-list11 li:nth-child(3) .four-bottom .four-tees div::before {
    background: #454d4e;
}


/*mumeng*/

.mumeng {
    position: relative;
}

.pr_title21 {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
}

.pr_title21 h3 {
    font-size: 48px;
    color: #fff;
    line-height: 1;
    font-weight: 400;
}

.pr_title21 h4 {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
}

.lh {
    line-height: 1.7;
}

.lh2 {
    line-height: 2;
}

.meng_list {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 2.60416vw;
}

.meng_list li {
    position: relative;
    margin: 0 2.60416vw;
    flex: 1;
}

.meng_list li a {
    display: block;
}

.meng_list li a img {
    display: block;
    width: 100%;
}

.meng_list li h3 {
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-family: "MiSans-Light";
    color: #000000;
    bottom: 3.125vw;
    z-index: 999;
    font-weight: 300;
    width: 100%;
}


/**/

.mms_list {
    display: flex;
    background: #9a9592;
    padding: 3.125vw 11.4583vw;
    justify-content: space-between;
}

.mms_list li {
    position: relative;
}

.mms_list li span {
    color: #000000;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.mms_list li h3 {
    color: #000000;
    position: relative;
    font-weight: 600;
    font-size: 23px;
    display: block;
    font-family: "MiSans-Demibold";
}

.mms_list li div {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSans-Light";
}


/**/

.mms_list2 {
    display: flex;
    background: #9a9592;
    padding: 2.083vw 10.416vw;
    justify-content: space-between;
}

.mms_list2 li {
    position: relative;
    flex: 1;
}

.mms_list2 li:not(:last-child) {
    padding-right: 3.125vw;
}

.mms_list2 li span {
    color: #000000;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.mms_list2 li h3 {
    color: #000000;
    position: relative;
    font-weight: 600;
    font-size: 23px;
    display: block;
    font-family: "MiSans-Demibold";
}

.mms_list2 li div {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSans-Light";
}


/*  */

.mms_list3 {
    padding: 2.083vw 7.8125vw;
}


/* 全屋定制pc1 */

.pc2_bg1 {
    position: relative;
}

.pc2_bg1 img {
    display: block;
    width: 100%;
}

.pc2_bg1 .house_four_tit {
    position: absolute;
    width: 100%;
    top: 15.625vw;
    z-index: 999;
}

.pc2_bg1 .gfgf {
    position: absolute;
    width: 100%;
    bottom: 11.4583vw;
    z-index: 999;
}

.fz18vw {
    font-size: 1.875vw;
}

.house_five_pc2 {
    position: relative;
    padding-top: 10.4416vw;
}

.pc3_title {
    text-align: center;
    padding-top: 10.416vw;
    padding-bottom: 10.416vw;
}


/**/

.pc3-four-list li:nth-child(1)::after {
    background: #878a8d;
    width: 59vw;
}

.pc3-four-list li:nth-child(2)::after {
    background: #dcdcdc;
    width: 59vw;
}

.pc3-four-list li .four-top .four-top-mid {
    width: 59vw;
}

.pc3-four-list .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pc3-four-list .four-bottom .four-tees div::before {
    background: #b2b4b7;
}


/* pc3_con */

.pc3_con {
    background: #ececec;
    position: relative;
    padding-top: 9.375vw;
    padding-bottom: 15.625vw;
}


/* pc3_six_con */

.pc3_six_con {
    background: #141414;
    display: flex;
    justify-content: space-between;
    margin-top: 4.166vw;
}

.pc3_six_con_left {
    width: 50%;
}

.pc3_six_con_right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}


/* pc4_con_tu */

.pc4_con_tu {
    position: relative;
    margin-bottom: 6.25vw;
}

.flex-ju {
    display: flex;
    justify-content: center;
}

.pc4_line1 {
    position: relative;
    margin: 0 7.8125vw;
}

.pc4_line2 {
    position: relative;
    margin: 0 7.8125vw;
}

.pc4_line3 {
    position: relative;
    margin: 0 7.8125vw;
}

.pc4_line4 {
    position: relative;
    margin: 0 7.8125vw;
}

.pc4_line1::before {
    position: absolute;
    bottom: 50px;
    width: 9px;
    height: 14.32vw;
    content: "";
    left: 50%;
    margin-left: -4.5px;
    background: url(../images/pc4_line1.png) no-repeat bottom center;
    background-size: cover;
}

.pc4_line2::before {
    position: absolute;
    bottom: 50px;
    width: 9px;
    height: 22.5vw;
    content: "";
    left: 50%;
    margin-left: -4.5px;
    background: url(../images/pc4_line2.png) no-repeat bottom center;
    background-size: cover;
}

.pc4_line3::before {
    position: absolute;
    bottom: 50px;
    width: 10.52vw;
    height: 30.625vw;
    content: "";
    left: 4.9479vw;
    background: url(../images/pc4_line3.png) no-repeat bottom center;
    background-size: cover;
}

.pc4_line4::before {
    position: absolute;
    bottom: 50px;
    width: 10.10vw;
    height: 23.125vw;
    content: "";
    left: -4.427vw;
    background: url(../images/pc4_line4.png) no-repeat bottom center;
    background-size: cover;
}


/* pc4_four_list */

.pc4_four_list li:nth-child(1)::after {
    background: #121212;
    width: 59vw;
}

.pc4_four_list li .four-top .four-top-mid {
    width: 59vw;
}

.pc4_four_list .four-bottom .four-tees div {
    padding-right: 4.166vw;
}

.pc4_four_list .four-bottom .four-tees div::before {
    background: #c1c1c1;
}

.pc4_four_list li .four-top .four-top-mid span {
    color: #686868;
    font-size: 20px;
    text-transform: uppercase;
}

.pc4_four_list li .four-top .four-top-mid em {
    color: #686868;
    font-size: 20px;
    font-style: inherit;
}

.pc4_four_list li .four-bottom .four-tees h3 {
    color: #fff;
}

.pc4_four_list li .four-bottom .four-tees div {
    color: #fff;
}


/* pc4_six_con */

.pc4_six_con {
    background: #141414;
    display: flex;
    justify-content: space-between;
}

.pc4_six_con_left {
    width: 50%;
}

.pc4_six_con_right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.pr-four-list11 li {
    margin-bottom: 4.1666vw;
}


/*sidebar*/

#sidebar {
    position: fixed;
    z-index: 99999;
    right: 0px;
    bottom: 10%;
}

#sidebar li {
    width: 70px;
    height: 70px;
    text-align: center;
    position: relative;
}

#sidebar li:not(:last-child) a {
    background: url(../images/sidebar-xu1.png) no-repeat center bottom #00569c;
}

#sidebar li:nth-child(1) a {
    border-top-left-radius: 10px;
}

#sidebar li:last-child a {
    border-bottom-left-radius: 10px;
}

#sidebar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    overflow: hidden;
    background: #00569c;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

#sidebar li .icon-font {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-color: transparent;
}

#sidebar li .icon-bktop:after {
    background-position: 0 0px;
    background: url(../images/sidebar-bktop.png) no-repeat center;
}

#sidebar li .icon-home:after {
    background-position: 0 0px;
    background: url(../images/sidebar-ic1.png) no-repeat center;
}

#sidebar li .icon-design:after {
    background-position: 0 0px;
    background: url(../images/sidebar-ic2.png) no-repeat center;
}

#sidebar li .icon-address:after {
    background-position: 0 0px;
    background: url(../images/sidebar-ic3.png) no-repeat center;
}
#sidebar li .icon-jion:after {
    background-position: 0 0px;
    background: url(../images/sidebar-ic4.png) no-repeat center;
}
#sidebar li .icon-tianmao:after {
    background-position: 0 0px;
    background: url(../images/sidebar-ic5.png) no-repeat center;
}

#sidebar li .icon-morefw{
    width: 25px;
    height: 25px;
}

#sidebar li .icon-morefw:after {
    background-position: 0 0px;
    background: url(../images/sidebar-morefw.png) no-repeat center;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    left: 0px;
    top: 0px;
}

#sidebar li .icon-moreclose:after {
    background-position: 0 0px;
    background: url(../images/moreclose.png) no-repeat center;
    background-size: 30px 30px;
}


#sidebar li .wz {
    display: block;
    line-height: 27px;
    font-size: 12px;
    color: #fff;
}

#sidebar li:hover a,
#sidebar li.active a {
    background-color: #0a406c;
}


/*mob_sjs*/
.mob_sjs{
    display: none;
}

#morefw a{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
#moreclose a{
  display: flex!important;
  align-items: center;
  justify-content: center;
}


/* 弹窗 */
#eject {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 99999;
    display: none;
}

.max1040 {
    max-width: 1040px;
    margin: 0 auto;
}

.ejj-wap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.ejj {
    padding: 60px 0 30px;
    background: #252525;
    border-radius: 10px;
    height: 410px;
}

.close_xx {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/home_close_xx.png) no-repeat center;
    cursor: pointer;
    z-index: 999;
}

.ejj1 {
    position: relative;
}

.ejj1 {
    color: #00569c;
    font-size: 22px;
    letter-spacing: 2.60416vw;
    padding-left: 2.60416vw;
    margin-bottom: 15px;
}
.ejj2{
    margin-bottom: 50px;
}
.ejj2 span{
    padding: 7px 15px;
    background: #2f2f2f;
    border-radius: 15px;
    text-transform: uppercase;
    color: #d8d8d8;
    font-size: 12px;
}

.ejj3 {
    width: 630px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.6042vw;
}

.ejj33{
    margin-bottom: 10px;
}

.ejj3_aa {
    width: 170px;
    font-size: 14px;
    line-height: 1.7;
    color: #bababa;
}
.ejj3_bb {
    width: calc(100% - 180px);
}
.ejj3_bb2 {
    width: 100%;
}
.ejj4 {
    color: #d8d8d8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 5px;
    opacity: .5;
}



/*  */
.x-message-ejj4 {
    margin-left: 0px;
    margin-right: 0px
}
.x-message-ejj4 .row {
    margin-left: -5px;
    font-size: 0;
    margin-right: -5px
}
.x-message-ejj4 div[class^='col-'] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.x-message-ejj4 input[type='text'],
.x-message-ejj4 textarea {
    width: 100%;
    height: 33px;
    border: none;
    padding: 0 15px;
    font-size: 14px;
    color: #bababa;
    background: #303030;
    outline: none;
    margin-bottom: 10px;
    border-radius: 5px;
}
.x-message-ejj4 input[type='text']::-webkit-input-placeholder,
.x-message-ejj4 textarea::-webkit-input-placeholder {
    color: #bababa
}
.x-message-ejj4 input[type='text']:-ms-input-placeholder,
.x-message-ejj4 textarea:-ms-input-placeholder {
    color: #bababa
}
.x-message-ejj4 input[type='text']::-ms-input-placeholder,
.x-message-ejj4 textarea::-ms-input-placeholder {
    color: #bababa
}
.x-message-ejj4 input[type='text']::placeholder,
.x-message-ejj4 textarea::placeholder {
    color: #bababa;
}
.x-message-ejj4 textarea {
    padding-top: 10px;
    height: 135px;
    resize: none
}
.x-message-ejj4 .submit2{
    text-align: right;
}
.x-message-ejj4 .x-submit {
    margin-top: 0px;
    width: 100px;
    height: 33px;
    background: #00569c;
    color: #fff;
    font-size: 12px;
    border: none;
    outline: none;
    border-radius: 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.x-message-ejj4 .x-submit:hover {
    background: #00569c
}



/**/
.check-ewm{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.check-ewm .check-img{
    margin-bottom: 20px;
}
.check-ewm .check-img img{
    max-width: 138px;
}

.check-ewm .check-text{
    font-size: 13px;
    color: #bababa;
    line-height: 1.7;
}



/*tab-click*/
.tab-click{
    display: flex;
    justify-content: center;
}
.tab-click li{
    position: relative;
    text-align: center;
    margin: 15px 25px;
}
.tab-click li span{
    cursor: pointer;
    background: #2f2f2f;
    letter-spacing: 5px;
    border-radius: 10px;
    padding: 5px 70px;
    font-size: 16px;
    color: #fff;
}

.tab-click li.on span{
    background-color: #00569c;
}



/*  */
.x-message-ejj3 {
    margin-left: 0px;
    margin-right: 0px
}

.x-message-ejj3 .row {
    margin-left: -5px;
    font-size: 0;
    margin-right: -5px
}

.x-message-ejj3 div[class^='col-'] {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.x-message-ejj3 input[type='text'],
.x-message-ejj3 textarea {
    width: 100%;
    height: 33px;
    border: none;
    padding: 0 15px;
    font-size: 14px;
    color: #bababa;
    background: #303030;
    outline: none;
    margin-bottom: 10px;
    border-radius: 5px;
}

.x-message-ejj3 input[type='text']::-webkit-input-placeholder,
.x-message-ejj3 textarea::-webkit-input-placeholder {
    color: #bababa
}

.x-message-ejj3 input[type='text']:-ms-input-placeholder,
.x-message-ejj3 textarea:-ms-input-placeholder {
    color: #bababa
}

.x-message-ejj3 input[type='text']::-ms-input-placeholder,
.x-message-ejj3 textarea::-ms-input-placeholder {
    color: #bababa
}

.x-message-ejj3 input[type='text']::placeholder,
.x-message-ejj3 textarea::placeholder {
    color: #bababa;
}

.x-message-ejj3 textarea {
    padding-top: 10px;
    height: 75px;
    resize: none
}

.x-message-ejj3 #checkcode {
    float: left;
    width: 72.29813665%;
    margin-bottom: 0;
}

.x-message-ejj3 #checkCodeImg2 {
    float: right;
    display: block;
    text-align: center;
    width: 25.39130435%;
    height: 33px;
    font-size: 0;
    background: #00569c;
    padding: 0px;
}

.x-message-ejj3 .x-submit {
    margin-top: 0px;
    width: 100%;
    height: 33px;
    background: #00569c;
    color: #fff;
    font-size: 12px;
    border: none;
    outline: none;
    border-radius: 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-message-ejj3 .x-submit:hover {
    background: #00569c
}

.x-message-ejj3 .n-default .x-textarea .msg-wrap {
    top: 10px;
}

.x-message-ejj3 .code-group {
    padding-left: 10px;
}


/* mobile */

.xymob-clo {
    position: fixed;
    bottom: 50px;
    left: 50%;
    width: 87px;
    margin-left: -43.5px;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 0 15px 10px rgb(255 255 255 / 30%);
}

.xymob-clo img {
    width: 87px;
    height: 87px;
    border-radius: 50%;
}

.xymob-clo .menu_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-family: "Regular";
    -webkit-transition: all .5s;
    transition: all .5s;
    caret-color: rgba(0, 0, 0, 0);
}

.xymob-clo .menu_text i {
    font-style: inherit;
    font-size: 13px;
    position: relative;
    display: inline-block;
    font-family: "VariableFont_wght";
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-clo .menu_text span {
    width: 20px;
    height: 20px;
    background: url(../images/xxx.png) no-repeat center;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-clo .menu_text i {
    display: none;
}

.xymob-clo .menu_text span {
    display: block;
}

@media (max-width:992px) {
    .x-banner .owl-carousel .owl-dots {
        /* display: block; */
    }
    .x-banner .owl-carousel .owl-dots button.owl-dot {
        background: url(../images/x-banner-aa1.png) no-repeat center;
        width: 24px;
        height: 24px;
        opacity: 1;
    }
    .x-banner .owl-carousel .owl-dots button.owl-dot:hover {
        opacity: 1;
        background: url(../images/x-banner-aa2.png) no-repeat center;
    }
    .x-banner .owl-carousel .owl-dots button.owl-dot.active {
        opacity: 1;
        background: url(../images/x-banner-aa2.png) no-repeat center;
    }
    /* 手机门店查询 */
    .mob_store_baner .coop_baner_title2 {
        font-size: 22px;
    }
    .cityList {
        height: auto;
    }
    .cityList ul {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        margin: 0 -5px;
        float: none;
    }
    .cityList ul li {
        width: calc(50% - 10px);
        margin: 0px 5px 10px 5px;
    }
    .citySearch {
        float: none;
        margin: 0 auto;
        width: 200px;
        margin-top: 30px;
    }
    .map2021 {
        margin-top: 0px;
    }
    .map2021 .map-content {
        margin: 0px;
    }
    .map2021 .map-content .content-box {
        width: calc(100% - 0px);
        margin: 0 0 30px 0;
    }
    .map2021 .map-content .content-box .box .atop {
        margin-bottom: 60px;
    }
}


@media (max-width:768px) {
    .ejj{
        padding:30px 10px 0px;
        height:500px;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
    }
    .ejj2{
        margin-bottom:10px;
    }
    .ejj2 span{
        padding: 3px 15px;
    }
    .ejj-wap{
        width:90%;
    }
    .x-message-ejj3 input[type='text']{
        height:28px;
    }
    .x-message-ejj3 .code-group{
        margin-bottom:15px;
    }
    .x-message-ejj3 .x-submit{
        width:100px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    
    .ejj3{
        width:100%;
        flex-wrap:wrap;
        flex-direction:column-reverse;
    }
    .ejj3_aa{width:100%;text-align:center;padding:15px 0 5px;font-size:12px;}
    .ejj3_bb{width:100%;padding:0 20px;}
    
    .ejj33{padding:0 30px;}
    
    
    .tab-click li{margin:0px 0;width:33.33%;}
    .tab-click li span{padding:15px 0px;display:block;border-radius:0px;font-size:14px;}
    .tab-click li:nth-child(1) span{border-bottom-left-radius:10px;}
    .tab-click li:nth-child(3) span{border-bottom-right-radius:10px;}
    
    
    .check-ewm{padding:30px 0;padding-top:60px;}
    
    .ejj33{margin:30px 0;}
    
    .x-message-ejj4 textarea{
        height:260px;
    }
    
    .ejj1{
        font-size:18px;
        letter-spacing:20px;
    }
    .x-message-ejj3 #checkCodeImg2{
        height:28px;
    }
    
}




/* 手机品牌资讯 */

.ipp {
    padding-left: 30px;
}

.mob_brnews_bb_list_wap {
    overflow: hidden;
}

.mob_brnews_bb_list {
    position: relative;
}

.mob_brnews_bb_list li {
    position: relative;
}

.mob_brnews_bb_list li a {
    display: block;
}

.mob_brnews_bb_list li .com-img img {
    display: block;
    width: 100%;
}

.mob_brnews_bb_list li .benews_text2 {
    position: relative;
    padding: 20px 0;
}

.mob_brnews_bb_list li .benews_text2 .cu-cname {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.mob_brnews_bb_list li .benews_text2 .cu-cname span {
    display: block;
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    padding: 3px 10px;
    background: #135394;
}

.mob_brnews_bb_list li .benews_text2 h3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "MiSans-Regular";
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 1.3;
    font-size: 16px;
    color: #000;
}

.mob_brnews_bb_list li .benews_text2 .br-time {
    font-family: "MiSans-Regular";
    font-size: 12px;
    color: #000;
}

.mob_brnews_bb_list li:hover .benews_text2 h3 {
    text-decoration: underline;
}


/* 手机品牌资讯 */

.mob_brnews_wap {
    margin-bottom: 50px;
}

.mob_brnews_aa_list {
    margin-bottom: 50px;
}

.mob_brnews_sort {
    padding-top: 30px;
    margin-bottom: 30px;
}

.mob_brnews_sort li {
    position: relative;
    padding-top: 2.083vw;
    text-align: center;
}

.mob_brnews_sort li a {
    display: block;
    font-size: 25px;
    font-weight: 400;
    font-family: "MiSans-Regular";
    color: #000;
}


/* 手机品牌中心-选项卡 */

.mob_brand_tab {
    position: relative;
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.ipp_one div h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: "MiSans-Regular";
}

.mob_brand_main {
    padding: 0px;
}

.mob_brand_main .inner-grid-wrap {
    margin-bottom: 0px;
}

.mob_brand_main li {
    position: relative;
    border-top: 1px solid #6f6f6f;
}

.mob_lang_title {
    font-size: 20px;
    font-family: "MiSans-Regular";
    padding: 0 20px;
    line-height: 50px;
}

.mob_lang_down {
    font-size: 0px;
    color: #000000;
    font-weight: normal;
    font-family: "MiSans-Thin";
    cursor: pointer;
    position: absolute;
    width: 32px;
    height: 50px;
    line-height: 32px;
    right: 20px;
    top: 0;
    text-align: center;
    background: url(../images/mob_lang_down.png) no-repeat center;
    z-index: 9
}

.mob_lang_down.clicked {
    background: url(../images/mob_lang_down2.png) no-repeat center;
}

.inner-grid-wrapper .xymob-sub-menu2s {
    padding: 20px;
    display: none;
}

.inner-grid-wrapper .year {
    font-size: 30px;
}

.inner-grid-wrapper .desc {
    font-size: 14px;
    font-weight: normal;
    font-family: "MiSans-Regular";
}

.inner-grid-wrapper .opo {
    font-weight: normal;
    font-size: 14px;
    font-family: "MiSans-Regular";
}


/* 手机产品 */

.mob_pa1_ {
    position: relative;
}

.mob_pa1_ .pr-four-list li:nth-child(1)::after,
.mob_pa1_ .pr-four-list li:nth-child(2)::after {
    display: none;
}

.mob_pa1_ .pr-four-list li .four-top .four-top-mid {
    padding: 30px 20px;
    width: 100%;
    display: block;
    text-align: center;
}

.mob_pa1_ .pr-four-list li .four-top .four-top-mid span {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.mob_pa1_ .pr-four-list li .four-top .four-top-mid em {
    color: #fff;
    font-size: 14px;
}

.mob_pa1_ .four-bottom {
    display: block;
    background: #9a9592;
}

.mob_pa1_ .four-bottom .four_img {
    width: 80%;
    margin: 0 auto;
}

.mob_pa1_ .four-bottom .four-tees {
    width: 100%;
    padding: 80px 20px 40px;
    text-align: center;
}

.mob_pa1_ .four-bottom .four-tees h3 {
    margin-bottom: 10px;
    font-size: 26px;
}

.mob_pa1_ .four-bottom .four-tees div {
    max-width: 100%;
    text-align: center;
    font-size: 16px;
}

.mob_pa1_ .four-bottom .four-tees div::before {
    display: none;
}

.mob_pa1_ .pr-four-list li:nth-child(2) .four-bottom {
    background-color: #8c7f72;
}


/*  */

.mob_pr_five_con {
    position: relative;
}

.mob_pf_five_top {
    z-index: 10;
    position: relative;
    margin-bottom: 50px;
}

.mob_pf_five_top ul,
.mob_pf_five_top2 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0px;
}

.mob_pf_five_top ul {
    background: url(../images/mob_104.png) no-repeat center bottom;
    padding-bottom: 240px;
    position: relative;
    z-index: 999;
}

.mob_pf_five_top2 ul {
    background: url(../images/mob_104.png) no-repeat center bottom;
    padding-bottom: 240px;
    position: relative;
    z-index: 999;
}

.mob_pf_five_top ul li,
.mob_pf_five_top2 ul li {
    position: relative;
    text-align: center;
}

.mob_pf_five_top ul li h3,
.mob_pf_five_top2 ul li h3 {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: "MiSans-Regular";
}

.mob_pf_five_top ul li span,
.mob_pf_five_top2 ul li span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-family: "MiSans-Regular";
}

.mob_five-big-img {
    margin-top: -20px;
    z-index: 9;
    position: relative;
}


/*mob_pr_six*/

.mob_pr_six {
    position: relative;
    background: #000;
    padding: 30px;
}

.mob_pr_six ul {
    position: relative;
}

.mob_pr_six ul li:not(:last-child) {
    border-bottom: 1px solid #1a1a1a;
}

.mob_pr_six ul li {
    position: relative;
    padding: 20px 0;
}

.mob_pr_six ul li .flex-mob-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.mob_pr_six ul li .flex-mob-center em {
    color: #fff;
    font-size: 20px;
    font-family: "MiSans-Light";
    font-style: inherit;
}

.mob_pr_six ul li .flex-mob-center em i {
    font-size: 12px;
    font-style: inherit;
}

.mob_pr_six ul li h3 {
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 16px;
}

.mob_pr_six ul li h3::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #fff;
    margin-right: 8px;
    vertical-align: -2px;
    border-radius: 0%;
}

.mob_pr_six ul li span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: "MiSans-Light";
}


/*手机产品*/

@media (max-width:768px) {
    .store_wap {
        padding-top: 60px;
    }
    .cityList .ressss {
        font-size: 14px;
        height: 40px;
    }
    .customSelect {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .customSelectInner {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .citySearch {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .pro_nav_wap {
        padding: 50px 5px;
    }
    .pro_nav_wap .asas {
        padding-top: 20px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .inner-comm-title.en {
        font-size: 22px!important;
        text-align: left;
    }
    .inner-comm-title.cn {
        font-size: 18px;
        margin-left: 15px;
    }
    .inner-comm-desc {
        font-size: 14px;
    }
    .pro_nav {
        padding: 30px 0px 0;
        justify-content: flex-start;
    }
    .pro_nav>li {
        min-width: 25%;
        padding: 0px 0px;
        padding-right: 5px;
        text-align: left;
    }
    .pro_nav>li>a {
        font-size: 15px;
        display: inline-block;
    }
    .pr_flex h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .pr_flex p {
        font-size: 16px;
        font-family: "MiSans-Light";
    }
    .pr_title2 {
        padding: 80px 0;
    }
    .pr_title2 h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .pr_title2 .indesc {
        font-size: 15px;
    }
    .inner_disperse_wrap .box-outer_03 {
        width: 31vw;
    }
    .pr_title3 {
        padding: 100px 0;
    }
    .pr_three_top {
        padding: 0 50px;
    }
    .mob_pa1_ .pr_four.pad200,
    .mob_pa2_ .pr_four.pad200 {
        padding: 80px 0px;
    }
}


/* 手机产品  */

@media (max-width:768px) {
    
    .ipp{
        padding-left:20px;
        padding-right:20px;
    }
    
    .pr_seven.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .inner-comm-title.dguan {
        font-size: 22px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .mob_zndgxt img {
        display: block;
        width: 100%;
    }
    .mob_pr_seven_con .seven_text {
        text-align: center;
        padding: 40px 0;
        position: relative;
    }
    .mob_pr_seven_con .seven_text h3 {
        font-size: 18px;
        color: #fff;
    }
    .mob_pr_seven_con .seven_text span {
        margin-bottom: 30px;
        font-size: 14px;
        color: #fff;
    }
    .mob_second_bb {
        position: relative;
        background: #8c837e;
        padding: 60px 50px;
        text-align: center;
    }
    .mob_second_bb span {
        color: #000000;
        font-size: 16px;
        display: block;
        font-family: "MiSans-Regular";
        margin-bottom: 40px;
    }
    .mob_second_bb .seven_img2 {
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .mob_second_bb h3 {
        font-size: 20px;
        color: #000000;
        font-weight: 400;
        font-family: "MiSans-Regular";
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .mob_second_bb .sess {
        display: block;
        font-size: 14px;
        color: #000000;
    }
    .mob_pr_title7 {
        padding-top: 30px;
    }
    .pr_eight.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .pr_title8 {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .pr_title8 h3 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .mob_pa1_ .pr_eight ul {
        background: transparent;
        padding: 30px 20px;
    }
    .mob_pa1_ .pr_eight ul li {
        max-width: 100%;
        width: 100%;
        display: flex;
        padding: 20px 0;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .mob_pa1_ .pr_eight ul li:not(:last-child) {
        border-bottom: 1px solid #303030;
    }
    .mob_pa1_ .pr_eight ul li span {
        display: flex;
        margin-bottom: 0px;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }
    .mob_pa1_ .pr_eight ul li span i {
        font-family: "MiSans-Light";
        font-style: inherit;
        font-size: 12px;
        color: #fff;
    }
    .mob_pa1_ .pr_eight ul li div {
        color: #fff;
        font-size: 14px;
        font-family: "MiSans-Light";
    }
    .mob_pa1_ .pr_eight ul li div br {
        display: none;
    }
    /*  */
    .pr_title9 h3 {
        font-size: 25px;
    }
    .pr_night.pad200 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .pr_night_con {
        padding: 0 0px;
    }
    .pr_night_con .swiper-button-next,
    .pr_night_con .swiper-button-prev {
        display: none!important;
    }
    .swiper_night .swiper-slide .sly span {
        font-size: 12px;
    }
    .swiper_night .swiper-slide .sly h3 {
        font-size: 16px;
        padding: 10px 0;
    }
    .swiper_night .swiper-slide .aff {
        opacity: 0;
    }
    .swiper_night .swiper-slide.swiper-slide-active .aff {
        opacity: 1;
    }
    .swiper_night .swiper-slide .sly {
        padding: 20px 30px;
    }
    /*  */
    .pr_flex span {
        font-size: 18px;
        width: 150px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .pr_three.padding-130 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa2_ .pr_three_top {
        padding: 0 0px;
    }
    .mob_pa2_ .pr_title3 {
        padding: 100px 0 30px;
    }
    .mob_pa2_ .pr_four.pad200 {
        padding-bottom: 0px;
    }
    .mob_pa2_ .pr_title8 {
        padding: 80px 0;
    }
    .mob_pa2_ .pr_title8 h3 {
        margin-bottom: 15px;
    }
    .mob_pa2_ .pr_eight ul {
        padding: 40px 30px;
    }
    .mob_pa2_ .pr_eight ul li span {
        font-size: 18px;
    }
    .mob_pa2_ .pr_eight ul li div {
        font-size: 14px;
        font-family: "MiSans-Light";
    }
    .mob_pa2_ .pr_eight ul li div br {
        display: none;
    }
    .mob_pa2_ .pr_title8 p {
        font-size: 14px;
    }
    /* mob_pa3_ */
    .mob_pa3_ {
        position: relative;
    }
    .mob_pa3_ .pr-four-list li:nth-child(1)::after,
    .mob_pa3_ .pr-four-list li:nth-child(2)::after {
        display: none;
    }
    .mob_pa3_ .pr-four-list li .four-top .four-top-mid {
        padding: 30px 20px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .mob_pa3_ .pr-four-list li .four-top .four-top-mid span {
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
        color: #fff;
    }
    .mob_pa3_ .pr-four-list li .four-top .four-top-mid em {
        color: #fff;
        font-size: 14px;
    }
    .mob_pa3_ .four-bottom {
        display: block;
        background: #9a9592;
    }
    .mob_pa3_ .four-bottom .four_img {
        width: 80%;
        margin: 0 auto;
    }
    .mob_pa3_ .four-bottom .four-tees {
        width: 100%;
        padding: 80px 20px 40px;
        text-align: center;
    }
    .mob_pa3_ .four-bottom .four-tees h3 {
        margin-bottom: 10px;
        font-size: 26px;
    }
    .mob_pa3_ .four-bottom .four-tees div {
        max-width: 100%;
        text-align: center;
        font-size: 16px;
    }
    .mob_pa3_ .four-bottom .four-tees div::before {
        display: none;
    }
    .mob_pa3_ .pr-four-list li:nth-child(2) .four-bottom {
        background-color: #8c7f72;
    }
    .mob_pa3_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa3_ .pr_eight .pr_title8 {
        padding-top: 60px;
        padding-bottom: 40px!important;
    }
    .mob_pa3_ .pr_eight .pr_title8 h3 {
        margin-bottom: 20px;
    }
    .mob_pa3_ .dda {
        padding: 50px 20px;
    }
    .mob_pa3_ .dda li {
        flex: 50%;
        margin-bottom: 30px;
        padding: 0 10px;
    }
    .mob_pa3_ .dda li:last-child {
        border-right: none;
    }
    .mob_pa3_ .dda li h3 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .mob_pa3_ .dda li p {
        font-size: 12px;
    }
    .mob_pa3_ .maxcolor {
        background: #9a9592;
    }
    .mob_pa3_ .maxcolor img {
        max-width: 90%;
        margin: 0 auto;
    }
    .mob_pa3_ .ssll.pr_eight ul {
        padding: 50px 20px;
    }
    .mob_pa3_ .ssll.pr_eight ul li span {
        font-size: 20px;
    }
    .mob_pa3_ .ssll.pr_eight ul li div {
        font-size: 15px;
        font-family: "MiSans-Light";
    }
    /* mob_pa4_ */
    .mob_pa4_ .mt70 {
        margin-top: 30px;
    }
    .mob_pa4_ .pr_three .pr_title3 {
        padding: 80px 0 40px;
    }
    .mob_pa4_ .pr_three .pr_three_con .inner-comm-desc {
        padding: 40px 20px;
        text-align: center;
    }
    .mob_pa4_ .pr_five .inner-comm-desc {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pa4_ .pr_five.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa4_ .pr_five .five-big-img {
        margin-top: 0px;
        padding-top: 30px;
    }
    .mob_pa4_ .pa3_list_aa {
        padding: 40px 20px;
    }
    .mob_pa4_ .pa3_list_aa ul {
        border-right: none;
    }
    .mob_pa4_ .pa3_list_aa ul li {
        padding: 0 10px;
    }
    .mob_pa4_ .pa3_list_aa ul li h3 {
        font-size: 14px;
    }
    .mob_pa4_ .pa3_list_aa ul li span {
        font-size: 12px;
    }
    .mob_pa4_ .pa3_list_aa ul li h3::before {
        width: 8px;
        height: 8px;
    }
    .pr-eight-01 .pr_title8 {
        padding: 50px 20px!important;
    }
    .pr-eight-01 .pr_title8 h3 {
        margin-bottom: 15px;
    }
    .pr-eight-01 .pr_title8 p {
        font-size: 16px;
    }
    .pr-eight-01 .pr_title8 .color-white {
        font-size: 14px;
    }
    .pr-eight-01 .pa3_list2 {
        padding: 60px 30px;
    }
    .pr-eight-01 .pa3_list2 li:not(:last-child) {
        margin-bottom: 30px;
    }
    .pr-eight-01 .pa3_list2 li h3 {
        font-size: 18px;
    }
    .pr-eight-01 .pa3_list2 li span {
        margin-bottom: 10px;
    }
    .pr-eight-01 .pa3_list2 li div {
        font-size: 14px;
    }
    /*  */
    .pr-eight-02 .pr_title8 {
        padding: 50px 20px!important;
    }
    .pr-eight-02 .pr_title8 h3 {
        margin-bottom: 15px;
    }
    .pr-eight-02 .pr_title8 p {
        font-size: 16px;
    }
    .pr-eight-02 .pr_title8 .color-white {
        font-size: 14px;
    }
    .pr-eight-02 .pa3_list2 {
        padding: 60px 30px;
    }
    .pr-eight-02 .pa3_list2 li:not(:last-child) {
        margin-bottom: 30px;
    }
    .pr-eight-02 .pa3_list2 li h3 {
        font-size: 18px;
    }
    .pr-eight-02 .pa3_list2 li span {
        margin-bottom: 10px;
    }
    .pr-eight-02 .pa3_list2 li div {
        font-size: 14px;
    }
    /* mob_pa5_ */
    .mob_pa5_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa5_ .pr_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa5_ .pr_title2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pa5_ .pr-four-list li {
        margin-bottom: 0px;
    }
    .mob_pa5_ .pr-four-list li:nth-child(1)::after {
        display: none;
    }
    .mob_pa5_ .pr-four-list li .four-top .four-top-mid {
        padding: 30px 20px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .mob_pa5_ .pr-four-list li .four-top .four-top-mid span {
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
        color: #fff;
    }
    .mob_pa5_ .pr-four-list li .four-top .four-top-mid em {
        color: #fff;
        font-size: 12px;
    }
    .mob_pa5_ .four-bottom {
        display: block;
        background: #dcdcdc;
    }
    .mob_pa5_ .four-bottom .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pa5_ .four-bottom .four-tees {
        width: 100%;
        padding: 60px 20px;
        text-align: center;
    }
    .mob_pa5_ .four-bottom .four-tees h3 {
        margin-bottom: 10px;
        font-size: 26px;
    }
    .mob_pa5_ .four-bottom .four-tees div {
        max-width: 100%;
        text-align: center;
        font-size: 16px;
    }
    .mob_pa5_ .four-bottom .four-tees div::before {
        display: none;
    }
    .mob_pa5_ .pr_four.pad200 .pr_title8 {
        padding-top: 60px;
        padding-bottom: 20px;
    }
    .mob_pa5_ .pr_four.pad200 .pr_title8 .inner-comm-title.en {
        font-size: 22px!important;
        margin-bottom: 0px;
    }
    /* mob_pa6_ */
    .mob_pa6_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa6_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa6_ .swiper_routh .swiper-button-next,
    .mob_pa6_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pa6_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pa6_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pa6_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /*  */
    .mob_pa6_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pr_four_list2 {
        position: relative;
    }
    .mob_pr_four_list2 li:not(:last-child) {
        margin-bottom: 30px;
    }
    .mob_pr_four_list2 li {
        position: relative;
        z-index: 99;
    }
    .mob_pr_four_list2 li:nth-child(1) {
        background: #dcdcdc;
    }
    .mob_pr_four_list2 li:nth-child(2) {
        background: #444b55;
    }
    .mob_pr_four_list2 li:nth-child(3) {
        background: #586364;
    }
    .mob_pr_four_list2 li .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list2 li .four_img img {
        display: block;
        width: 100%;
    }
    .mob_pr_four_list2 li .four-top {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list2 li .four-top .four-top-mid {
        width: 100%;
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mob_pr_four_list2 li .four-top .four-top-mid span {
        color: #000000;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mob_pr_four_list2 li .four-top .four-top-mid em {
        color: #000000;
        font-size: 14px;
        font-style: inherit;
    }
    /*  */
    .mob_pr_four_list2 .four-bottomx {
        position: relative;
        text-align: center;
        padding: 60px 20px 80px;
    }
    .mob_pr_four_list2 .four-bottomx .four-tees2 {
        width: 100%;
        text-align: center;
    }
    .mob_pr_four_list2 .four-bottomx .four-tees2 h3 {
        font-size: 22px;
        color: #000000;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .mob_pr_four_list2 .four-bottomx .four-tees2 div {
        display: block;
        max-width: 400px;
        line-height: 1.7;
        color: #000;
        font-size: 16px;
        position: relative;
    }
    .mob_pr_four_list2 li:nth-child(2) .four-top .four-top-mid span,
    .mob_pr_four_list2 li:nth-child(2) .four-top .four-top-mid em {
        color: #fff;
    }
    .mob_pr_four_list2 li:nth-child(2) .four-bottomx .four-tees2 h3,
    .mob_pr_four_list2 li:nth-child(2) .four-bottomx .four-tees2 div {
        color: #fff;
    }
    /* mob_pa7_ */
    .mob_pa7_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pa7_ .pr_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa7_ .pr_second .pr_title2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pa7_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa7_ .pr_title8 .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pa7_list2 {
        position: relative;
    }
    .mob_pa7_list2 li:not(:last-child) {
        margin-bottom: 30px;
    }
    .mob_pa7_list2 li {
        position: relative;
        z-index: 99;
    }
    .mob_pa7_list2 li:nth-child(1) {
        background: #dcdcdc;
    }
    .mob_pa7_list2 li:nth-child(2) {
        background: #444b55;
    }
    .mob_pa7_list2 li .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pa7_list2 li .four_img img {
        display: block;
        width: 100%;
    }
    .mob_pa7_list2 li .four-top {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .mob_pa7_list2 li .four-top .four-top-mid {
        width: 100%;
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mob_pa7_list2 li .four-top .four-top-mid span {
        color: #000000;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mob_pa7_list2 li .four-top .four-top-mid em {
        color: #000000;
        font-size: 14px;
        font-style: inherit;
    }
    /*  */
    .mob_pa7_list2 .four-bottomx {
        position: relative;
        text-align: center;
        padding: 60px 20px;
    }
    .mob_pa7_list2 .four-bottomx .four-tees2 {
        width: 100%;
        text-align: center;
    }
    .mob_pa7_list2 .four-bottomx .four-tees2 h3 {
        font-size: 22px;
        color: #000000;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .mob_pa7_list2 .four-bottomx .four-tees2 div {
        display: block;
        max-width: 400px;
        line-height: 1.7;
        color: #000;
        font-size: 16px;
        position: relative;
    }
    .mob_pa7_list2 li:nth-child(2) .four-top .four-top-mid span,
    .mob_pa7_list2 li:nth-child(2) .four-top .four-top-mid em {
        color: #fff;
    }
    .mob_pa7_list2 li:nth-child(2) .four-bottomx .four-tees2 h3,
    .mob_pa7_list2 li:nth-child(2) .four-bottomx .four-tees2 div {
        color: #fff;
    }
    /* mob_pa8_ */
    .mob_pa8_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa8_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa8_ .swiper_routh .swiper-button-next,
    .mob_pa8_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pa8_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pa8_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pa8_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /*  */
    .mob_pa8_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* mob_pa9_ */
    .mob_pa9_ .pr_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa9_ .pr_second .pr_title2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pa9_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa9_ .pr_title8 .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pa9_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    /* mob_pa10_ */
    .mob_pa10_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pa10_ .pr_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa10_ .pr_second .pr_title2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pa10_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa10_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pa10_ .pr_title10 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /* mob_pa11_ */
    .mob_pa11_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa11_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa11_ .swiper_routh .swiper-button-next,
    .mob_pa11_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pa11_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pa11_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pa11_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pa11_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pa11_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* mob_pa12_ */
    .mob_pa12_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa12_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pa12_ .swiper_routh .swiper-button-next,
    .mob_pa12_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pa12_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pa12_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pa12_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pa12_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pa12_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* 手机木门 */
    /*mob_pb1_*/
    .mob_pb1_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb1_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb1_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb1_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb1_ .pr_title21 h3 {
        font-size: 36px;
    }
    .mob_pb1_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mob_pb1_ .pr_title21 .fz36 {
        font-size: 26px!important;
    }
    .mob_pb1_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb1_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb1_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    /*mob_pb2_*/
    .mob_pb2_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb2_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb2_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb2_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb2_ .pr_title21 h3 {
        font-size: 30px;
    }
    .mob_pb2_ .pr_title21 h4 {
        font-size: 18px;
    }
    .mob_pb2_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mumeng .mms_list {
        flex-wrap: wrap;
        padding: 50px 20px;
    }
    .mms_list li {
        width: 100%;
    }
    .mms_list li:not(:last-child) {
        margin-bottom: 30px;
    }
    .mob_pb2_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb2_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb2_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    .mob_pb2_ .pr_title21 .fz36 {
        font-size: 25px!important;
    }
    .mob_pb2_ .mob-pb-bom {
        padding-bottom: 60px;
    }
    /*mob_pb3_*/
    .mob_pb3_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb3_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb3_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb3_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb3_ .pr_title21 h3 {
        font-size: 30px;
    }
    .mob_pb3_ .pr_title21 h4 {
        font-size: 18px;
    }
    .mob_pb3_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mob_pb3_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb3_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb3_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    .mob_pb3_ .pr_title21 .fz36 {
        font-size: 25px!important;
        margin-bottom: 0px;
    }
    .mob_pb3_ .mob-pb-bom {
        padding-bottom: 60px;
    }
    .mob_pb3_ .mumeng-2.pb120 {
        padding-bottom: 0px;
    }
    .mms_list li div br {
        display: none;
    }
    /*mob_pb4_*/
    .mob_pb4_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb4_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb4_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb4_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb4_ .pr_title21 h3 {
        font-size: 30px;
    }
    .mob_pb4_ .pr_title21 h4 {
        font-size: 18px;
    }
    .mob_pb4_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mob_pb4_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb4_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb4_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    .mob_pb4_ .pr_title21 .fz36 {
        font-size: 25px!important;
        margin-bottom: 0px;
    }
    .mob_pb4_ .mob-pb-bom {
        padding-bottom: 60px;
    }
    /*mob_pb5_*/
    .mob_pb5_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb5_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb5_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb5_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb5_ .pr_title21 h3 {
        font-size: 30px;
    }
    .mob_pb5_ .pr_title21 h4 {
        font-size: 18px;
    }
    .mob_pb5_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mob_pb5_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb5_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb5_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    .mob_pb5_ .pr_title21 .fz36 {
        font-size: 25px!important;
        margin-bottom: 0px;
    }
    .mob_pb5_ .mob-pb-bom {
        padding-bottom: 60px;
    }
    .mob_pb5_ .mms_list2 {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 40px 20px;
    }
    .mob_pb5_ .mms_list2 li {
        flex: 48%;
        margin-bottom: 30px;
    }
    .mob_pb5_ .mms_list2 li:not(:last-child) {
        padding-right: 0px;
    }
    .mob_pb5_ .sll_mms_list li span {
        text-align: left!important;
    }
    /*mob_pb6_*/
    .mob_pb6_ .pr_flex h3 {
        font-size: 26px;
    }
    .mob_pb6_ .pr_first .fz18 {
        font-size: 14px;
    }
    .mob_pb6_ .mumeng.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pb6_ .pr_title21 {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mob_pb6_ .pr_title21 h3 {
        font-size: 30px;
    }
    .mob_pb6_ .pr_title21 h4 {
        font-size: 18px;
    }
    .mob_pb6_ .pr_title21 .color-white {
        font-size: 16px;
    }
    .mob_pb6_ .meng_list {
        flex-wrap: wrap;
    }
    .mob_pb6_ .meng_list li {
        width: calc(100% - 30px);
        margin: 0 15px;
        flex: none;
        margin-bottom: 30px;
    }
    .mob_pb6_ .mumeng.pb120 {
        padding-bottom: 60px;
    }
    .mob_pb6_ .pr_title21 .fz36 {
        font-size: 25px!important;
        margin-bottom: 0px;
    }
    .mob_pb6_ .mob-pb-bom {
        padding-bottom: 60px;
    }
    /*全屋*/
    /* mob_pc1_ */
    .mob_pc1_ {
        position: relative;
    }
    .mob_pc1_ .house_three.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc1_list1 {
        position: relative;
        padding: 60px 0 0;
        text-align: center;
    }
    .mob_pc1_list1 .al_h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
    }
    .mob_pc1_list1 .al_cc {
        padding: 30px 0;
    }
    .mob_pc1_list1 .al_cc span {
        display: block;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .mob_pc1_list1 .al_cc em {
        display: block;
        color: #fff;
        font-size: 14px;
        font-style: inherit;
    }
    .mob_pc1_list1 .four_img {
        padding: 0 5%;
        background: #161616;
    }
    .mob_pc1_list1 .four_tees {
        padding: 70px 5%;
        background: #161616;
    }
    .mob_pc1_list1 .four_tees h3 {
        font-size: 22px;
        line-height: 2;
        color: #fff;
        margin-bottom: 20px;
        font-weight: 400;
        font-family: "MiSans-Regular";
    }
    .mob_pc1_list1 .four_tees div {
        display: block;
        line-height: 1.7;
        color: #ffffff;
        font-size: 14px;
        font-family: "MiSans-Light";
    }
    /**/
    .mob_pc1_ .house_four {
        padding-top: 80px;
    }
    .mob_pc1_ .house_four .max1200 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mob_pc1_ .house_four .house_four_tit {
        margin-bottom: 50px;
    }
    .mob_pc1_ .house_four .house_four_tit .fz82 {
        font-size: 30px;
    }
    .mob_pc1_ .house_four .house_four_tit .fz36 {
        font-size: 18px!important;
    }
    .mob_pc1_ .house_four_con .gfgf {
        padding-top: 50px;
        font-size: 14px;
    }
    .mob_pc1_ .house_five {
        padding-top: 80px;
    }
    .mob_pc1_ .house_five .house_four_tit h3 {
        font-size: 18px!important;
    }
    .mob_pc1_ .mob_pc1_wenzi {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 1.7;
        font-size: 14px;
    }
    /*轮播图*/
    .mob_woshi {
        position: relative;
    }
    .mob_woshi .swiper-slide img {
        display: block;
        width: 100%;
    }
    .mob_woshi .swiper-pagination {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: 20px 0;
        padding: 0 30px;
    }
    .mob_woshi .swiper-pagination .swiper-pagination-bullet {
        height: 2px;
        width: calc(33.33% - 15px);
        margin: 0 7.5px 0 7.5px;
        border-radius: 0px;
        background: #b5b5b5;
        opacity: 1;
    }
    .mob_woshi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #135394;
    }
    .mob_pc1_ .house_five6 .pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc1_ .house_five6 .pad200 .house_four_tit {
        margin-bottom: 40px;
    }
    .mob_pc1_ .oos_list {
        padding: 10px 0;
        flex-wrap: wrap;
    }
    .mob_pc1_ .oos_list li {
        padding: 20px 20px;
        flex: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
    .mob_pc1_ .oos_list li:last-child {
        border: none;
        border-top: 1px solid #303030;
    }
    .mob_pc1_ .oos_list li p {
        font-size: 14px;
        width: calc(100% - 90px);
    }
    .mob_pc1_ .oos_list li h3 {
        position: relative;
        width: 85px;
        font-family: "MiSans-Light";
        font-size: 16px;
        margin: 0px;
    }
    .mob_pc1_ .oos_list li h3::before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #fff;
        margin-right: 5px;
        vertical-align: 2px;
        border-radius: 50%;
    }
    .mob_pc1_ .oos_list li h3 em {
        font-style: inherit;
        font-size: 12px;
    }
    /**/
    .mob_pc1_ .oos_list2 {
        padding: 20px 10px 40px;
        flex-wrap: wrap;
    }
    .mob_pc1_ .oos_list2 li {
        padding: 20px 20px;
        flex: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
    .oos_list2 li+li {
        border: none;
    }
    .mob_pc1_ .oos_list2 li:not(:last-child) {
        border-bottom: 1px solid #303030;
    }
    .mob_pc1_ .oos_list2 li p {
        font-size: 14px;
        width: calc(100% - 90px);
    }
    .mob_pc1_ .oos_list2 li h3 {
        position: relative;
        width: 85px;
        font-family: "MiSans-Light";
        font-size: 16px;
        margin: 0px;
    }
    .mob_pc1_ .oos_list2 li h3::before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #fff;
        margin-right: 5px;
        vertical-align: 2px;
        border-radius: 50%;
    }
    .mob_pc1_ .oos_list2 li h3 em {
        font-style: inherit;
        font-size: 12px;
    }
    /*mob_pc2_*/
    .mob_pc2_ .house_three2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc2_ .house_three2 div.fz32 {
        font-size: 22px!important;
    }
    .mob_pc2_ .house_three2 .mob_secai {
        line-height: 2;
    }
    .mob_pc2_ .house_three2 .house_three2_con {
        background: #161616;
        padding: 0 30px;
    }
    .mob_pc2_ .house_three2 .house_three2_con .pt60 {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .mob_pc2_ .house_three2 .house_three2_con .gfgf {
        font-size: 16px;
        text-align: left;
    }
    /*mob_pc2_*/
    .mob_pc2_ .house_three3 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc2_ .house_three3 .house_three_tit {
        padding: 60px 0 30px;
    }
    .mob_pc2_ .house_three3 div.fz32 {
        font-size: 22px!important;
    }
    /* 材料及工艺 */
    .mob_pc2_ .pc2_bg1_mob {
        position: relative;
        padding: 50px 0 20px;
    }
    .mob_pc2_ .pc2_bg1_mob img {
        display: block;
        width: 100%;
    }
    .mob_pc2_ .pc2_bg1_mob .house_four_tit {
        margin-bottom: 40px;
    }
    .mob_pc2_ .pc2_bg1_mob .house_four_tit h3 {
        font-size: 30px;
    }
    .mob_pc2_ .pc2_bg1_mob .house_four_tit p {
        font-size: 16px;
    }
    .mob_pc2_ .pc2_bg1_mob .gfgf {
        padding: 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc2_ .house_five_pc2.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc2_ .house_five_pc2 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc2_ .house_five_pc2 .mog {
        padding: 30px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc2_ .house_five_pc2 .mog2 {
        padding: 50px 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    /*mob_pc3_*/
    .mob_pc3_ .mob_pc1_list1 .four_tees {
        padding: 30px 5%;
    }
    .mob_pc3_ .mob_pc1_list1 .four_tees2 {
        padding: 70px 5%;
    }
    /* 材料及工艺 */
    .mob_pc3_ .pc3_bg1_mob {
        position: relative;
        padding: 60px 20px 20px;
    }
    .mob_pc3_ .pc3_bg1_mob img {
        display: block;
        width: 100%;
    }
    .mob_pc3_ .pc3_bg1_mob .house_four_tit {
        margin-bottom: 40px;
    }
    .mob_pc3_ .pc3_bg1_mob .house_four_tit h3 {
        font-size: 30px;
    }
    .mob_pc3_ .pc3_bg1_mob .house_four_tit p {
        font-size: 16px;
    }
    .mob_pc3_ .pc3_bg1_mob .gfgf {
        padding: 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc3_ .pc3_title {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .mob_pc3_ .pc3_title .inner-comm-title.en {
        font-size: 22px!important;
    }
    .mob_pc3_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /**/
    .mob_pr_four_list22 {
        position: relative;
    }
    .mob_pr_four_list22 li:not(:last-child) {
        margin-bottom: 50px;
    }
    .mob_pr_four_list22 li {
        position: relative;
        z-index: 99;
    }
    .mob_pr_four_list22 li:nth-child(1) {
        background: #878a8d;
    }
    .mob_pr_four_list22 li:nth-child(2) {
        background: #dcdcdc;
    }
    .mob_pr_four_list22 li:nth-child(3) {
        background: #586364;
    }
    .mob_pr_four_list22 li .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list22 li .four_img img {
        display: block;
        width: 100%;
    }
    .mob_pr_four_list22 li .four-top {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list22 li .four-top .four-top-mid {
        width: 100%;
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mob_pr_four_list22 li .four-top .four-top-mid span {
        color: #000000;
        font-size: 14px!important;
        text-transform: uppercase;
    }
    .mob_pr_four_list22 li .four-top .four-top-mid em {
        color: #000000;
        font-size: 14px!important;
        font-style: inherit;
    }
    /*  */
    .mob_pr_four_list22 .four-bottomx {
        position: relative;
        text-align: center;
        padding: 60px 20px 80px;
    }
    .mob_pr_four_list22 .four-bottomx .four-tees2 {
        width: 100%;
        text-align: center;
    }
    .mob_pr_four_list22 .four-bottomx .four-tees2 h3 {
        font-size: 22px;
        color: #000000;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .mob_pr_four_list22 .four-bottomx .four-tees2 div {
        display: block;
        max-width: 400px;
        line-height: 1.7;
        color: #000;
        font-size: 16px;
        position: relative;
    }
    /* 主推花色 */
    .mob_pc3_ .pc3_bg2_mob {
        position: relative;
        padding: 60px 0 20px;
    }
    .mob_pc3_ .pc3_bg2_mob img {
        display: block;
        width: 100%;
    }
    .mob_pc3_ .pc3_bg2_mob .house_four_tit {
        margin-bottom: 40px;
    }
    .mob_pc3_ .pc3_bg2_mob .house_four_tit h3 {
        font-size: 30px;
    }
    .mob_pc3_ .pc3_bg2_mob .house_four_tit p {
        font-size: 16px;
    }
    .mob_pc3_ .pc3_bg2_mob .gfgf {
        padding: 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc3_ .house_five {
        padding-top: 60px;
    }
    .mob_pc3_ .house_five.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc3_ .house_five .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc3_ .house_four_con .mog {
        padding: 30px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc3_ .house_four_con .mog2 {
        padding: 50px 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    /*mob_pc4_*/
    .mob_pc4_ .pc4_wap_mob2 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob2 .house_four_tit h3 {
        font-size: 30px;
    }
    .mob_pc4_ .pc4_wap_mob2 .house_four_tit p {
        font-size: 18px!important;
    }
    .mob_pc4_ .pc4_wap_mob2 .pc4_con_tu {
        margin-bottom: 50px;
    }
    .mob_pc4_ .pc4_line1 {
        margin: 0 0;
    }
    .mob_pc4_ .pc4_line1::before {
        background: url(../images/mob_pc4_line1.png) no-repeat bottom center;
        width: 4px;
        height: 102px;
        background-size: 100% 100%;
        bottom: 30px;
    }
    .mob_pc4_ .pc4_line2::before {
        background: url(../images/mob_pc4_line2.png) no-repeat bottom center;
        width: 5px;
        height: 142px;
        background-size: 100% 100%;
        bottom: 30px;
    }
    .mob_pc4_ .pc4_line3 {
        text-indent: -30px;
    }
    .mob_pc4_ .pc4_line4 {
        margin: 0 0;
    }
    .mob_pc4_ .pc4_line3::before {
        background: url(../images/mob_pc4_line3.png) no-repeat bottom center;
        width: 70px;
        height: 174px;
        background-size: 100% 100%;
        bottom: 30px;
    }
    .mob_pc4_ .pc4_line4::before {
        background: url(../images/mob_pc4_line4.png) no-repeat bottom center;
        width: 49px;
        height: 116px;
        background-size: 100% 100%;
        bottom: 30px;
        left: 10px;
    }
    /**/
    .mob_pc4_ .pc4_wap_mob3 .house_three_tit {
        padding: 60px 0;
    }
    .mob_pc4_ .pc4_wap_mob3 .house_three_tit .fz32 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob3.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .mob_pr_four_list33 {
        position: relative;
    }
    .mob_pc4_ .mob_pr_four_list33 li:not(:last-child) {
        margin-bottom: 50px;
    }
    .mob_pc4_ .mob_pr_four_list33 li {
        position: relative;
        z-index: 99;
    }
    .mob_pc4_ .mob_pr_four_list33 li:nth-child(1) {
        background: #121212;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four_img img {
        display: block;
        width: 100%;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four-top {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four-top .four-top-mid {
        width: 100%;
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four-top .four-top-mid span {
        color: #fff;
        font-size: 12px!important;
        text-transform: uppercase;
    }
    .mob_pc4_ .mob_pr_four_list33 li .four-top .four-top-mid em {
        color: #fff;
        font-size: 12px!important;
        font-style: inherit;
    }
    /*  */
    .mob_pc4_ .mob_pr_four_list33 .four-bottomx {
        position: relative;
        text-align: center;
        padding: 60px 20px 80px;
    }
    .mob_pc4_ .mob_pr_four_list33 .four-bottomx .four-tees2 {
        width: 100%;
        text-align: center;
    }
    .mob_pc4_ .mob_pr_four_list33 .four-bottomx .four-tees2 h3 {
        font-size: 22px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .mob_pc4_ .mob_pr_four_list33 .four-bottomx .four-tees2 div {
        display: block;
        max-width: 400px;
        line-height: 1.7;
        color: #fff;
        font-size: 14px;
        position: relative;
    }
    .mob_pc4_ .pc4_wap_mob4.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob4 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob4 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .house_four_con .mog {
        padding: 30px;
        font-size: 14px;
        line-height: 1.7;
    }
    .mob_pc4_ .pc4_wap_mob5.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob5 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob5 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob6.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob6 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob6 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob7.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob7 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob7 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob8.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob8 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob8 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob9.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc4_ .pc4_wap_mob9 {
        padding-top: 60px;
    }
    .mob_pc4_ .pc4_wap_mob9 .house_four_tit h3 {
        font-size: 22px!important;
    }
    .mob_pc4_ .pc4_wap_mob10.pad200 {
        background: #141414;
        margin-bottom: 50px;
    }
    .mob_pc4_ .pc4_wap_mob10 .pc4_six_con {
        flex-wrap: wrap;
    }
    .mob_pc4_ .pc4_wap_mob10 .pc4_six_con_left {
        width: 100%;
    }
    .mob_pc4_ .pc4_wap_mob10 .pc4_six_con_right {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 40px 0;
    }
    .mob_pc4_ .pc4_wap_mob10 .visible_aa_left {
        width: 50%;
    }
    .mob_pc4_ .pc4_wap_mob10 .visible_aa_right {
        width: 50%;
    }
    .mob_pc4_ .pc4_wap_mob10 .visible_aa_right h3 {
        font-weight: 400;
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mob_pc4_ .pc4_wap_mob10 .visible_aa_right p {
        font-weight: 400;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mob_pc4_ .pc4_wap_mob11.pad200 {
        background: #141414;
        margin-bottom: 0px;
    }
    .mob_pc4_ .pc4_wap_mob11 .pc4_six_con {
        flex-wrap: wrap;
    }
    .mob_pc4_ .pc4_wap_mob11 .pc4_six_con_left {
        width: 100%;
    }
    .mob_pc4_ .pc4_wap_mob11 .pc4_six_con_right {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 40px 0;
    }
    .mob_pc4_ .pc4_wap_mob11 .visible_aa_left {
        width: 50%;
    }
    .mob_pc4_ .pc4_wap_mob11 .visible_aa_right {
        width: 50%;
    }
    .mob_pc4_ .pc4_wap_mob11 .visible_aa_right h3 {
        font-weight: 400;
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mob_pc4_ .pc4_wap_mob11 .visible_aa_right p {
        font-weight: 400;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    /* mob_pc5_ */
    .mob_pc5_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc5_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc5_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc5_ .swiper_routh .swiper-button-next,
    .mob_pc5_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc5_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc5_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc5_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc5_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /**/
    .mob_pr_four_list2x {
        position: relative;
    }
    .mob_pr_four_list2x li {
        margin-bottom: 30px;
    }
    /*.mob_pr_four_list2x li:not(:last-child) {*/
    /*    margin-bottom: 30px;*/
    /*}*/
    .mob_pr_four_list2x li {
        position: relative;
        z-index: 99;
    }
    .mob_pr_four_list2x li:nth-child(1) {
        background: #dcdcdc;
    }
    .mob_pr_four_list2x li:nth-child(2) {
        background: #444b55;
    }
    .mob_pr_four_list2x li:nth-child(3) {
        background: #586364;
    }
    .mob_pr_four_list2x li .four_img {
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list2x li .four_img img {
        display: block;
        width: 100%;
    }
    .mob_pr_four_list2x li .four-top {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .mob_pr_four_list2x li .four-top .four-top-mid {
        width: 100%;
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mob_pr_four_list2x li .four-top .four-top-mid span {
        color: #000000;
        font-size: 12px!important;
        text-transform: uppercase;
    }
    .mob_pr_four_list2x li .four-top .four-top-mid em {
        color: #000000;
        font-size: 12px!important;
        font-style: inherit;
    }
    .mob_pr_four_list2x .four-bottomx {
        position: relative;
        text-align: center;
        padding: 60px 20px;
    }
    .mob_pr_four_list2x .four-bottomx .four-tees2 {
        width: 100%;
        text-align: center;
    }
    .mob_pr_four_list2x .four-bottomx .four-tees2 h3 {
        font-size: 22px;
        color: #000000;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .mob_pr_four_list2x .four-bottomx .four-tees2 div {
        display: block;
        max-width: 400px;
        line-height: 1.7;
        color: #000;
        font-size: 14px;
        position: relative;
    }
    .mob_pr_four_list2x li:nth-child(2) .four-top .four-top-mid span,
    .mob_pr_four_list2x li:nth-child(2) .four-top .four-top-mid em {
        color: #fff;
    }
    .mob_pr_four_list2x li:nth-child(2) .four-bottomx .four-tees2 h3,
    .mob_pr_four_list2x li:nth-child(2) .four-bottomx .four-tees2 div {
        color: #fff;
    }
    /* mob_pc6_ */
    .mob_pc6_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc6_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc6_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc6_ .swiper_routh .swiper-button-next,
    .mob_pc6_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc6_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc6_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc6_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc6_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc7_ */
    .mob_pc7_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc7_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc7_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc7_ .swiper_routh .swiper-button-next,
    .mob_pc7_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc7_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc7_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc7_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc7_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc8_ */
    .mob_pc8_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc8_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc8_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc8_ .swiper_routh .swiper-button-next,
    .mob_pc8_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc8_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc8_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc8_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc8_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc9_ */
    .mob_pc9_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc9_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc9_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc9_ .swiper_routh .swiper-button-next,
    .mob_pc9_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc9_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc9_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc9_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc9_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc10_ */
    .mob_pc10_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc10_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc10_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc10_ .swiper_routh .swiper-button-next,
    .mob_pc10_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc10_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc10_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc10_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc10_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc11_ */
    .mob_pc11_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc11_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc11_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc11_ .swiper_routh .swiper-button-next,
    .mob_pc11_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc11_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc11_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc11_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc11_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /* mob_pc12_ */
    .mob_pc12_ .pr_four.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc12_ .routh_second.pad200 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc12_ .routh_second_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mob_pc12_ .swiper_routh .swiper-button-next,
    .mob_pc12_ .swiper_routh .swiper-button-prev {
        display: none!important;
    }
    .mob_pc12_ .pr_title2 {
        padding: 80px 20px;
    }
    .mob_pc12_ .pr_title2 .indesc {
        line-height: 1.7;
    }
    .mob_pc12_ .pr_title10 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .mob_pc12_ .pr_title10 .inner-comm-title.en {
        font-size: 22px!important;
    }
    /*手机收纳橱柜-设计理念*/
    .left-aa {
        width: 40%;
    }
    .mid-aa {
        width: 42%;
    }
    .right-aa {
        width: 40%;
    }
    .inner_disperse_wrap .box-outer_01 {
        width: 90%;
    }
    .inner_disperse_wrap .box-outer_02 {
        width: 50%;
        margin-top: 60px;
    }
    .inner_disperse_wrap .box-outer_03 {
        width: 100%;
    }
    .inner_disperse_wrap .box-outer_04 {
        width: 70%;
    }
    .inner_disperse_wrap .box-outer_05 {
        width: 90%;
        margin-top: 30px;
    }
    .inner_disperse_wrap .box-outer_06 {
        width: 60px;
        margin-right: 20px;
        margin-top: -30px;
    }
    .mob_pa4_ .inner_disperse_wrap .box-outer_06 {
        top: auto!important;
        right: 10px!important;
        margin-top: 30px!important;
        bottom: -30px;
    }
    /*手机全屋定制-设计理念*/
    .left-aa-house {
        width: 45%;
    }
    .mid-aa-house {
        width: 45%;
    }
    .right-aa-house {
        width: 40%;
    }
    .inner_house_wrap .box-outer_01 {
        width: 100%;
    }
    .inner_house_wrap .box-outer_02 {
        width: 70%;
    }
    .inner_house_wrap .box-outer_03 {
        width: 100%;
    }
    .inner_house_wrap .box-outer_04 {
        width: 100%;
    }
    .inner_house_wrap .box-outer_06 {
        width: 80px;
    }
}


/**/

.swiper-button-prev {
    background: url(../images/x-prev3.png) no-repeat center;
    width: 73px;
    height: 73px;
}

.swiper-button-next {
    background: url(../images/x-next3.png) no-repeat center;
    width: 73px;
    height: 73px;
}
.xypg-right-content{
    
}
.xypg-right-content img{
    width: 100%;
}
/* 产品详情页 */

.product_xqy {
    /* padding-bottom: 80px; */
    position: relative;
    text-align: center
}

.product_xqy img {
    display: inline-block;
    max-width: 100%!important;
    max-height: 100%!important;
    height: auto!important;
    width: auto!important;
}

.huase{
    padding-top: 6.25vw;
}



/*产品详情页轮播图*/

.product_imgxx {
    overflow: hidden;
    position: relative;
}

.product_imgxx .swiper-slide {
    position: relative;
    text-align: center;
}

.product_imgxx .swiper-slide a {
    display: block;
}

.product_imgxx .swiper-slide a img {
    display: block;
    width: 100%;
}

.product_imgxx .swiper-button-next66,
.product_imgxx .swiper-button-prev66 {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 52px;
    margin-top: -26px;
    z-index: 999;
}

.product_imgxx .swiper-button-prev66 {
    background: url(../images/zuo11.png) no-repeat center;
    left: 10%;
}

.product_imgxx .swiper-button-next66 {
    background: url(../images/you11.png) no-repeat center;
    right: 10%;
}

.normal div span {
    font-family: "MiSans-Regular";
}


/**/
.after_tc{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: rgba(0,0,0,.57);
    display: none;
}

.after_tc .wll{
    position: absolute;
    left: 50%;
    top: 50%;
    background: #252525;
    border-radius: 10px;
    width: 510px;
    padding: 10px 30px 20px;
    transform: translate(-50%, -50%);
}

.wll_mid{text-align:center;}
.wll_mid span{font-size: 12px;line-height: 1.7;color: #d8d8d8;display: block;letter-spacing:6px;}
.wll_mid .thank{font-size: 14px;color:#bababa;display: block;margin:35px 0;}
.wll_mid .queding{display:inline-block;padding:10px 30px;background:#00569c;color:#bababa;border-radius:30px;font-size:12px}




/* 搜索框 */
.ss_on{cursor:pointer;position:absolute;right:8.3333vw;bottom:5px;z-index:999}
#ss_show{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);z-index:99999;display:none}
.ss-wap{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);background:#252525;border-radius:10px;z-index:999;min-height:500px;}
.ssjj{padding:50px 40px}
.ss_close_xx{position:absolute;right:25px;top:25px;width:24px;height:24px;background:url(../images/home_close_xx.png) no-repeat center;cursor:pointer;z-index:999}

.ss_tent{display:flex;align-items:flex-end;justify-content:space-between;}
#formsearch_tip {position: relative;z-index: 9999;width: 400px;background: #4a4a4a;border-radius:30px;display:flex;align-items:center;justify-content:space-between;}
#formsearch_tip #s_btn {outline: none;border: none;width: 60px;height: 45px;font-size: 0;background-color: transparent;
background: url(../images/tip_ss.png) no-repeat center center;}
#formsearch_tip #keyword {background: none;outline: none;border: none;width: calc(100% - 60px);color: #d8d8d8;margin-top: 0px;height: 45px;
padding-left: 10px;font-size: 14px;}

.ss_tent .ss_xian{position:relative;width:calc(100% - 450px);height:1px;background:#005096;}

#formsearch_tip input::-webkit-input-placeholder,#formsearch_tip textarea::-webkit-input-placeholder{color:#d8d8d8}
#formsearch_tip input:-moz-placeholder,textarea:-moz-placeholder{color:#d8d8d8}
#formsearch_tip input::-moz-placeholder,textarea::-moz-placeholder{color:#d8d8d8}
#formsearch_tip input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#d8d8d8}
#formsearch_tip input[type=text]::-webkit-input-placeholder{color:#d8d8d8}


.all-h1{position:relative;display:flex;padding-top:40px;flex-wrap:wrap;display:none;}
.all-h1 a{display:block;font-size:16px;color:#d8d8d8;padding:5px 15px;background:#7a7a7a;border-radius:30px;margin-right:20px;min-width:155px;margin-bottom:10px;
text-align:center;}

@media (max-width:768px){
    .ss-wap{width:90%;}
    .ssjj{padding: 60px 20px;}
    .ss_tent{display:block;}
    #formsearch_tip{width:100%;}
    .ss_tent .ss_xian{width:100%;margin-top:20px;}
    .all-h1{padding-top:20px;}
    .all-h1 a{font-size:14px;margin-right:10px;min-width:100px;margin-bottom:15px;}
}




/*门店查询弹窗*/
.download-item-con a{cursor:pointer}
.lybbk{display:none;position:fixed;z-index:111111;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.lybbk .con{position:relative;background:#252525;box-shadow:0 0 15px rgb(0 0 0 / 30%);width:640px;margin: 0 auto;padding:50px 0 30px;border-radius:5px;}

.yy{position:fixed;width:100%;height:100%;display:none;content:'';top:0;left:0;cursor:pointer;background-color: rgba(0, 0, 0, .6);z-index:99999}
.close_xx_m{position:absolute;right:15px;top:15px;width:24px;height:24px;background:url(../images/home_close_xx.png) no-repeat center;cursor:pointer;z-index:999}

.lybbk .ejj1x{position:relative}
.lybbk .ejj1x span{padding:7px 15px;background:#2f2f2f;border-radius:15px;text-transform:uppercase;color:#d8d8d8;font-size:12px}
.lybbk .ejj2x{color:#00569c;font-size:22px;padding:25px 0 40px;letter-spacing:2.60416vw;padding-left:2.60416vw}

.lybbk .ejj4 {
    color: #d8d8d8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 5px;
    opacity: .5;
}



@media (max-width:1169px){
    .lybbk{width:96%}
}
@media (max-width:700px){
    .xaiz_tit h3{font-size:20px;line-height:1.7;}
    
    
    .lybbk .con{width:95%;}
    
}
.x-message-wrap12{margin-left:0;margin-right:0;position:relative;padding-left:8.333vw;padding-right:8.333vw;width:100%;}
.x-message-wrap12 .row{margin-left:-5px;font-size:0;margin-right:-5px}
.x-message-wrap12 div[class^=col-]{padding-left:5px;padding-right:5px;position:relative}
.x-message-wrap12 input[type=text],.x-message-wrap12 textarea{width:100%;height:33px;padding:0 15px;font-size:12px;color:#bababa;background:#444444;outline:0;
margin-bottom:10px;border:none;border-radius: 5px;}
.x-message-wrap12 input[type=text]::-webkit-input-placeholder,.x-message-wrap12 textarea::-webkit-input-placeholder{color:#bababa}
.x-message-wrap12 input[type=text]:-ms-input-placeholder,.x-message-wrap12 textarea:-ms-input-placeholder{color:#bababa}
.x-message-wrap12 input[type=text]::-ms-input-placeholder,.x-message-wrap12 textarea::-ms-input-placeholder{color:#bababa}
.x-message-wrap12 input[type=text]::placeholder,.x-message-wrap12 textarea::placeholder{color:#bababa}
.x-message-wrap12 textarea{padding-top:15px;height:80px;resize:none}
.x-message-wrap12 #checkcode{float:left;width:62.29813665%;margin-bottom:0}
.x-message-wrap12 #codeimg2{float:right;display:block;text-align:center;width:35.39130435%;height:33px;font-size:0;background:#444444;padding:0}
.x-message-wrap12 .x-submit{margin-top:0;width:80px;height:30px;background:#00569c;color:#bababa;font-size:12px;border:none;outline:0;text-align: center;
-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:30px;background:url(../images/tijiao-img.png) no-repeat center;}
/*.x-message-wrap12 .x-submit:hover{background:#00569c}*/
.x-message-wrap12 .n-default .x-textarea .msg-wrap{top:10px}
.x-message-wrap12 .code-group{margin-bottom:15px}
.x-message-wrap12 .input-g{position:relative;display:flex;justify-content:space-between;}
.x-message-wrap12 .input-g .msg{width:calc(100% - 140px);}

.x-message-wrap12 .tijiao{text-align:center;margin:40px 0;}

.x-message-wrap12 .input-g .msgcode{position:relative;border:none;line-height:33px;border-radius:5px;
font-size:14px;color:#bababa;background:#303030;outline:0;height: 33px;padding: 0 15px;}

.x-message-wrap12 .input-g .msgcode:hover{background:#444444;color:#fff}
.nei-con h3{font-size:20px;font-weight:700;color:#fff}
.nei-con .nei-text{font-size:14px;line-height:26px;color:rgba(255,255,255,.8);margin-top:20px}
.nei-down{margin-top:40px}
.w-link{margin-bottom:20px}
.w-link span{color:#333;font:400 16px/36px "Microsoft yahei"}
.w-link a{color:#555;font:400 15px/36px "Microsoft yahei"}




/* 88丈夫节 */
@media (max-width:992px){
    .eighte{
        padding-left:20px;
        padding-right:20px;
    }
    .eighte .hus_two_con{
        margin-left:0px;
        margin-right:0px;
    }
    
    
    .hus_two_con .video-wen{
        font-size:14px;
    }
    
}