@charset "UTF-8";
            @font-face {
                font-family: 'ico';
                src: url('../font/iconfont.eot');
                src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#ico') format('svg');
            }
            
            @media (max-width:767px) {
                html {
                    font-size: 26px !important
                }
            }
            
            @media (max-width:479px) {
                html {
                    font-size: 24px !important
                }
            }
            
            @media (max-width:320px) {
                html {
                    font-size: 20px !important
                }
            }
            
            @media (min-width:768px) {
                html {
                    font-size: 28px !important
                }
            }
            
            @media (min-width:1200px) {
                html {
                    font-size: 30px !important
                }
            }
            
            @media (min-width:1440px) {
                html {
                    font-size: 34px !important
                }
            }
            
            @media (min-width:1680px) {
                html {
                    font-size: 40px !important
                }
            }
            
            html,
            body {
                overflow-x: hidden;
                font-family: "ico", "微软雅黑";
            }
            
            div,
            ul,
            li,
            span,
            a {
                box-sizing: border-box
            }
            
            .weixin-tip {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: 10;
                display: none;
                background: rgba(0, 0, 0, 0.7)
            }
            
            .xinjiaimgdiv {
                position: relative
            }
            
            .xinjiaimgdiv .title-xin {
                position: absolute;
                top: 10%;
                left: 50%;
                transform: translateX(-50%);
                width: 80%;
                text-align: center
            }
            
            .xinjiaimgdiv .xin-right {
                position: absolute;
                bottom: 10%;
                left: 13%;
                text-align: left
            }
            
            .xinjiaimgdiv .xin-right .rightname {
                font-size: 0.75rem;
                line-height: 0.8rem;
                color: #666
            }
            
            .xinjiaimgdiv .pc-imgixn {
                position: relative
            }
            
            .xinjiaimgdiv .pho-imgixn {
                position: relative;
                display: none
            }
            
            .xinjiaimgdiv .xin-right .rightname-p {
                font-size: .5rem;
                line-height: 0.7rem;
                color: #666;
                margin-top: 0.2rem
            }
            
            .xinjiaimgdiv .title-xin .xinname {
                font-size: 1rem;
                line-height: 1.25;
                color: #666
            }
            
            .xinjiaimgdiv .title-xin .xin-p {
                font-size: .5rem;
                line-height: 0.7rem;
                color: #666;
                margin-top: 0.25rem
            }
            
            .xinjiaimgdiv img {
                width: 100%
            }
            
            .por {
                position: relative
            }
            
            .poa {
                position: absolute
            }
            
            .w92 {
                width: 87.5%;
                margin-left: auto;
                margin-right: auto
            }
            
            .Arial {
                font-family: "Arial"
            }
            
            .toUpp {
                text-transform: uppercase
            }
            
            .bgff {
                background: #fff
            }
            
            .bgf1 {
                background: #f1f1f1
            }
            
            .app .moudle-titles3 {
                padding: 1.9rem 0 .9rem
            }
            
            .nowrap {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap
            }
            
            .omit {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }
            
            .poaafter {
                display: block;
                position: absolute;
                content: ""
            }
            
            .omit1 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical
            }
            
            .omit2 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }
            
            .omit3 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical
            }
            
            .omit4 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical
            }
            
            .omit5 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical
            }
            
            .omit6 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }
            
            .omit7 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical
            }
            
            .omit8 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical
            }
            
            .omit9 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical
            }
            
            .nowrap {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }
            
            .opa7 {
                opacity: .7;
                filter: alpha(opacity=70)
            }
            
            .ovh {
                overflow: hidden
            }
            
            .ovs {
                overflow: visible
            }
            
            .img100 {
                display: block;
                max-width: 100%;
                margin: 0 auto
            }
            
            .table {
                display: table;
                width: 100%;
                height: 100%
            }
            
            .table-cell {
                display: table-cell;
                vertical-align: middle
            }
            
            .flexBox {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between
            }
            
            .can-hover .img-wrap {
                overflow: hidden
            }
            
            .can-hover .img-wrap .img100 {
                transition: all 1s ease
            }
            
            .can-hover:hover .img-wrap .img100 {
                transform: scale3D(1.1, 1.1, 1.1)
            }
            
            .bgImg {
                display: none;
                background-size: cover !important;
                background-repeat: no-repeat !important;
                background-position: center !important
            }
            
            .bgef {}
            
            .poa50 {
                position: absolute;
                left: 50%;
                top: 50%
            }
            
            .poa100 {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }
            
            .sha10 {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .header-nav,
            .search-btn {
                transition: all 0.5s
            }
            
            .hide1 {
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                opacity: 0
            }
            
            .show1 {
                z-index: 3;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
            
            .w740 {
                width: 740px
            }
            
            .bgf5 {
                background: #f5f5f5
            }
            
            .w840 {
                width: 840px
            }
            
            .w850 {
                width: 850px
            }
            
            .w1180 {
                width: 1180px
            }
            
            .w1280 {
                width: 1280px
            }
            
            .w1200 {
                width: 1200px
            }
            
            .w1240 {
                width: 1240px
            }
            
            .w1450 {
                width: 1450px
            }
            
            .w1600 {
                width: 70vw
            }
            
            .w1690 {
                width: 88vw
            }
            
            .w840,
            .w740,
            .w850,
            .w1280,
            .w1200,
            .w1600,
            .w1240,
            .w1450,
            .w1180,
            .w1690 {
                margin-left: auto;
                margin-right: auto
            }
            
            .header {
                overflow: visible;
                position: fixed;
                z-index: 100;
                left: 0;
                top: 0;
                width: 100%;
                padding-top: 20px;
                background: #FFFFFF;
                transition-duration: .5s
            }
            
            .header .logo {
                flex: 0 0 156px;
                height: 24px
            }
            
            .header .logo .img100:nth-of-type(1) {
                display: block
            }
            
            .header .logo .img100:nth-of-type(2) {
                display: none
            }
            
            .header .m-nav-btn {
                display: none;
                position: absolute;
                width: 20px;
                height: 14px;
                cursor: pointer;
                left: 6.125%;
                top: 27px
            }
            
            .header .m-nav-btn.cur .line1 {
                transform: rotate(47deg)
            }
            
            .header .m-nav-btn.cur .line2 {
                display: none
            }
            
            .header .m-nav-btn.cur .line3 {
                transform: rotate(-47deg)
            }
            
            .header .m-nav-btn .line {
                position: absolute;
                display: block;
                width: 100%;
                height: 2px;
                background-color: #0084DA;
                left: 0;
                transition: all .5s ease;
                margin: 0
            }
            
            .header .m-nav-btn .line1 {
                top: 0;
                -webkit-transform-origin: left top 0;
                -ms-transform-origin: left top 0;
                transform-origin: left top 0
            }
            
            .header .m-nav-btn .line2 {
                top: 7px
            }
            
            .header .m-nav-btn .line3 {
                top: 100%;
                -webkit-transform-origin: left bottom 0;
                -ms-transform-origin: left bottom 0;
                transform-origin: left bottom 0
            }
            
            .header .header-right {
                flex: 0 0 992px;
                display: inline-flex;
                justify-content: space-around
            }
            
            .header .header-mains {
                transition: all 0.5s
            }
            
            .header .language-a-wrap {
                flex: 0 0 74px;
                height: 24px;
                padding-top: 2px;
                display: inline-flex;
                justify-content: space-around;
                margin: 0 52px;
                position: relative
            }
            
            .header .language-a-wrap:before,
            .header .language-a-wrap:after {
                position: absolute;
                top: 50%;
                margin-top: -6px;
                display: inline-block;
                content: "";
                height: 14px;
                width: 1px;
                background: rgba(255, 255, 255, 0.1)
            }
            
            .header .language-a-wrap:before {
                left: -26px
            }
            
            .header .language-a-wrap:after {
                right: -26px
            }
            
            .header .language-a {
                display: inline-block;
                position: relative;
                flex: 0 0 36px;
                height: 20px;
                line-height: 18px;
                border: 1px solid #fff;
                transition-duration: .3s;
                text-align: center;
                color: #333333;
                overflow: hidden
            }
            
            .header .language-a:hover,
            .header .language-a.cur {
                color: #1b1b1b;
                background: #fff
            }
            
            .header .en-a {
                left: 1px;
                border-radius: 10px 0 0 10px
            }
            
            .header .cn-a {
                border-left: none;
                border-radius: 0 10px 10px 0
            }
            
            .header .mobile-a {
                position: relative;
                flex: 0 0 20px;
                display: inline-block;
                width: 20px;
                height: 20px;
                margin: 2px 17px 0 0;
                background: url(../images/moblie.png) no-repeat center
            }
            
            .header .mobile-hides {
                display: none;
                position: absolute;
                left: 50%;
                top: calc(100% + 22px);
                width: 226px;
                padding: 10px 0;
                background: #fff;
                transform: translateX(-50%);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                text-align: center
            }
            
            .header .ewm-hides-item {
                display: inline-block;
                width: 90px;
                vertical-align: top;
                margin: 0 10px
            }
            
            .header .ewm-img-wrap {
                padding: 5px;
                border: 1px solid #ebdfdf
            }
            
            .header .ewm-txt {
                font-size: 12px;
                line-height: 1.2;
                margin-top: 10px;
                color: #333
            }
            
            .header .show-search-btn {
                margin-top: -6px;
                display: inline-block;
                width: 20px;
                flex: 0 0 20px;
                cursor: pointer;
                height: 20px;
                transition-duration: .3s;
                font-size: 20px;
                color: #1480DA;
            }
            
            .header .show-search-btn::after {
                content: "\e6b9";
            }
            
            .pc_zx {
                display: block
            }
            
            .yd_zx {
                display: none
            }
            
            .fanbox {
                float: left;
                width: 94%;
                margin: 0 3%;
                overflow: hidden
            }
            
            .fanbox .swiper-pagination {
                float: left;
                position: relative;
                text-align: center;
                margin-top: 20px
            }
            
            .fanbox .swiper-pagination span {
                width: 30px;
                border-radius: 0;
                height: 2px
            }
            
            .m-language-a {
                display: none;
                padding-top: 4px;
                bottom: 20px;
                right: 6.125%;
                width: 74px;
                height: 28px;
                justify-content: space-around;
                position: absolute
            }
            
            .header-nav {
                flex: 0 0 auto;
                display: inline-flex
            }
            
            .header-nav .nav-item {
                position: relative;
                flex: 0 0 auto;
                padding-bottom: 20px
            }
            
            .header-nav .nav-item:hover .nav-top-a1,
            .header-nav .nav-item.cur .nav-top-a1 {
                color: #0084DA
            }
            
            .header-nav .nav-sub-wrap {
                display: none;
                background: rgba(27, 27, 27, 0.7);
                position: absolute;
                right: 0;
                top: 100%;
                width: calc(100% + 20px)
            }
            
            .header-nav .nav-top-a1 {
                display: block;
                font-size: 14px;
                line-height: 24px;
                padding-right: 44px;
                color: #333333;
                transition-duration: .3s
            }
            
            .header-nav .nav-top-a2 {
                display: block;
                text-align: center;
                font-size: 12px;
                line-height: 24px;
                padding: 0 14px;
                color: #fff;
                background: #e60039;
                border-radius: 12px;
                transition-duration: .3s
            }
            
            .header-nav .sub-a {
                display: block;
                min-height: 44px;
                font-size: 12px;
                color: #fff;
                transition-duration: .3s;
                padding: 10px 10px 0 20px;
                border-top: 1px solid rgba(255, 255, 255, 0.2)
            }
            
            .header-nav .sub-a:hover {
                background: #e60039;
                padding-left: 16px
            }
            
            .header-search-wrap {
                position: fixed;
                z-index: 4;
                left: 50%;
                top: 15px;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                opacity: 0;
                width: 600px;
                height: 34px;
                margin-left: -300px;
                border: 1px solid rgba(0, 0, 0, 0.2);
                color: #666;
                line-height: 34px;
                transition: all 0.5s;
                background: #fff;
                padding-right: 50px
            }
            
            .header-search-wrap .submit {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 5;
                width: 36px;
                height: 34px;
                background: url(../images/ser1.png) no-repeat center;
                border: none;
                box-sizing: border-box
            }
            
            .header-search-wrap .ser-input {
                width: 100%;
                height: 34px;
                position: relative;
                border: none;
                background: none;
                box-sizing: border-box;
                text-indent: 20px
            }
            
            .header-search-wrap .search-close {
                position: absolute;
                display: block;
                right: -60px;
                top: 50%;
                margin-top: -17px;
                width: 34px;
                height: 34px;
                line-height: 34px;
                font-size: 30px;
                cursor: pointer;
                transition-duration: .5s;
                color: #bfb9b9;
            }
            
            .header-search-wrap .search-close::after {
                content: "\e700";
                display: inline-block;
            }
            
            .header-search-wrap .search-close:hover {
                transform: rotate(90deg)
            }
            
            .toUpp {
                text-transform: uppercase
            }
            
            .pro-hd01 {
                position: absolute;
                z-index: 3;
                width: 1280px !important;
                bottom: 4rem !important;
                left: 50% !important;
                transform: translate(-50%, 0)
            }
            
            .pro-hd01 .swiper-pagination-bullet {
                width: 30px;
                height: 30px;
                display: inline-block;
                margin: 0 5px !important;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                background: none;
                opacity: 1;
                border: 1px solid transparent
            }
            
            .pro-hd01 .swiper-pagination-bullet:before {
                position: absolute;
                display: block;
                left: 50%;
                top: 50%;
                content: "";
                width: 4px;
                height: 4px;
                margin-left: -2px;
                margin-top: -2px;
                border-radius: 50%;
                transition-duration: .5s;
                background: #fff
            }
            
            .pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                border-color: #fff
            }
            
            .pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
                transform: scale(1.5)
            }
            
            .pro-hd02 {
                padding: 1.6rem 0 2rem;
                text-align: center
            }
            
            .pro-hd02 .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin: 0 5px !important;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                background: none;
                opacity: 1;
                border: 1px solid #8d8d8d
            }
            
            .pro-hd02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                border-color: #e60039;
                background: #e60039
            }
            
            .intro-list11-hd01 {
                padding: 1.5rem 0;
                text-align: center
            }
            
            .intro-list11-hd01 .swiper-pagination-bullet {
                width: 1rem;
                height: 2px;
                display: inline-block;
                margin: 0 8px !important;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                opacity: 1;
                background: #999;
                border-radius: 0
            }
            
            .intro-list11-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                height: 4px;
                background: #e8334a
            }
            
            .pro-hd03 {
                height: 10px;
                position: absolute;
                left: 0;
                bottom: 30px;
                width: 100%;
                text-align: center
            }
            
            .pro-hd03 .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin: 0 5px !important;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                background: none;
                opacity: 1;
                border: 1px solid #fff
            }
            
            .pro-hd03 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #fff
            }
            
            .wel-hd01 {
                position: absolute;
                z-index: 3;
                bottom: 25px !important;
                left: 0 !important;
                text-align: center
            }
            
            .wel-hd01 .swiper-pagination-bullet {
                width: 30px;
                height: 30px;
                display: inline-block;
                margin: 0 5px !important;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                background: none;
                opacity: 1;
                border: 1px solid transparent
            }
            
            .wel-hd01 .swiper-pagination-bullet:before {
                position: absolute;
                display: block;
                left: 50%;
                top: 50%;
                content: "";
                width: 4px;
                height: 4px;
                margin-left: -2px;
                margin-top: -2px;
                border-radius: 50%;
                transition-duration: .5s;
                background: #fff
            }
            
            .wel-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                border-color: #fff
            }
            
            .wel-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
                transform: scale(1.5)
            }
            
            .welcome .search {
                display: none;
            }
            
            .footer {
                background: url(../images/footer-bg.jpg) no-repeat center
            }
            
            .footer-outerLink {
                justify-content: center
            }
            
            .footer-outerLink .outer-item {
                z-index: 3;
                flex: 0 0 auto;
                position: relative;
                margin-left: 2.4rem;
                cursor: pointer;
                padding: 1.7rem 0
            }
            
            .footer-outerLink .outer-item:before {
                background: #e5e5e5;
                height: 40px;
                content: "";
                display: block;
                width: 1px;
                position: absolute;
                left: -1.2rem;
                top: 50%;
                margin-top: -20px
            }
            
            .footer-outerLink .outer-item:first-child {
                margin-left: 0
            }
            
            .footer-outerLink .outer-item:first-child:before {
                display: none
            }
            
            .footer-outerLink .outer-item:hover .hover {
                display: block
            }
            
            .footer-outerLink .outer-item:hover .unhover {
                display: none
            }
            
            .footer-outerLink .outer-item:hover .outer-name,
            .footer-outerLink .outer-item:hover .outer-detail {
                color: #0084DA
            }
            
            .footer-outerLink .outer-ewm {
                display: none;
                background: #fff;
                padding: 2px;
                position: absolute;
                bottom: 100%;
                left: 0;
                width: 140px;
                margin-bottom: 16px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .footer-outerLink .hover {
                display: none
            }
            
            .footer-outerLink .outer-mains {
                justify-content: flex-start
            }
            
            .footer-outerLink .outer-ico {
                flex: 0 0 26px;
                width: 26px;
                position: relative;
                height: 24px;
                overflow: hidden;
                margin-right: 12px
            }
            
            .footer-outerLink .outer-ico .img100 {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0
            }
            
            .footer-outerLink .outer-txts {
                position: relative;
                flex: 0 0 auto;
                max-width: 210px
            }
            
            .footer-outerLink .outer-name {
                font-size: 18px;
                line-height: 20px;
                color: #333;
                margin-bottom: 5px;
                transition-duration: .3s
            }
            
            .footer-outerLink .outer-detail {
                font-size: 14px;
                line-height: 20px;
                color: #6f6f6f;
                transition-duration: .3s
            }
            
            .footer-top {
                padding: 2.8rem 0 3.2rem
            }
            
            .footer-top .footer-top-left {
                flex: 1
            }
            
            .footer-top .footer-top-right {
                flex: 0.8
            }
            
            .footer-top .footer-right {
                flex: 0 0 auto
            }
            
            .footer-top .footer-nav {
                flex: 0 0 33%;
                margin-bottom: 1rem
            }
            
            .footer-top .footer-nav-a1 {
                display: block;
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 1rem;
                color: #fff
            }
            
            .footer-top .footer-nav-a11 {
                color: #e60039;
                font-size: 14px;
                margin-bottom: 12px;
                background: url(../images/footer-ico1.png) no-repeat left center;
                padding-left: 28px;
                transition-duration: .3s
            }
            
            .footer-top .footer-nav-a11:hover {
                padding-left: 24px
            }
            
            .footer-top .footer-nav-a2 {
                display: block;
                font-size: 14px;
                height: 32px;
                line-height: 32px;
                color: rgba(255, 255, 255, 0.6);
                transition-duration: .3s
            }
            
            .footer-top .footer-nav-a2:hover {
                color: #fff
            }
            
            .footer-top .tele-h5 {
                text-align: right
            }
            
            .footer-top .ewm-btns {
                justify-content: flex-end
            }
            
            .footer-top .tele-num {
                font-size: 30px;
                line-height: 1.3;
                color: #e60039;
                margin-bottom: 1.1rem
            }
            
            .footer-right-address {
                font-size: 14px;
                line-height: 24px;
                color: #b2b6c0
            }
            
            .footer-right-address .footer-company,
            .footer-right-address .work-h5,
            .footer-right-address .ser-line {
                color: #fff;
                margin-top: 1rem
            }
            
            .footer-right-address .footer-add-h5 {
                padding-left: 15px;
                color: #e60039;
                margin-top: 1rem;
                background: url(../images/add2.png) no-repeat left center
            }
            
            .footer-bot {
                padding: 20px 0;
                font-size: 14px;
                line-height: 32px;
                color: rgba(255, 255, 255, 0.5);
                background: #373434
            }
            
            .footer-bot .boc-a {
                color: rgba(255, 255, 255, 0.5);
                transition: all .3s ease
            }
            
            .footer-bot .boc-a:hover {
                color: #fff
            }
            
            .footer-bot .footer-bot-dl {
                flex: 0 0 auto
            }
            
            .footer-bot .footer-bot-dr {
                position: relative;
                flex: 0 0 230px
            }
            
            .footer-bot .friend-name {
                cursor: pointer;
                color: rgba(255, 255, 255, 0.5);
                padding-left: 15px;
                background: url(../images/sectiontopon.png) no-repeat left 80px center
            }
            
            .footer-bot .friend-a {
                display: block;
                color: #333;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                transition-duration: .3s;
                padding: 0 10px
            }
            
            .footer-bot .friend-a:hover {
                background: #fff;
                color: #e60039
            }
            
            .footer-bot .friend-hides {
                position: absolute;
                z-index: 3;
                width: 100%;
                bottom: 100%;
                left: 0;
                display: none;
                background: #d8d7d7;
                color: #333;
                height: auto;
                line-height: 40px
            }
            
            .m-footer-outerLink {
                display: none;
            }
            
            .m-footer-nav {
                display: none;
            }
            
            .book-email {
                width: 382px;
                color: rgba(0, 0, 0, 0.5);
                font-size: 14px;
                line-height: 48px
            }
            
            .book-email .book-title {
                font-size: 18px;
                line-height: 22px;
                color: #fff;
                margin-bottom: 1rem
            }
            
            .book-email .book-mains {
                position: relative;
                padding-right: 110px;
                background: #d8d7d7
            }
            
            .book-email .book-input {
                width: 100%;
                background: none;
                border: none;
                display: block;
                height: 48px;
                padding: 0 22px;
                box-sizing: border-box
            }
            
            .book-email .book-input::placeHolder {
                color: rgba(0, 0, 0, 0.5)
            }
            
            .book-email .book-submit {
                padding: 0;
                border: none;
                position: absolute;
                right: 0;
                top: 0;
                width: 110px;
                height: 48px;
                background: #e60039;
                text-align: center;
                color: #fff;
                border: none;
                display: block
            }
            
            .load-more {
                display: block;
                position: relative;
                text-align: center;
                width: 180px;
                height: 50px;
                border: 1px solid #e60039;
                border-radius: 25px;
                overflow: hidden;
                padding-top: 15px;
                margin: 30px auto 0
            }
            
            .load-more:after {
                content: "";
                position: absolute;
                z-index: 0;
                background: #e60039;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%
            }
            
            .load-more:before {
                content: "";
                display: block;
                width: 124%;
                height: 100%;
                position: absolute;
                left: -131%;
                top: 0;
                z-index: 1;
                background: #fff;
                transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                transform: skewX(45deg);
                -webkit-transform: skewX(45deg);
                -moz-transform: skewX(45deg)
            }
            
            .load-more .load-s0 {
                position: relative;
                z-index: 2;
                color: #fff;
                font-size: 14px;
                line-height: 20px;
                height: 20px;
                vertical-align: top;
                transition: .3s ease-in-out
            }
            
            .load-more:hover .load-s0 {
                color: #e60039
            }
            
            .load-more:hover:before {
                left: -13%
            }
            
            .pages {
                padding: 28px 0 2rem;
                text-align: center;
                font-size: 14px;
                line-height: 40px
            }
            
            .pages .pagination {
                display: inline-block
            }
            
            .pages .pagination a {
                display: inline-block;
                width: 40px;
                height: 40px;
                color: #000;
                text-align: center;
                border: 1px solid #d1d7d7;
                transition: all .3s linear;
                font-family: "Arial";
                vertical-align: top;
                margin: 0 5px;
                border-radius: 50%;
                line-height: 38px
            }
            
            .pages .pagination a:hover,
            .pages .pagination a.active {
                color: #fff;
                background: #e60039;
                border-color: #e60039
            }
            
            .pages .pagination .prev,
            .pages .pagination .next {
                overflow: hidden;
                color: transparent;
                font-size: 0;
                line-height: 40px;
                border-color: transparent
            }
            
            .pages .pagination .prev:hover,
            .pages .pagination .next:hover {
                color: transparent;
                font-size: 0
            }
            
            .pages .pagination .prev {
                color: transparent;
                font-size: 0;
                background: url(../images/page-prev.png) no-repeat center
            }
            
            .pages .pagination .prev:hover,
            .pages .pagination .prev.active {
                border-color: transparent;
                background: url(../images/page-prevon.png) no-repeat center
            }
            
            .pages .pagination .next {
                background: url(../images/page-next.png) no-repeat center
            }
            
            .pages .pagination .next:hover,
            .pages .pagination .next.active {
                border-color: transparent;
                background: url(../images/page-nexton.png) no-repeat center
            }
            
            .pages .total-pages {
                display: inline-block;
                vertical-align: top;
                width: auto;
                color: #666
            }
            
            .por {
                position: relative
            }
            
            .js-left {
                opacity: 0;
                transform: translateX(-30px);
                transition-property: transform opacity;
                transition-duration: .8s;
                transition-timing-function: ease
            }
            
            .js-right {
                opacity: 0;
                transform: translateX(30px);
                transition-property: transform opacity;
                transition-duration: .8s;
                transition-timing-function: ease
            }
            
            .view-more1-wrap {
                transition-delay: .8s
            }
            
            .view-more1 {
                width: 200px;
                height: 52px;
                line-height: 52px;
                background: #e60039;
                color: #fff;
                border-radius: 26px;
                font-size: 14px;
                text-transform: uppercase;
                font-family: 'Arial';
                text-align: center;
                font-weight: bold;
                transition-duration: .3s
            }
            
            .view-more1:hover {
                transform: translateX(10px)
            }
            
            .view-more1:after {
                position: relative;
                top: -2px;
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 6px;
                height: 10px;
                margin-left: 20px;
                transition-duration: .3s;
                background: url(../images/view-more1.png) no-repeat center
            }
            
            @keyframes ball-clip-rotate-multiple-rotate1 {
                0% {
                    -webkit-transform: translate(-50%, -50%) rotate(0deg);
                    -moz-transform: translate(-50%, -50%) rotate(0deg);
                    -o-transform: translate(-50%, -50%) rotate(0deg);
                    transform: translate(-50%, -50%) rotate(0deg)
                }
                50% {
                    -webkit-transform: translate(-50%, -50%) rotate(180deg);
                    -moz-transform: translate(-50%, -50%) rotate(180deg);
                    -o-transform: translate(-50%, -50%) rotate(180deg);
                    transform: translate(-50%, -50%) rotate(180deg)
                }
                100% {
                    -webkit-transform: translate(-50%, -50%) rotate(360deg);
                    -moz-transform: translate(-50%, -50%) rotate(360deg);
                    -o-transform: translate(-50%, -50%) rotate(360deg);
                    transform: translate(-50%, -50%) rotate(360deg)
                }
            }
            
            @keyframes ball-clip-rotate-multiple-rotate2 {
                0% {
                    -webkit-transform: translate(-50%, -50%) rotate(0deg);
                    -moz-transform: translate(-50%, -50%) rotate(0deg);
                    -o-transform: translate(-50%, -50%) rotate(0deg);
                    transform: translate(-50%, -50%) rotate(0deg)
                }
                50% {
                    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
                    -moz-transform: translate(-50%, -50%) rotate(-180deg);
                    -o-transform: translate(-50%, -50%) rotate(-180deg);
                    transform: translate(-50%, -50%) rotate(-180deg)
                }
                100% {
                    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
                    -moz-transform: translate(-50%, -50%) rotate(-360deg);
                    -o-transform: translate(-50%, -50%) rotate(-360deg);
                    transform: translate(-50%, -50%) rotate(-360deg)
                }
            }
            
            .loaddings {
                position: absolute;
                z-index: 0;
                left: 50%;
                top: 50%;
                display: block;
                width: 48px;
                height: 48px;
                transform: translate(-50%, -50%);
                border-radius: 50%
            }
            
            .loaddings:before,
            .loaddings:after {
                border: 4px solid #999;
                box-sizing: border-box;
                border-radius: 50%;
                display: block;
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 0;
                transform: translate(-50%, -50%)
            }
            
            .loaddings:before {
                border-left-color: transparent;
                border-right-color: transparent;
                width: 48px;
                height: 48px;
                animation: ball-clip-rotate-multiple-rotate1 1s ease-in-out infinite
            }
            
            .loaddings:after {
                border-top-color: transparent;
                border-bottom-color: transparent;
                width: 28px;
                height: 28px;
                animation: ball-clip-rotate-multiple-rotate2 1s ease-in-out infinite
            }
            
            .ajax-contents {
                opacity: 0;
                -webkit-transform: scale3d(0.8, 0.8, 1);
                -moz-transform: scale3d(0.8, 0.8, 1);
                -webkit-transition: all .6s;
                transition: all .6s
            }
            
            .ajax-contents.cur {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1)
            }
            
            .moudle-titles1 {
                text-align: center;
                padding: 50px 0 44px
            }
            
            .moudle-titles1 .moudle-h6 {
                font-size: 24px;
                line-height: 1.2;
                color: #4d4948;
                margin-bottom: 12px
            }
            
            .moudle-titles1 .moudle-h5 {
                font-size: 36px;
                line-height: 1.2;
                color: #333
            }
            
            .moudle-titles3 .moudle-h4 {
                font-size: 48px;
                line-height: 1.2;
                padding-bottom: 6px;
                color: #333
            }
            
            .moudle-titles1 .moudle-font18 {
                font-size: 18px;
                line-height: 1.2;
                color: #888;
                margin-top: 14px
            }
            
            .moudle-titles1 .s-red {
                color: #e60039
            }
            
            .moudle-titles1 .h5-s0,
            .moudle-titles1 .s-red {
                position: relative
            }
            
            .moudle-titles1 .h5-s0:after,
            .moudle-titles1 .s-red:after {
                position: absolute;
                content: "";
                display: block;
                width: 89px;
                height: 60px;
                top: -24px;
                right: -18px;
                z-index: 0;
                background: url(../images/bg-ico1.png) no-repeat center
            }
            
            .moudle-titles2 {
                text-align: center;
                padding: 70px 0 48px
            }
            
            .moudle-titles2 .moudle-h5 {
                font-size: 36px;
                line-height: 1.2;
                color: #4d4948
            }
            
            .moudle-titles2 .moudle-h5:after {
                content: "";
                display: block;
                width: 48px;
                height: 2px;
                margin: 16px auto 0;
                background: #666
            }
            
            .moudle-titles2.white .moudle-h5 {
                color: #fff
            }
            
            .moudle-titles2.white .moudle-h5:after {
                background: #fff
            }
            
            .app .flexBox.center {
                justify-content: center
            }
            
            .moudle-titles3 {
                text-align: center;
                padding: 64px 0 56px;
                color: #333
            }
            
            .moudle-titles3 .moudle-h5 {
                font-size: 36px;
                line-height: 1.5
            }
            
            .moudle-titles3 .moudle-h6 {
                font-size: 30px;
                line-height: 1.5;
                color: #666
            }
            
            .moudle-titles3 .moudle-detail {
                font-size: 14px;
                line-height: 2;
                margin-top: 12px
            }
            
            .moudle-titles3.white {
                color: #fff
            }
            
            .moudle-titles3.white .moudle-h5,
            .moudle-titles3.white .moudle-h6 {
                color: #fff
            }
            
            .moudle-titles4 {
                text-align: center;
                padding: 70px 0 48px
            }
            
            .moudle-titles4 .moudle-h5 {
                font-size: 36px;
                line-height: 1.2;
                color: #4d4948
            }
            
            .moudle-titles4 .moudle-h5:after {
                content: "";
                display: block;
                width: 48px;
                height: 2px;
                margin: 16px auto 0;
                background: #666
            }
            
            .moudle-titles4.white .moudle-h5 {
                color: #fff
            }
            
            .moudle-titles4.white .moudle-h5:after {
                background: #fff
            }
            
            .welcome-banner {
                overflow: hidden;
                position: relative
            }
            
            .welcome-banner .m-banner-img {
                display: none
            }
            
            .welcome-banner .swiper-slide {
                position: relative;
                z-index: 2;
                display: block;
                transition-duration: 4s
            }
            
            .welcome-banner .swiper-wrapper {
                position: relative;
                z-index: 2
            }
            
            .wel-list1 {
                padding-bottom: 2.9rem
            }
            
            .wel-list1 .w1600 {
                position: relative
            }
            
            .wel-list1 .list1-titles {
                z-index: 3;
                position: absolute;
                left: 1.6rem;
                bottom: 24px;
                margin-top: 2.7rem
            }
            
            .wel-list1 .tit-en {
                font-size: 16px;
                line-height: 1.2;
                color: rgba(255, 255, 255, 0.6);
                font-family: "Arial";
                position: relative
            }
            
            .wel-list1 .tit-en:before {
                position: absolute;
                right: 100%;
                top: 50%;
                margin-right: 10px;
                content: "";
                display: block;
                width: 110px;
                height: 1px;
                background: #e60039
            }
            
            .wel-list1 .tit-cn {
                font-size: 14px;
                line-height: 1.5;
                color: rgba(255, 255, 255, 0.4)
            }
            
            .wel-list1 .list1-mains {
                padding: 1.5rem 1.6rem 4.5rem;
                position: relative;
                overflow: hidden
            }
            
            .wel-list1 .list1-mains:before {
                content: "";
                height: 655px;
                width: 1098px;
                display: block;
                position: absolute;
                z-index: 0;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background: url(../images/cir.png) no-repeat center;
                background-size: 100% !important;
                transition-duration: .8s;
                animation: cir-scale 3s infinite cubic-bezier(0, 0.43, 0.35, 0.85)
            }
            
            .wel-list1 .nav-tr {
                text-align: center
            }
            
            .wel-list1 .td-s0 {
                display: block;
                width: auto;
                font-size: 14px;
                color: #fff;
                height: 22px;
                line-height: 22px;
                transition-duration: .5s
            }
            
            .wel-list1 .nav-td {
                display: inline-block;
                position: relative;
                transition-duration: .5s;
                cursor: pointer;
                margin: 0 70px
            }
            
            .wel-list1 .nav-td:after {
                content: "";
                display: block;
                position: absolute;
                width: 26px;
                height: 26px;
                background-size: 100% !important;
                background: url(../images/cir2.png) no-repeat center;
                top: calc(100% + 8px);
                left: 50%;
                margin-left: -13px
            }
            
            .wel-list1 .nav-td.cur .td-s0,
            .wel-list1 .nav-td:hover .td-s0 {
                transform: scale(1.42)
            }
            
            .wel-list1 .nav-td.cur:after,
            .wel-list1 .nav-td:hover:after {
                background: url(../images/cir2on.png) no-repeat center
            }
            
            .wel-list1 .nav-tr2 {
                margin-top: 44px
            }
            
            .wel-list1 .nav-tr2 .nav-td:first-child {
                margin-right: 314px
            }
            
            .wel-list1 .nav-tr3 {
                margin-top: 72px
            }
            
            .wel-list1 .nav-tr3 .nav-td:first-child {
                margin-right: 464px
            }
            
            .wel-list1 .nav-tr4 {
                margin-top: 84px
            }
            
            .wel-list1 .nav-tr4 .nav-td:last-child {
                margin-right: 0
            }
            
            .wel-list1 .nav-tr5 {
                margin-top: 74px
            }
            
            .wel-list1 .nav-tr5 .nav-td:first-child {
                margin-right: 314px
            }
            
            .wel-list1 .smart-ico {
                display: block;
                width: 40px;
                position: absolute;
                right: 56px;
                top: 22px
            }
            
            .wel-list1 .smart-name {
                font-size: 20px;
                line-height: 24px;
                color: #333
            }
            
            .wel-list1 .smart-name:after {
                content: "";
                display: block;
                width: 24px;
                height: 1px;
                background: #666;
                margin: 11px 0 14px
            }
            
            .wel-list1 .smart-detail {
                font-size: 14px;
                line-height: 20px;
                color: #666
            }
            
            .wel-list1 .nav-ajax-mains {
                position: absolute;
                padding: 22px 56px 0 22px;
                width: 270px;
                height: 160px;
                overflow: visible;
                background: url(../images/bg1.png) no-repeat center;
                transition-duration: .5s;
                opacity: 0;
                transform: translateX(-20px);
                background-size: 100% 100% !important
            }
            
            .wel-list1 .nav-ajax-mains.show {
                transition-duration: .8s;
                opacity: 1;
                transform: translateX(0)
            }
            
            .m-wel-list1 {
                display: none
            }
            
            .m-wel-list1 .smart-ico {
                display: none
            }
            
            .m-wel-list1 .m-list1-banner-wrap {
                padding-top: 1px
            }
            
            .m-wel-list1 .m-list1-banner {
                overflow: hidden;
                margin-top: 14px
            }
            
            .m-wel-list1 .swiper-slide {
                padding: 5px 0 30px;
                position: relative
            }
            
            .m-wel-list1 .swiper-slide:before,
            .m-wel-list1 .swiper-slide:after {
                background: #efefef;
                content: "";
                display: block;
                position: absolute
            }
            
            .m-wel-list1 .swiper-slide:after {
                display: none
            }
            
            .m-wel-list1 .swiper-slide:before {
                height: 1px;
                width: 100%;
                left: 0;
                bottom: 5px
            }
            
            .m-wel-list1 .cur .ico-wrap:after {
                opacity: 1
            }
            
            .m-wel-list1 .ico-wrap {
                width: 33px;
                height: 33px;
                margin: 0 auto
            }
            
            .m-wel-list1 .ico-wrap:after {
                width: 10px;
                height: 9px;
                left: 50%;
                bottom: 0;
                margin-left: -5px;
                content: "";
                display: block;
                position: absolute;
                background: url(../images/red-three1.png) no-repeat center;
                background-size: 100% !important;
                opacity: 0;
                transition-duration: .3s
            }
            
            .more_cp {
                display: flow-root;
                width: 260px;
                height: 35px;
                background: #FFFFFF;
                border-radius: 19px;
                border: 1px solid #1781DA;
                text-align: center;
                line-height: 35px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #0084DA;
                margin: 0 auto;
                margin-bottom: 20px;
            }
            
            .tan {
                width: 100%;
                height: 100%;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 999999;
                background: rgba(0, 0, 0, 0.5);
                display: none
            }
            
            .tan .inner {
                width: 60%;
                height: 60%;
                background: #FFFFFF;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -30%;
                margin-top: -20%;
                padding: 33px;
                box-sizing: border-box;
                overflow-y: auto
            }
            
            .tan .inner .inner_bt {
                width: 100%;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333
            }
            
            .tan .inner .inner_bt1 {
                width: 100%;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                text-indent: 2em
            }
            
            .wel-list2 {
                padding-bottom: 40px
            }
            
            .wel-list2.fanren2 {
                display: block
            }
            
            .wel-list2.fanren3 {
                display: none
            }
            
            .wel-list2 .scroll-wrap {
                width: 100%;
                height: 620px
            }
            
            .wel-list2 .list2-item {
                width: 70vw;
                height: 100%;
                text-align: center;
                float: left
            }
            
            .wel-list2 .img-wrap {
                width: 100%;
                height: 100%;
                position: relative
            }
            
            .wel-list2 .img-wrap img {
                width: 100vw;
                height: 530px
            }
            
            .fanren3 .img-wrap img {
                width: 70vw;
                height: 140px!important
            }
            
            .wel-list2 .video-btn {
                position: absolute;
                background: url(../images/video-btn1.png) no-repeat center;
                width: 52px;
                height: 52px;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                cursor: pointer;
                transition-duration: .5s
            }
            
            .wel-list2 .video-btn:hover {
                transform: translate(-50%, -50%) scale(0.9)
            }
            
            .wel-list2 .video-name {
                font-size: 20px;
                line-height: 2.4;
                margin-top: 10px;
                color: #333
            }
            
            .wel-list2 .video-ewm {
                display: inline-block;
                width: 27px;
                height: 27px;
                background: url(../images/ewm-ico.png) no-repeat center;
                cursor: pointer
            }
            
            .wel-list2 .list2-item-wrap {
                flex-wrap: nowrap;
                padding-bottom: 1.5rem
            }
            
            .xian {
                width: 100%;
                height: 2px;
                background: #98CBF6;
                position: relative;
                top: -3px;
                position: relative;
                z-index: 1
            }
            
            .minVideoViewBox {
                width: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                position: relative;
                z-index: 2;
            }
            
            .minVideoViewBox::-webkit-scrollbar {
                height: 5px;
                background: none
            }
            
            .minVideoViewBox::-webkit-scrollbar-thumb {
                background: #0084DA;
                border-radius: 6px
            }
            
            .miniStreamView {
                width: 100%;
                display: inline-block
            }
            
            .miniStreamView .video-name {
                width: 100%;
                text-align: center
            }
            
            .yd_jj {
                width: 100%;
                height: 75px;
                box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
                margin-bottom: 10px
            }
            
            .jjke_chooses {
                width: 100%;
                white-space: nowrap;
                font-size: 0;
                background: #fff;
            }
            
            .jjke_chooses .one {
                width: 115px;
                height: 75px;
                font-size: 14px;
                display: inline-block;
                text-align: center;
                font-weight: 500;
                color: #666666;
                border-right: 1px solid #EEEEEE;
                box-sizing: border-box;
                overflow: hidden
            }
            
            .jjke_chooses .cur {
                background: #0084DA;
                color: #FFFFFF
            }
            
            .jjke_chooses .tu {
                width: 29px;
                height: 24px;
                margin: 15px auto 0px;
            }
            
            .wel-list3 .jj_choose .xwdt {
                width: 100%;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            
            .wel-list3 .jj_choose .xwdt .one {
                width: 32%
            }
            
            .wel-list3 .jj_choose .xwdt .one:nth-child(3n) {
                margin-right: 0
            }
            
            .wel-list3 .jj_choose .xwdt .one img {
                width: 100%;
            }
            
            .wel-list3 .jj_choose .jj_choose_tus img {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                height: auto;
                margin: 0 20px 18px 0;
                background: white;
                box-sizing: border-box;
                transition: all .5s;
                -webkit-transition: all .5s;
                /* Safari */
            }
            
            .wel-list3 .jj_choose .jj_choose_tus img:hover {
                cursor: pointer;
                transform: scale(1.1);
                -ms-transform: scale(1.1);
                /* IE 9 */
                -moz-transform: scale(1.1);
                /* Firefox */
                -webkit-transform: scale(1.1);
                /* Safari 和 Chrome */
                -o-transform: scale(1.1);
            }
            
            .wel-list3 .jj_choose .xwdt .one .xwdt_wen1 {
                width: 100%;
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 26px;
                margin-top: 10px
            }
            
            .wel-list3 .jj_choose .xwdt .one .xwdt_wen2 {
                width: 100%;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #999999;
                line-height: 26px;
                margin-top: 10px
            }
            
            .wel-list3 .jj_choose .small_lunbo {
                float: left;
                width: 100%;
                height: 233px;
                background: #EFEFEF;
                padding-left: 56%;
                box-sizing: border-box;
                position: relative;
                top: -121px
            }
            
            .wel-list3 .jj_choose .small_lunbo .s_lb {
                width: 585px;
                height: 233px;
                overflow: hidden;
                position: relative
            }
            
            .wel-list3 .jj_choose .small_lunbo .button_lefts {
                width: 36px;
                position: absolute;
                top: 40%;
                left: 55%;
                z-index: 20
            }
            
            .wel-list3 .jj_choose .small_lunbo .button_rights {
                width: 36px;
                position: absolute;
                top: 40%;
                right: 55%;
                z-index: 20
            }
            
            .wel-list3 .jj_choose .small_lunbo .s_lb .button_rights {
                width: 36px;
                position: absolute;
                top: 40%;
                right: 0
            }
            
            .wel-list3 .jj_choose .small_lunbo .ul {
                width: 975px;
                margin-top: 50px;
                position: absolute
            }
            
            .wel-list3 .jj_choose .small_lunbo .ul li {
                width: 175px;
                margin-right: 20px;
                float: left
            }
            
            .wel-list3 .jj_choose .small_lunbo .ul li img {
                width: 100%;
                height: 121px
            }
            
            .wel-list3 .jj_choose .jianjie .qyzz {
                width: 100%;
                display: flex
            }
            
            .wel-list3 .jj_choose .jianjie .qyzz .qyzz_left {
                flex: 1;
                height: 394px;
                background: #FFFFFF;
                box-shadow: 0px 0px 34px 5px rgba(0, 0, 0, 0.08);
                padding: 32px;
                box-sizing: border-box;
                position: relative;
                z-index: 10
            }
            
            .wel-list3 .jj_choose .jianjie .qyzz .qyzz_left img {
                width: 100%;
                height: 100%
            }
            
            .wel-list3 .jj_choose .jianjie .qyzz .qyzz_right {
                flex: 1;
                padding: 0 40px;
                box-sizing: border-box
            }
            
            .wel-list3 .jj_choose .jianjie .qywh {
                width: 100%;
                opacity: 1;
                display: flex
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one {
                flex: 1
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one img {
                height: 513px;
            }
            
            .wel-list3 .jj_choose .w1600 .jianjie .xwdt .one img {
                height: 513px;
                display: inline-block;
                vertical-align: top;
                height: auto;
                margin: 0 20px 18px 0;
                box-sizing: border-box;
                transition: all .5s;
                -webkit-transition: all .5s;
                /* Safari */
            }
            
            .wel-list3 .jj_choose .w1600 .jianjie .xwdt .one img:hover {
                cursor: pointer;
                transform: scale(1.1);
                -ms-transform: scale(1.1);
                /* IE 9 */
                -moz-transform: scale(1.1);
                /* Firefox */
                -webkit-transform: scale(1.1);
                /* Safari 和 Chrome */
                -o-transform: scale(1.1);
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one .one_one {
                width: 100%;
                height: 171px;
                text-align: center;
                line-height: 171px;
                font-size: 20px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                background: #F3F3F3
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one .one_two {
                width: 100%;
                height: 171px;
                text-align: center;
                line-height: 171px;
                font-size: 20px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                background: #F3F3F3
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one .cur {
                width: 120%;
                background: #0084DA;
                font-size: 27px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 38px;
                position: relative;
                z-index: 99;
                left: 0;
                text-align: center;
                line-height: 171px
            }
            
            .wel-list3 .jj_choose .jianjie .qywh .one .spe {
                width: 120%;
                background: #0084DA;
                font-size: 27px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 38px;
                position: relative;
                z-index: 99;
                left: -20%;
                text-align: center;
                line-height: 171px
            }
            
            .wel-list3 .jj_choose .jianjie .b_g {
                width: 1200px;
                height: 500px;
                margin: 0px auto;
                position: relative;
                overflow: hidden
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul {
                list-style: none;
                width: 6000px;
                position: absolute
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li {
                float: left
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li .top {
                width: 1200px;
                display: flex
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li .top .one {
                flex: 1;
                height: 200px
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li .center {
                width: 1200px;
                display: flex;
                margin-top: 40px;
                margin-bottom: 40px
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li .center .one {
                flex: 1;
                height: 1px;
                background: #DDDDDD;
                position: relative
            }
            
            .wel-list3 .jj_choose .jianjie .b_g ul li .center .one .tow {
                position: absolute;
                width: 64px;
                height: 10px;
                background: #0084DA;
                top: -5px;
                left: 0
            }
            
            .wel-list3 .jj_choose .button_left {
                position: absolute;
                left: 0;
                top: 60%;
                width: 117px;
                height: 95px
            }
            
            .wel-list3 .da_family_sho2 .more {
                float: left;
                width: 200px;
                margin: 10px calc((100% - 200px)/2);
                padding: 5px 0;
                background: #0084da;
                color: #fff;
                font-size: 16px;
                text-align: center;
                cursor: pointer;
            }
            
            .qywhs .one_one {
                background: none;
                color: #333333
            }
            
            .qywhs .cur {
                background: #0084DA;
                color: #FFFFFF
            }
            
            .wel-list3 .jj_choose .button_right {
                position: absolute;
                right: 60px;
                top: 60%;
                width: 117px;
                height: 95px
            }
            
            .wel-list3 .jjke_choose {
                width: 100%;
                height: 132px;
                display: flex
            }
            
            .wel-list3 .jjke_choose .one {
                flex: 1;
                text-align: center;
                cursor: pointer
            }
            
            .wel-list3 .jjke_choose .one img {
                width: 83px;
                height: 42px;
                margin-top: 29px
            }
            
            .wel-list3 .jjke_choose .one:nth-child(1) .tu {
                width: 83px;
                height: 42px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/join_1.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jiameng .one:nth-child(1) .tu {
                width: 40px;
                height: 34px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/joins_1.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jjke_choose .one:nth-child(2) .tu {
                width: 42px;
                height: 35px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/join_2.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jiameng .one:nth-child(2) .tu {
                width: 36px;
                height: 34px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/joins_2.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jjke_choose .one:nth-child(3) .tu {
                width: 32px;
                height: 35px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/join_3.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jiameng .one:nth-child(3) .tu {
                width: 33px;
                height: 35px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/joins_3.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jjke_choose .one:nth-child(4) .tu {
                width: 31px;
                height: 35px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/join_4.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jiameng .one:nth-child(4) .tu {
                width: 33px;
                height: 33px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/joins_4.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jjke_choose .one:nth-child(5) .tu {
                width: 39px;
                height: 35px;
                margin: 0 auto;
                margin-top: 29px;
                background: url('../picture/join_5.png');
                background-size: 100% 100%
            }
            
            .wel-list3 .jjke_choose .one .jj {
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #666666;
                margin-top: 8px
            }
            
            .wel-list3 .jjke_choose .cur {
                background: #0084DA
            }
            
            .wel-list3 .jjke_choose .cur .jj {
                color: #ffffff
            }
            
            .wel-list3 .family_choose {
                width: 100%;
                white-space: nowrap;
            }
            
            .wel-list3 .family_choose::-webkit-scrollbar {
                height: 8px;
                background: none
            }
            
            .wel-list3 .family_choose::-webkit-scrollbar-thumb {
                height: 10px;
                background: rgba(71, 145, 242, .5);
                border-radius: 5px
            }
            
            .wel-list3 .family_choose {
                width: 100%;
                overflow: hidden
            }
            
            .wel-list3 .family_choose .one {
                display: inline-block;
                width: auto;
                border-right: 1px solid rgba(255, 255, 255, 0.1);
                box-sizing: border-box;
                cursor: pointer;
                padding: 0 30px
            }
            
            .wel-list3 .family_choose .one a {
                color: #fff;
            }
            
            .wel-list3 .family_choose .cur {
                background: #0084DA
            }
            
            .wel-list3 .family_choose .cur a {
                color: #fff;
            }
            
            .wel-list3 .family_choose .one .jj {
                width: 100%;
                height: 95px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF
            }
            
            .wel-list3 .saveafter .one .jj {
                color: #666666
            }
            
            .wel-list3 .saveafter .one:last-child {
                display: none;
            }
            
            .wel-list3 .saveafter .cur .jj {
                color: #FFFFFF
            }
            
            .wel-list3 .family_show {
                float: left;
                width: 100%;
            }
            
            .wel-list3 .family_show .one {
                float: left;
                width: calc((100%/4 - 1%) + (1%/4));
                padding: 3%;
                margin: 0.5%;
                box-sizing: border-box;
                background: #FFFFFF;
            }
            
            .wel-list3 .family_show .one:nth-of-type(4n+1) {
                margin-left: 0;
            }
            
            .wel-list3 .family_show .one:nth-of-type(4n+4) {
                margin-right: 0;
            }
            
            .wel-list3 .family_show .one .one_ft1 {
                width: 100%;
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333
            }
            
            .wel-list3 .family_show .one .one_ft2 {
                width: 100%;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                margin-bottom: 30px
            }
            
            .wel-list3 .family_show .one .one_ft3 {
                width: 100%;
            }
            
            .wel-list3 .family_show .one .one_ft3 img {
                display: block;
                width: 182px;
                margin: 0 auto;
                vertical-align: top;
                box-sizing: border-box;
                transition: all .5s;
                -webkit-transition: all .5s;
                /* Safari */
            }
            
            .wel-list3 .family_show .one .one_ft3 img:hover {
                cursor: pointer;
                transform: scale(1.1);
                -ms-transform: scale(1.1);
                /* IE 9 */
                -moz-transform: scale(1.1);
                /* Firefox */
                -webkit-transform: scale(1.1);
                /* Safari 和 Chrome */
                -o-transform: scale(1.1);
            }
            
            .wel-list3 .serve_after {
                width: 100%
            }
            
            .wel-list3 .serve_after .serve_after_1 {
                width: 100%;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #666666;
                line-height: 28px;
                text-align: center
            }
            
            .wel-list3 .serve_after .serve_after_1 {
                width: 100%;
                height: 50px;
                font-size: 36px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 50px;
                text-align: center;
            }
            
            .wel-list3 .serve_after li {
                border-bottom: 1px solid #F5F5F5;
                height: 40px;
                display: block;
                line-height: 40px;
            }
            
            .wel-list3 .serve_after li a {
                color: #333333;
                font-size: 14px;
            }
            
            .wel-list3 .pagesize {
                text-align: center;
            }
            
            .wel-list3 .pagesize li {
                display: inline;
                padding: 0 10px;
            }
            
            .wel-list3 .serve_after img {
                margin-top: 22px;
            }
            /**width:100%，因售后服务内容详情页图片会被拉到100%宽，故取消**/
            
            .w1600 .da_family_sho2 .serve_after img {
                max-width: 100%;
            }
            
            .wel-list3 .serve_after .chanpin {
                width: 100%;
                margin-top: 23px;
                display: flex
            }
            
            .wel-list3 .serve_after .chanpin .one {
                flex: 1
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) {
                flex: 2
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) .two {
                width: 100%;
                overflow: hidden
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right {
                width: 50%;
                overflow: hidden;
                float: left
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj {
                width: 100%;
                height: 77px;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #0084DA;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid #CCCCCC;
                border-bottom: none;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj img {
                width: 16px;
                height: 16px;
                position: relative;
                top: -12px;
                margin-right: 10px
            }
            
            .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .left {
                width: 50%;
                float: left;
                font-size: 18px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid #CCCCCC;
                border-bottom: none;
                border-right: none;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .one .jj {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 20px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                border: 1px solid #CCCCCC;
                border-bottom: none;
                border-right: none;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .one:nth-child(1) .jj {
                border-bottom: 1px solid #CCCCCC;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .one:nth-child(2) .two:last-child .left {
                border-bottom: 1px solid #CCCCCC;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .one:nth-child(2) .two:last-child .right .jj:last-child {
                border-bottom: 1px solid #CCCCCC;
                box-sizing: border-box
            }
            
            .wel-list3 .serve_after .shipin {
                width: 100%;
                margin-top: 25px;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
               
            }
            
            .wel-list3 .serve_after .shipin .one {
                width: 32%;
                height: 270px;
                margin-bottom: 30px;
				margin-right:3px;
            }
            
            .wel-list3 .serve_after .shipin .one .shipin_wen {
                width: 100%;
                height: 22px;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 22px;
                margin-top: 14px;
                text-align: center
            }
            
            .wel-list3 .serve_after .shipin .one .shipins {
                width: 100%;
                height: 234px;
                background: #D8D8D8;
                position: relative
            }
            
            .wel-list3 .serve_after .shipin .one .shipins img {
                position: absolute;
                width: 431px;
                height: 101%;
                top: -10%;
                /* left: 50%;
    margin-left: -28px;
    margin-top: -28px */
            }
            
            .wel-list3 .serve_after .dianhua {
                width: 100%;
                margin-top: 30px;
            }
            
            div.LiveVideo {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                overflow: hidden;
                z-index: 1;
                cursor: pointer;
            }
            
            div.LiveVideo video {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                right: 0;
                z-index: 0;
                background: #000000;
            }
            
            .wel-list3 .jiameng_choose {
                width: 100%
            }
            
            .wel-list3 .jiameng_choose .jm_t {
                width: 100%;
                height: 50px;
                font-size: 36px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 50px;
                text-align: center
            }
            
            .wel-list3 .jiameng_choose .jm_tt {
                width: 100%;
                height: 34px;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 22px;
                text-align: center;
                margin-bottom: 20px;
                margin-top: 17px
            }
            
            .wel-list3 .jiameng_choose .img {
                width: 100%;
                overflow: hidden;
                position: relative
            }
            
            .wel-list3 .jiameng_choose .img .da {
                display: block;
                width: 100%;
                height: 725px
            }
            
            .wel-list3 .jiameng_choose .img .xiao {
                display: block;
                position: absolute;
                top: 35%;
                left: 68.5%
            }
            
            .wel-list3 .jiameng_choose .img .img_t {
                width: 144px;
                height: 40px;
                background: #0084DA;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: rgba(255, 255, 255, 0.6);
                line-height: 40px;
                text-align: center;
                position: absolute;
                top: 0;
                left: 50%;
                margin-left: -72px
            }
            
            .wel-list3 .jiameng_choose .jm_t1 {
                width: 100%;
                height: 25px;
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 25px
            }
            
            .wel-list3 .jiameng_choose .jm_t2 {
                width: 100%;
                height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 20px;
                margin-top: 17px
            }
            
            .wel-list3 .jiameng_choose .oem {
                display: block;
                width: 100%
            }
            
            .wel-list3 .jiameng_choose .er_t {
                width: 100%;
                height: 22px;
                font-size: 16px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 22px;
                margin-top: 19px
            }
            
            .wel-list3 .jiameng_choose .er_ts {
                width: 100%;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 22px;
                margin-top: 5px
            }
            
            .wel-list3 .jiameng_choose .oems {
                width: 100%;
                background: #F4F4F4;
                display: flex
            }
            
            .wel-list3 .jiameng_choose .oems .one {
                flex: 1;
                padding: 24px 0 20px 30px;
                box-sizing: border-box
            }
            
            .wel-list3 .jiameng_choose .oems .one .one_t1 {
                width: 100%;
                height: 28px;
                font-size: 20px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 28px;
                text-align: center
            }
            
            .wel-list3 .jiameng_choose .oems .one .one_t2 {
                width: 100%;
                height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 20px;
                text-align: center;
                margin-top: 9px;
                margin-bottom: 30px
            }
            
            .wel-list3 .jiameng_choose .oems .one .one_t3 {
                width: 100%;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                margin-bottom: 9px
            }
            
            .wel-list3 .jiameng_choose .oems .one .one_t4 {
                width: 100%;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                margin-bottom: 9px
            }
            
            .wel-list3 .jiameng_choose .lianxi {
                width: 100%
            }
            
            .wel-list3 .jiameng_choose .lianxi .one {
                width: 100%;
                text-align: center
            }
            
            .dianhuas {
                width: 100%;
                height: 25px;
                text-align: center;
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #333333;
                line-height: 25px
            }
            
            .wel-list3 .good_nav {
                width: 100%;
                height: 600px;
                padding-top: 120px;
                padding-bottom: 120px;
                position: relative
            }
            
            .wel-list3 .good_nav .good_nav1 {
                width: 84px;
                height: 348px;
                overflow: hidden;
                float: left;
                margin-top: 45px
            }
            
            .wel-list3 .good_nav .good_nav1 .good_nav11 {
                width: 84px;
                height: 348px;
                overflow: hidden;
                position: relative
            }
            
            .wel-list3 .good_nav .good_nav1 .good_nav11 .ul {
                width: 84px;
                height: 464px;
                position: absolute
            }
            
            .wel-list3 .good_nav .good_nav1 .good_nav11 .ul li {
                width: 84px;
                height: 84px;
                padding: 15px 15px 13px 13px;
                border: 1px solid #E3E3E3;
                box-sizing: border-box;
                margin-bottom: 32px;
                list-style: none;
                cursor: pointer
            }
            
            .wel-list3 .good_nav .good_nav1 .good_nav11 .ul .cur {
                border-color: #1480DA
            }
            
            .wel-list3 .good_nav .good_nav1 .good_nav11 .ul li img {
                width: 56px
            }
            
            .wel-list3 .good_nav .jiantou_t {
                position: absolute;
                top: 120px;
                left: 25px;
                width: 32px;
                height: 18px;
                z-index: 10;
                cursor: pointer
            }
            
            .wel-list3 .good_nav .jiantou_t img {
                width: 100%
            }
            
            .wel-list3 .good_nav .jiantou_b {
                position: absolute;
                bottom: 90px;
                left: 25px;
                width: 32px;
                height: 18px;
                z-index: 11;
                cursor: pointer
            }
            
            .wel-list3 .good_nav .jiantou_b img {
                width: 100%
            }
            
            .wel-list3 .good_nav .da_tu {
                width: 372px;
                height: 400px;
                float: left;
                margin-left: 60px;
                padding: 49px 27px 59px 53px;
                box-sizing: border-box
            }
            
            .wel-list3 .good_nav .good_sm {
                width: 520px;
                height: 400px;
                background: #FFFFFF;
                box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
                float: right;
                padding: 47px;
                box-sizing: border-box
            }
            
            .wel-list3 .good_nav .good_sm .good_sm1 {
                font-size: 26px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333
            }
            
            .wel-list3 .good_nav .good_sm .good_sm2 {
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333
            }
            
            .wel-list3 .good_nav .good_sm .good_sm3 {
                font-size: 26px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FF0000;
                margin-top: 30px;
                margin-bottom: 20px
            }
            
            .wel-list3 .good_nav .good_sm .good_sm4 {
                width: 149px;
                height: 42px;
                border: 1px solid #0084DA;
                text-align: center;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #0084DA;
                line-height: 42px;
                cursor: pointer
            }
            
            .wel-list3.cplist {
                float: left;
                width: 100%
            }
            
            .wel-list3.cplist .family_lala {
                background: #0260b0;
                padding-top: 0;
            }
            
            .wel-list3 .family_lala {
                float: left;
                width: 100%;
                font-size: 14px;
                background: #FBFBFB;
                border-top: 1px solid #cccccc;
                padding-top: 30px;
                line-height: 28px;
            }
            
            .wel-list3 .xx_choose {
                width: 100%;
                height: 48px;
                line-height: 28px
            }
            
            .wel-list3 .xx_choose .one {
                float: left;
                margin: 40px 0 30px;
                font-size: 20px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
                cursor: pointer
            }
            
            .wel-list3 .xx_choose .one:last-child {
                display: none;
            }
            
            .wel-list3 .xx_choose .one p {
                margin: 0 20px;
                padding-bottom: 20px
            }
            
            .wel-list3 .xx_choose .one.cur p {
                border-bottom: 3px solid;
                border-color: rgba(255, 255, 255, 0.8)
            }
            
            .wel-list3 .xx_beichoose {
                width: 100%;
                padding-top: 50px
            }
            
            .wel-list3 .xx_beichoose .one {
                width: 100%;
                line-height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333
            }
            
            .wel-list3 .list3-txts {
                height: 48px;
                position: absolute;
                transform: translate(-50%, -50%);
                transition-duration: .5s;
                text-align: center;
                left: 50%;
                top: 50%;
                width: 100%;
                color: #fff;
                z-index: 2
            }
            
            .wel-list3 .list3-cir {
                position: absolute;
                display: block;
                border-radius: 50%;
                animation: cir-scale2 3s linear infinite;
                -webkit-transition: cir-scale2 3s linear infinite
            }
            
            .wel-list3 .list3-cir1 {
                border: 1px solid #fff;
                width: 100px;
                height: 100px;
                left: -26px;
                top: -26px
            }
            
            .wel-list3 .list3-cir2 {
                border: 1px solid rgba(255, 255, 255, 0.2);
                width: 150px;
                height: 150px;
                left: -50px;
                top: -50px
            }
            
            .wel-list3 .list3-cir3 {
                border: 1px solid rgba(255, 255, 255, 0.2);
                width: 200px;
                height: 200px;
                left: -76px;
                top: -76px
            }
            
            .wel-list3 .list3-ico1 {
                width: 48px;
                height: 48px;
                position: relative;
                margin: 0 auto
            }
            
            .wel-list3 .list3-ico1 .img100 {
                max-width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }
            
            .wel-list3 .list3-h5 {
                font-size: 24px;
                line-height: 40px;
                padding: 36px 0 24px;
                position: relative
            }
            
            .wel-list3 .list3-h5:after {
                position: absolute;
                content: "";
                display: block;
                width: 24px;
                height: 1px;
                box-sizing: border-box;
                border: 1px solid #fff;
                background: #fff;
                top: 18px;
                left: 50%;
                margin-left: -12px
            }
            
            .wel-list3 .list3-a {
                color: #fff;
                display: block;
                font-size: 14px;
                line-height: 30px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.4);
                transition-duration: .3s
            }
            
            .wel-list3 .list3-a:hover {
                transform: translate(-6px, 0)
            }
            
            .wel-list3 .to-detail {
                display: inline-block;
                margin: 0 auto 14px
            }
            
            .wel-list3 .to-more {
                width: 132px;
                margin: 0 auto
            }
            
            .wel-list3 .txts-mains {
                opacity: 0;
                transition-duration: .5s
            }
            
            .wel-list3 .cir-wrap {
                opacity: 1;
                transition-duration: .5s
            }
            
            .wel-list3 .list3-item {
                flex: 1;
                position: relative;
                overflow: hidden
            }
            
            .wel-list3 .list3-item:before {
                position: absolute;
                content: "";
                display: block;
                width: calc(100% - 40px);
                height: calc(100% - 40px);
                box-sizing: border-box;
                border: 1px solid rgba(255, 255, 255, 0.2);
                top: 20px;
                left: 20px;
                z-index: 1
            }
            
            .wel-list3 .list3-item:hover .cir-wrap {
                opacity: 0
            }
            
            .wel-list3 .list3-item:hover .list3-txts {
                height: 204px
            }
            
            .wel-list3 .list3-item:hover .txts-mains {
                opacity: 1
            }
            
            .woaini .list3-item:before {
                display: none!important
            }
            
            .woaini .list3-item:hover .img-wrap {
                background: pink
            }
            
            .woaini article {
                float: left;
                position: relative;
                width: 100%;
                margin-bottom: 3.5%
            }
            
            .woaini .post-format-content {
                position: relative
            }
            
            .woaini .post-thumbnail {
                max-width: 100%;
                height: auto;
                overflow: hidden
            }
            
            .woaini .content-wrap {
                padding: 0;
                position: absolute;
                text-align: center;
                width: 100%;
                top: 0;
                bottom: 0;
                display: table-cell;
                vertical-align: middle;
                overflow: hidden
            }
            
            .woaini .content-wrap h1.entry-title {
                display: table;
                font-size: 110%;
                height: 100%;
                text-transform: uppercase;
                width: 100%;
                margin: 0;
                background: none
            }
            
            .woaini .edit-link {
                z-index: 2
            }
            
            .woaini .featured-image {
                display: table-cell;
                position: relative;
                transition: opacity .25s ease-in-out, background .25s ease-in-out;
                -moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
                -webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;
                vertical-align: bottom;
                z-index: 1;
                color: #fff;
                text-decoration: none;
                opacity: 0
            }
            
            .woaini .featured-image .p {
                width: 100%;
                overflow: hidden;
                opacity: 1;
                padding: 23px;
                box-sizing: border-box;
                background: #FFFFFF;
                border: 1px dotted #eeeeee
            }
            
            .woaini .featured-image .p .t {
                width: 100%;
                padding-left: 8px;
                border-left: 2px solid #1480DA;
                box-sizing: border-box;
                font-size: 18px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                line-height: 25px;
                text-align: left;
                color: #1480DA
            }
            
            .woaini .featured-image .p .b {
                width: 100%;
                line-height: 34px;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 25px;
                text-align: left;
                margin-top: 12px
            }
            
            .woaini .featured-image:hover {
                opacity: 1;
                color: #fff
            }
            
            .woaini .post-thumbnail img {
                display: block
            }
            
            .fan .one {
                width: 25%;
                overflow: hidden;
                float: left;
                border: 1px solid #EEEEEE;
                box-sizing: border-box;
                text-align: center;
                line-height: middle
            }
            
            .fan .one img {
                width: 80%
            }
            
            .wel-list4 {
                padding-bottom: 2.6rem
            }
            
            .wel-list4 .img-wrap {
                width: 78px;
                margin: 0 auto 22px
            }
            
            .wel-list4 .list4-item {
                flex: 0 0 25%;
                text-align: center;
                display: inline-block;
                font-size: 14px;
                line-height: 22px;
                color: #666;
                position: relative
            }
            
            .wel-list4 .list4-item:before {
                background: #e5e5e5;
                height: 122px;
                content: "";
                display: block;
                width: 1px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -61px
            }
            
            .wel-list4 .list4-item:first-child:before {
                display: none
            }
            
            .wel-list4 .list4-txts {
                max-width: 200px;
                margin: 0 auto
            }
            
            .wel-list4 .list4-h5 {
                font-size: 20px;
                line-height: 1.2;
                color: #333
            }
            
            .wel-list4 .list4-detail {
                color: #666;
                margin: 14px 0 20px
            }
            
            .wel-list4 .list4-a {
                line-height: 24px;
                color: #565251;
                transition-duration: .5s;
                display: inline-block;
                padding-right: 12px;
                background: url(../images/tomore1.png) no-repeat right center
            }
            
            .wel-list4 .list4-a:hover {
                color: #e60039;
                background: url(../images/tomore1on.png) no-repeat right center
            }
            
            .wel-list5 {
                background: #4b4848;
                color: #fff;
                position: relative
            }
            
            .wel-list5:after {
                opacity: 0;
                position: absolute;
                z-index: 1;
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.3)
            }
            
            .wel-list5 .list5-left {
                position: relative;
                z-index: 2;
                padding: 74px 0 3rem;
                flex: 0 0 600px;
                background: #4b4848
            }
            
            .wel-list5 .list5-right {
                position: absolute;
                width: calc(100% - 600px);
                right: 0;
                top: 0;
                height: 100%
            }
            
            .wel-list5 .right-bg {
                width: 100%;
                height: 100%
            }
            
            .wel-list5 .left-mains {
                width: 412px;
                margin: 0 auto
            }
            
            .wel-list5 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: auto;
                top: 100%;
                left: 0;
                display: none;
                background: #fff;
                color: #333;
                height: auto;
                line-height: 34px;
                padding: 0 10px
            }
            
            .wel-list5 .options-item {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1)
            }
            
            .wel-list5 .list5-h5 {
                font-size: 36px;
                line-height: 1.2
            }
            
            .wel-list5 .list5-h5:after {
                content: "";
                display: block;
                width: 48px;
                height: 2px;
                background: #fff;
                margin: 16px 0 1.25rem
            }
            
            .wel-list5 .list5-tr {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                line-height: 34px;
                color: #fff;
                font-size: 14px;
                margin-bottom: 26px
            }
            
            .wel-list5 .tr1 {
                flex-wrap: nowrap
            }
            
            .wel-list5 .tr3 {
                position: relative;
                z-index: 2
            }
            
            .wel-list5 .list5-td {
                flex: 0 0 49%;
                width: 49%
            }
            
            .wel-list5 .list5-input {
                display: block;
                background: none;
                border: none;
                height: 34px
            }
            
            .wel-list5 .list5-input::placeHolder {
                color: #fff
            }
            
            .wel-list5 .list5-submit {
                display: block;
                height: 54px;
                line-height: 54px;
                text-align: center;
                background: #e60039;
                width: 100%;
                margin-top: 1.4rem;
                border: none
            }
            
            .wel-list5 .list5-textarea {
                border: none;
                height: 72px;
                display: block;
                width: 100%;
                background: none
            }
            
            .wel-list5 .list5-td,
            .wel-list5 .tr3 .section-top,
            .wel-list5 .tr2 .section-top {
                padding-left: 20px
            }
            
            .wel-list5 .list5-td1 {
                background: url(../images/user.png) no-repeat left center
            }
            
            .wel-list5 .list5-td2 {
                background: url(../images/tele.png) no-repeat left center
            }
            
            .wel-list5 .tr3 .section-top {
                background: url(../images/add.png) no-repeat left center
            }
            
            .wel-list5 .tr2 .section-top {
                background: url(../images/coop.png) no-repeat left center
            }
            
            .wel-list5 .list5-section {
                z-index: 1;
                cursor: pointer;
                position: relative;
                background: none;
                color: #fff;
                border: none;
                display: block;
                width: 100%;
                height: 36px;
                line-height: 36px
            }
            
            .wel-list5 option {
                color: #333 !important
            }
            
            .wel-list5 .code-td {
                position: relative;
                flex: 0 0 100%;
                background: url(../images/yzm-icow.png) no-repeat left center;
                background-size: 16px !important
            }
            
            .wel-list5 .code-td .captcha {
                position: absolute;
                display: block;
                max-height: 100%;
                width: 100px;
                right: 0;
                top: 0
            }
            
            .intro-list1,
            .news-list1,
            .recruits-list1,
            .contact-list1,
            .contact-list2,
            .inner-nav-wrap1 {
                position: relative
            }
            
            .inner-nav-wrap1 #list1,
            .pro-nav-wrap1 #list1,
            .intro-list1 #list1,
            #list1.news-list1,
            #list1.recruits-list1,
            #list1.contact-list1 #list1,
            .contact-list2 #list2 {
                position: absolute;
                top: -64px;
                width: 1px;
                height: 1px;
                opacity: 0;
                left: 0
            }
            
            .conProInfo-list2 {
                padding-bottom: 40px
            }
            
            .pro-return-a {
                width: 180px;
                display: block;
                height: 46px;
                line-height: 46px;
                background: #e60039;
                text-align: center;
                font-size: 14px;
                color: #fff;
                margin: 0 auto;
                transition-duration: .3s
            }
            
            .pro-return-a:hover {
                color: #fff;
                transform: translateX(-6px)
            }
            
            .pro-nav-wrap1 {
                position: relative;
                background: #343131
            }
            
            .pro-nav-wrap1 .pro-nav-banner {
                border-left: 1px solid #3e3c3c;
                overflow: hidden
            }
            
            .pro-nav-wrap1 .swiper-slide {
                border-right: 1px solid #3e3c3c;
                height: 114px !important;
                padding: 32px 0 24px;
                transition-duration: .5s
            }
            
            .pro-nav-wrap1 .swiper-slide.cur,
            .pro-nav-wrap1 .swiper-slide:hover {
                background: #e60039
            }
            
            .pro-nav-wrap1 .ico-wrap {
                width: 38px;
                margin: 0 auto 10px
            }
            
            .pro-nav-wrap1 .txts-wrap {
                font-size: 14px;
                line-height: 20px;
                color: #fff;
                text-align: center
            }
            
            .pro-nav-wrap2 {
                align-items: center;
                margin: 1.6rem 0 1rem
            }
            
            .pro-nav-wrap2 .nav-left {
                flex: 0 0 480px;
                width: 480px;
                margin-left: 120px;
                position: relative;
                font-size: 14px;
                line-height: 24px;
                color: #4b4848
            }
            
            .pro-nav-wrap2 .nav-left-title {
                position: absolute;
                left: -120px;
                top: 0
            }
            
            .pro-nav-wrap2 .pro-left-banner {
                overflow: hidden
            }
            
            .pro-nav-wrap2 .swiper-slide {
                cursor: pointer;
                text-align: center
            }
            
            .pro-nav-wrap2 .swiper-slide.cur,
            .pro-nav-wrap2 .swiper-slide:hover {
                background: #e60039;
                color: #fff
            }
            
            .conProInfo-navigation {
                position: relative
            }
            
            .conProInfo-navigation .proInfo-nav-wrap1 .bread-a,
            .conProInfo-navigation .proInfo-nav-wrap1 .swiper-slide-a {
                color: #000
            }
            
            .conProInfo-navigation .proInfo-nav-wrap1 .bread-a {
                background: url(../images/bread-icob.png) no-repeat right center
            }
            
            .proInfo-nav-wrap1 {
                position: absolute;
                z-index: 2;
                left: 50%;
                top: 0;
                transform: translate(-50%, 0);
                font-size: 12px;
                border-bottom: 1px solid #ccc;
                line-height: 60px
            }
            
            .proInfo-nav-wrap1 .proInfo-nav-left {
                flex: 0 0 auto
            }
            
            .proInfo-nav-wrap1 .bread-a {
                display: inline-block;
                color: #fff;
                margin-right: 14px;
                padding-right: 14px;
                background: url(../images/bread-ico.png) no-repeat right center;
                transition-duration: .3s
            }
            
            .proInfo-nav-wrap1 .bread-a:last-child {
                background: none
            }
            
            .proInfo-nav-wrap1 .bread-a:hover {
                color: #e60039
            }
            
            .proInfo-nav-wrap1 .proInfo-nav-right {
                flex: 0 0 calc(100% - 200px);
                width: calc(100% - 200px);
                position: relative
            }
            
            .proInfo-nav-wrap1 .nav-left-title {
                position: absolute;
                left: -74px;
                top: 0
            }
            
            .proInfo-nav-wrap1 .proInfo-nav-banner {
                overflow: hidden
            }
            
            .proInfo-nav-wrap1 .swiper-wrapper {
                justify-content: flex-end
            }
            
            .proInfo-nav-wrap1 .swiper-slide-a {
                flex: 0 0 auto;
                padding-left: 28px;
                color: #fff;
                cursor: pointer;
                text-align: right
            }
            
            .proInfo-nav-wrap1 .swiper-slide-a.cur,
            .proInfo-nav-wrap1 .swiper-slide-a:hover {
                color: #e60039
            }
            
            .inner-nav-wrap1 {
                background: #fff;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                position: relative;
                z-index: 2
            }
            
            .inner-nav-wrap1 .inner-nav-banner {
                overflow: hidden
            }
            
            .inner-nav-wrap1 .hover {
                display: none
            }
            
            .inner-nav-wrap1 .ico-wrap {
                margin: 0 auto 6px;
                position: relative;
                width: 55px;
                height: 42px
            }
            
            .inner-nav-wrap1 .swiper-slide {
                text-align: center;
                font-size: 16px;
                line-height: 20px;
                color: #666;
                padding: .85rem 0 .75rem;
                border-left: 1px solid #e5e5e5;
                transition: all .5s ease
            }
            
            .inner-nav-wrap1 .swiper-slide:hover,
            .inner-nav-wrap1 .swiper-slide.cur {
                color: #fff;
                background: #e60039
            }
            
            .inner-nav-wrap1 .swiper-slide:hover .hover,
            .inner-nav-wrap1 .swiper-slide.cur .hover {
                display: block
            }
            
            .inner-nav-wrap1 .swiper-slide:hover .unhover,
            .inner-nav-wrap1 .swiper-slide.cur .unhover {
                display: none
            }
            
            .proInfo-titles {
                text-align: center;
                color: #fff
            }
            
            .proInfo-titles .proInfo-h2 {
                padding: 2rem 0 20px;
                font-size: 1.2rem;
                line-height: 1.25
            }
            
            .proInfo-titles .proInfo-h6 {
                font-size: .5rem;
                line-height: 30px
            }
            
            .proInfo-titles.black .proInfo-h2 {
                color: #333
            }
            
            .proInfo-titles.black .proInfo-h6 {
                color: #666
            }
            
            .proInfo .proInfo-list-bg {
                position: relative;
                z-index: 2
            }
            
            .proInfo-list1 {
                position: relative
            }
            
            .proInfo-list1 .proInfo-list-bg {
                padding: 1.25rem 0 13.5rem
            }
            
            .proInfo-list2 {
                position: relative
            }
            
            .proInfo-list2 .proInfo-list-bg {
                padding: 1.25rem 0 0
            }
            
            .proInfo-list2 .list2-imgs {
                position: relative;
                width: 21.25rem;
                margin: -2rem auto 0
            }
            
            .proInfo-list2 .list2-imgs .static-img {
                position: relative;
                z-index: 2
            }
            
            .proInfo-list2 .cir-img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: block;
                animation: cir-scale3 3s linear infinite
            }
            
            .proInfo-list3 {
                position: relative
            }
            
            .proInfo-list3 .m-bg {
                background-size: 0 !important
            }
            
            .proInfo-list3 .proInfo-list-bg {
                padding: 5rem 0 5.4rem;
                position: relative
            }
            
            .proInfo-list3 .proInfo-list-bg:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.7);
                position: absolute;
                left: 0;
                top: 0;
                z-index: 1;
                transition-duration: .8s;
                transition-delay: 2.8s
            }
            
            .proInfo-list3 .proInfo-list-bg.animate:after {
                opacity: 0
            }
            
            .proInfo-list3 .proInfo-list-bg.animate .js-m2,
            .proInfo-list3 .proInfo-list-bg.animate .js-to-left,
            .proInfo-list3 .proInfo-list-bg.animate .js-to-right {
                opacity: 1;
                transform: translate(0, 0)
            }
            
            .proInfo-list3 .w1280 {
                position: relative;
                z-index: 2
            }
            
            .proInfo-list3 .proInfo-h2 {
                transition-delay: .8s
            }
            
            .proInfo-list3 .proInfo-h6 {
                font-size: .45rem;
                transition-delay: 1s
            }
            
            .proInfo-list3 .proInfo-titles {
                position: relative;
                flex: 0 0 auto;
                max-width: 570px
            }
            
            .proInfo-list3 .list3-imgs {
                width: 21.25rem;
                margin: -80px auto 0
            }
            
            .proInfo-list3 .list3-red-call {
                display: inline-block;
                background: #e60039;
                font-size: .4rem;
                height: 48px;
                line-height: 48px;
                border-radius: 24px;
                position: relative;
                margin-top: 1.2rem;
                text-align: center;
                transition-delay: 1.8s;
                width: 190px
            }
            
            .proInfo-list3 .list3-red-call:after {
                display: block;
                width: 27px;
                height: 17px;
                position: absolute;
                left: 10px;
                top: 100%;
                content: "";
                background: url(../images/red-ico1.png) no-repeat center
            }
            
            .proInfo-list3 .list3-gray-call {
                display: inline-block;
                background: #737374;
                font-size: .4rem;
                height: 66px;
                width: 240px;
                line-height: 66px;
                border-radius: 33px;
                position: absolute;
                margin-top: 1.2rem;
                left: 100%;
                margin-left: 80px;
                text-align: center;
                bottom: 93%;
                transition-delay: 3.9s
            }
            
            .proInfo-list3 .list3-gray-call:after {
                display: block;
                width: 28px;
                height: 18px;
                position: absolute;
                right: 15px;
                top: 97%;
                content: "";
                transform: rotate(-10deg);
                box-sizing: border-box;
                border-color: #737374 #737374 transparent transparent;
                border-width: 8px 13px;
                border-style: solid
            }
            
            .proInfo-list4 {
                position: relative;
                background: #151515
            }
            
            .proInfo-list4 .proInfo-list4-mains {
                position: relative;
                z-index: 2
            }
            
            .proInfo-list4 .proInfo-list4-mains.animate:after {
                opacity: 0
            }
            
            .proInfo-list4 .proInfo-list4-mains.animate .js-m2 {
                opacity: 1;
                transform: translate(0, 0)
            }
            
            .proInfo-list4 .proInfo-list4-mains.animate .js-to-left,
            .proInfo-list4 .proInfo-list4-mains.animate .js-to-right {
                opacity: 1;
                transform: translate(50%, -50%)
            }
            
            .proInfo-list4 .list4-left-imgs {
                width: 64%;
                flex: 0 0 64%;
                position: relative;
                cursor: e-resize
            }
            
            .proInfo-list4 .hover-bg,
            .proInfo-list4 .unhover-bg,
            .proInfo-list4 .unhover-wrap,
            .proInfo-list4 .hover-wrap {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%
            }
            
            .proInfo-list4 .unhover-wrap,
            .proInfo-list4 .unhover-bg {
                width: 100%
            }
            
            .proInfo-list4 .hover-img,
            .proInfo-list4 .unhover-img {
                display: none
            }
            
            .proInfo-list4 .drag-btn {
                z-index: 3;
                position: absolute;
                display: block;
                width: 38px;
                height: 38px;
                cursor: e-resize;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: url(../images/drag.png) no-repeat center
            }
            
            .proInfo-list4 .hover-wrap {
                z-index: 2;
                width: 50%;
                height: 100%;
                overflow: hidden
            }
            
            .proInfo-list4 .proInfo-list4-mains {
                justify-content: flex-end
            }
            
            .proInfo-list4 .proInfo-list-bg {
                flex: 0 0 35.9%;
                padding-bottom: 3.4rem
            }
            
            .proInfo-list4 .proInfo-h2 {
                transition-delay: .2s
            }
            
            .proInfo-list4 .proInfo-h6 {
                font-size: .45rem;
                transition-delay: .4s
            }
            
            .proInfo-list4 .proInfo-titles {
                padding: 1.1rem 10px 0
            }
            
            .proInfo-list4 .list4-img-wrap {
                position: relative
            }
            
            .proInfo-list4 .list4-img {
                display: block;
                position: relative;
                width: 267px;
                margin: 56px auto 0;
                transition-delay: .6s
            }
            
            .proInfo-list4 .list4-red-call {
                position: absolute;
                right: 100%;
                top: 0;
                display: inline-block;
                background: #e60039;
                font-size: .4rem;
                height: 48px;
                line-height: 48px;
                border-radius: 20px;
                color: #fff;
                width: 210px;
                text-align: center;
                transform: translate(70%, -50%);
                transition-delay: 2.4s;
                z-index: 2
            }
            
            .proInfo-list4 .list4-red-call:after {
                display: block;
                width: 27px;
                height: 17px;
                position: absolute;
                right: 10px;
                top: 100%;
                content: "";
                background: url(../images/red-ico2.png) no-repeat center
            }
            
            .proInfo-list4 .list4-gray-call {
                z-index: 2;
                transition-delay: 1.6s;
                text-align: center;
                color: #fff;
                position: absolute;
                right: 100%;
                width: 210px;
                top: 122px;
                display: inline-block;
                background: rgba(255, 255, 255, 0.5);
                font-size: .4rem;
                height: 48px;
                line-height: 48px;
                border-radius: 20px;
                margin-top: 1.2rem;
                transform: translate(30%, -50%)
            }
            
            .proInfo-list4 .list4-gray-call:after {
                display: block;
                width: 27px;
                height: 17px;
                position: absolute;
                left: 10px;
                top: 100%;
                content: "";
                background: url(../images/gray-ico1.png) no-repeat center
            }
            
            .proInfo-list5 {
                position: relative
            }
            
            .proInfo-list5 .proInfo-titles {
                flex: 0 0 auto;
                max-width: 560px;
                text-align: left
            }
            
            .proInfo-list5 .proInfo-list-bg {
                padding: 2rem 0 10rem
            }
            
            .proInfo-list5 .list5-img-wrap {
                display: none
            }
            
            .proInfo-icos-wrap1 {
                justify-content: flex-start;
                margin-top: 1.5rem
            }
            
            .proInfo-icos-wrap1 .icos-item {
                flex: 0 0 auto;
                margin-right: 30px
            }
            
            .proInfo-icos-wrap1 .icos-wrap {
                width: 61px;
                margin: 0 auto 15px
            }
            
            .proInfo-icos-wrap1 .icos-txts {
                font-size: 16px;
                line-height: 30px;
                color: #333;
                text-align: center
            }
            
            .proInfo-icos-wrap2 {
                justify-content: flex-start
            }
            
            .proInfo-icos-wrap2 .icos-item {
                flex: 0 0 242px;
                margin-right: 36px;
                display: inline-flex;
                align-items: center;
                margin-bottom: 32px
            }
            
            .proInfo-icos-wrap2 .icos-wrap {
                flex: 0 0 48px;
                width: 48px;
                height: 48px;
                margin-right: 32px
            }
            
            .proInfo-icos-wrap2 .icos-txts {
                font-size: 14px;
                line-height: 24px;
                color: #fff
            }
            
            .proInfo-list6 {
                position: relative
            }
            
            .proInfo-list6 .proInfo-titles {
                flex: 0 0 100%;
                text-align: left
            }
            
            .proInfo-list6 .proInfo-list-bg {
                padding: 9.5rem 0 6rem
            }
            
            .proInfo-list7 {
                position: relative
            }
            
            .proInfo-list7 .w1280 {
                padding-top: 1.4rem
            }
            
            .proInfo-list7 .list7-left {
                flex: 0 0 547px
            }
            
            .proInfo-list7 .list7-right {
                flex: 0 0 578px;
                padding-top: 1.8rem
            }
            
            .proInfo-list8 {
                position: relative
            }
            
            .proInfo-list8 .proInfo-list-bg {
                margin-top: 43px;
                padding: 1.8rem 0 1.9rem;
                box-shadow: 0 0 10px rgba(153, 153, 153, 0.1)
            }
            
            .proInfo-list8 .left-imgs-lists {
                text-align: center
            }
            
            .proInfo-list8 .img-btn {
                display: inline-block;
                font-size: 14px;
                line-height: 16px;
                color: transparent;
                cursor: pointer;
                transition-duration: .3s
            }
            
            .proInfo-list8 .img-btn.cur,
            .proInfo-list8 .img-btn:hover {
                color: #333
            }
            
            .proInfo-list8 .para-item-wrap {
                text-align: center;
                padding: .95rem 0
            }
            
            .proInfo-list8 .para-item {
                display: inline-block;
                width: 36px;
                height: 36px;
                line-height: 36px;
                border-radius: 50%;
                margin: 0 16px;
                color: #fff;
                transition-duration: .3s;
                background: #343131;
                font-size: 14px;
                cursor: pointer
            }
            
            .proInfo-list8 .para-item:hover,
            .proInfo-list8 .para-item.cur {
                background: #e60039
            }
            
            .proInfo-list8 .img-cir {
                display: block;
                width: 26px;
                height: 26px;
                border-radius: 50%;
                margin: 0 auto 6px;
                overflow: hidden;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .proInfo-list8 .left-imgs-wrap {
                width: 360px;
                margin: 0 auto 32px
            }
            
            .proInfo-list8 .list8-h5 {
                font-size: 20px;
                line-height: 46px;
                color: #343131;
                border-bottom: 1px solid #e2e2e2;
                margin-bottom: 6px
            }
            
            .proInfo-list8 .right-dt {
                font-size: 14px;
                line-height: 32px;
                color: #666
            }
            
            .proInfo-list8 .right-dt .s0 {
                color: #343131
            }
            
            .proInfo-list8 .right-item:first-child {
                margin-bottom: 1.7rem
            }
            
            .proInfo-list8 .w1280 {
                padding-top: 1.4rem
            }
            
            .proInfo-list8 .list8-left {
                flex: 0 0 460px
            }
            
            .proInfo-list8 .list8-right {
                flex: 0 0 460px
            }
            
            .proInfo-list9 .proInfo-h2:after {
                content: "";
                display: block;
                height: 2px;
                width: 48px;
                background: #161818;
                margin: 20px auto 1.4rem
            }
            
            .proInfo-list9 .list9-banner {
                overflow: hidden
            }
            
            .proInfo-list9 .list9-mains {
                position: relative
            }
            
            .proInfo-list9 .swiper-slide {
                position: relative
            }
            
            .proInfo-list9 .swiper-slide:hover .pro-name {
                color: #e60039
            }
            
            .proInfo-list9 .pro-name {
                position: absolute;
                left: 0;
                bottom: 20px;
                font-size: 20px;
                line-height: 30px;
                color: #fff;
                text-align: center;
                padding: 0 10px;
                width: 100%;
                height: 30px;
                transition-duration: .3s
            }
            
            .inner-nav1 {
                font-size: 14px;
                line-height: 60px
            }
            
            .inner-nav1 .inner-nav-left,
            .inner-nav1 .inner-nav-right {
                flex: 0 0 auto;
                display: inline-flex
            }
            
            .inner-nav1 .nav-left-a {
                color: #333;
                flex: 0 0 auto;
                transition-duration: .3s;
                position: relative;
                padding-right: 48px
            }
            
            .inner-nav1 .nav-left-a:after {
                position: absolute;
                right: 24px;
                top: 50%;
                margin-top: -7px;
                content: "";
                display: inline-block;
                vertical-align: top;
                width: 1px;
                height: 14px;
                background: #ccc
            }
            
            .inner-nav1 .nav-left-a:last-child {
                padding-right: 0
            }
            
            .inner-nav1 .nav-left-a:last-child:after {
                opacity: 0;
                display: none
            }
            
            .inner-nav1 .nav-left-a:hover,
            .inner-nav1 .nav-left-a.cur {
                color: #e60039
            }
            
            .inner-nav1 .bread-s0 {
                display: inline-block;
                padding-left: 20px;
                background: url(../images/map1.png) no-repeat left center
            }
            
            .inner-nav1 .bread-a {
                color: #333;
                flex: 0 0 auto;
                transition-duration: .3s
            }
            
            .inner-nav1 .bread-a:hover,
            .inner-nav1 .bread-a.cur {
                color: #e60039
            }
            
            .inner-nav1 .bread-a1 {
                margin: 0 4px
            }
            
            .inner-nav1 .bread-a2 {
                margin-left: 4px
            }
            
            .pro-search-box {
                position: relative;
                flex: 0 0 220px;
                border: 1px solid #d7d7d7;
                height: 32px;
                line-height: 32px;
                box-sizing: border-box
            }
            
            .pro-search-box .pro-submit {
                width: 30px;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                border: none;
                background: url(../images/ser1.png) no-repeat center
            }
            
            .pro-search-box .pro-input {
                display: block;
                border: none;
                background: none;
                font-size: 14px;
                line-height: 32px;
                color: #333;
                width: calc(100% - 31px);
                text-indent: 14px
            }
            
            .products .pro-mains {
                padding-bottom: 2.5rem;
                justify-content: flex-start
            }
            
            .products .ajax-mains {
                justify-content: flex-start
            }
            
            .products .pro-item {
                position: relative;
                flex: 0 0 23.8%;
                background: #fff;
                margin-right: 1.6%;
                margin-bottom: 20px;
                transition-duration: .5s
            }
            
            .products .pro-item:nth-child(4n) {
                margin-right: 0
            }
            
            .products .pro-item:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .products .pro-item:hover .pro-en,
            .products .pro-item:hover .pro-cn {
                color: #e60039
            }
            
            .products .pro-item .txts-wrap {
                width: 100%;
                top: 0;
                left: 0;
                position: absolute;
                padding: 22px 30px 0;
                font-size: 14px;
                line-height: 20px
            }
            
            .products .pro-en {
                font-size: 18px;
                color: #333;
                height: 20px;
                transition-duration: .5s;
                margin-bottom: 10px
            }
            
            .products .pro-cn {
                color: #666;
                height: 20px;
                font-size: 14px
            }
            
            .search .pro-mains {
                padding-top: 2rem
            }
            
            .news .news-list1 {
                padding-bottom: 2.5rem
            }
            
            .news .news-list1 .w1400 {
                justify-content: flex-start
            }
            
            .news .news-item {
                flex: 0 0 32%;
                background: #fff;
                margin-right: 2%;
                margin-bottom: 30px;
                transition-duration: .5s
            }
            
            .news .news-item:nth-child(3n) {
                margin-right: 0
            }
            
            .news .news-item:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .news .news-item:hover .news-h5,
            .news .news-item:hover .news-more {
                color: #e60039
            }
            
            .news .txts-wrap {
                padding: 1rem 1rem 1.1rem;
                font-size: 14px;
                line-height: 24px
            }
            
            .news .news-h5 {
                font-size: 18px;
                line-height: 30px;
                color: #333;
                height: 30px;
                font-weight: bold;
                transition-duration: .5s
            }
            
            .news .news-detail {
                color: #666;
                height: 48px;
                margin: 20px 0
            }
            
            .news .news-more {
                color: #333;
                display: inline-block;
                text-decoration: underline
            }
            
            .swiper-btns-wrap1 {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: 50%
            }
            
            .swiper-btns-wrap1 .btn {
                position: absolute;
                display: block;
                top: -19px;
                width: 38px;
                height: 38px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                border-radius: 50%;
                overflow: hidden
            }
            
            .swiper-btns-wrap1 .btn:focus {
                outline: none
            }
            
            .swiper-btns-wrap1 .prev {
                left: 38px;
                background-image: url(../images/prev1on.png)
            }
            
            .swiper-btns-wrap1 .prev:hover {
                background-image: url(../images/prev1.png)
            }
            
            .swiper-btns-wrap1 .next {
                right: 38px;
                background-image: url(../images/next1on.png)
            }
            
            .swiper-btns-wrap1 .next:hover {
                background-image: url(../images/next1.png)
            }
            
            .app-btns {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: calc(50% - 54px)
            }
            
            .app-btns .btn {
                position: absolute;
                display: block;
                top: -28px;
                width: 56px;
                height: 56px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                border-radius: 50%;
                background-size: 100% !important;
                overflow: hidden
            }
            
            .app-btns .btn:focus {
                outline: none
            }
            
            .app-btns .prev {
                left: 0;
                background-image: url(../images/apprev1.png)
            }
            
            .app-btns .prev:hover {
                background-image: url(../images/apprev1on.png)
            }
            
            .app-btns .next {
                right: 0;
                background-image: url(../images/appnext1.png)
            }
            
            .app-btns .next:hover {
                background-image: url(../images/appnext1on.png)
            }
            
            .swiper-btns-wrap2 {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: 50%
            }
            
            .swiper-btns-wrap2 .btn {
                position: absolute;
                display: block;
                width: 44px;
                height: 150px;
                margin-top: -75px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                background-color: rgba(0, 0, 0, 0.5)
            }
            
            .swiper-btns-wrap2 .btn:focus {
                outline: none
            }
            
            .swiper-btns-wrap2 .btn:hover {
                background-color: rgba(230, 0, 57, 0.5)
            }
            
            .swiper-btns-wrap2 .prev {
                left: 0;
                background-image: url(../images/prev2.png)
            }
            
            .swiper-btns-wrap2 .prev:hover {
                background-image: url(../images/prev2.png)
            }
            
            .swiper-btns-wrap2 .next {
                right: 0;
                background-image: url(../images/next2.png)
            }
            
            .swiper-btns-wrap2 .next:hover {
                background-image: url(../images/next2.png)
            }
            
            .swiper-btns-wrap3 {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: 106px
            }
            
            .swiper-btns-wrap3 .btn {
                position: absolute;
                display: block;
                width: 36px;
                height: 36px;
                margin-top: -18px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                background-size: 100%;
                border-radius: 50%;
                overflow: hidden
            }
            
            .swiper-btns-wrap3 .btn:focus {
                outline: none
            }
            
            .swiper-btns-wrap3 .prev {
                left: 0;
                background: #dcdcdc url(../images/prev2.png) no-repeat center
            }
            
            .swiper-btns-wrap3 .prev:hover {
                background: #e60039 url(../images/prev2on.png) no-repeat center
            }
            
            .swiper-btns-wrap3 .next {
                right: 0;
                background: #dcdcdc url(../images/next2.png) no-repeat center
            }
            
            .swiper-btns-wrap3 .next:hover {
                background: #e60039 url(../images/next2on.png) no-repeat center
            }
            
            .swiper-btns-wrap4 {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: 50%
            }
            
            .swiper-btns-wrap4 .btn {
                position: absolute;
                display: block;
                width: 27px;
                height: 50px;
                margin-top: -25px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                background-size: 100%;
                overflow: hidden
            }
            
            .swiper-btns-wrap4 .btn:focus {
                outline: none
            }
            
            .swiper-btns-wrap4 .btn:hover {
                transform: translateY(-6px)
            }
            
            .swiper-btns-wrap4 .prev {
                left: 1.5rem;
                background-image: url(../images/prev3.png)
            }
            
            .swiper-btns-wrap4 .next {
                right: 1.5rem;
                background-image: url(../images/next3.png)
            }
            
            .swiper-btns-wrap5 {
                position: absolute;
                z-index: 3;
                height: 1px;
                overflow: visible;
                width: 100%;
                left: 0;
                top: 50%
            }
            
            .swiper-btns-wrap5 .btn {
                position: absolute;
                display: block;
                width: 27px;
                height: 50px;
                margin-top: -25px;
                cursor: pointer;
                background-position: center !important;
                background-repeat: no-repeat !important;
                transition: all .5s ease;
                background-size: 100%;
                overflow: hidden
            }
            
            .swiper-btns-wrap5 .btn:focus {
                outline: none
            }
            
            .swiper-btns-wrap5 .prev {
                left: 1.5rem;
                background-image: url(../images/prev4.png)
            }
            
            .swiper-btns-wrap5 .prev:hover {
                background-image: url(../images/prev4on.png)
            }
            
            .swiper-btns-wrap5 .next {
                right: 1.5rem;
                background-image: url(../images/next4.png)
            }
            
            .swiper-btns-wrap5 .next:hover {
                background-image: url(../images/next4on.png)
            }
            
            .family-list2 .swiper-btns-wrap5 .prev {
                left: 10px
            }
            
            .family-list2 .swiper-btns-wrap5 .next {
                right: 10px
            }
            
            .pro-banner {
                position: relative;
                overflow: hidden
            }
            
            .pro-banner .swiper-slide {
                position: relative;
                display: block
            }
            
            .pro-banner .pc-img {
                position: relative;
                z-index: 1;
                height: 20.75rem
            }
            
            .pro-banner .m-banner-img {
                display: none
            }
            
            .pro-banner .banner-titles {
                position: absolute;
                z-index: 2;
                width: 1280px;
                left: 50%;
                top: 0;
                padding-top: 4.5rem;
                height: auto;
                color: #fff;
                line-height: 1.1;
                transform: translate(-50%, 0)
            }
            
            .pro-banner .ban-cn1 {
                font-size: 1.2rem;
                letter-spacing: 6px;
                position: relative
            }
            
            .pro-banner .ban-cn1:before {
                position: absolute;
                top: 8px;
                right: calc(100% + .9rem);
                content: "";
                display: inline-block;
                height: 2px;
                width: 0;
                background: #fff;
                transition-duration: .8s
            }
            
            .pro-banner .ban-cn2 {
                font-size: 14px;
                transition-delay: .2s;
                margin: 10px 0 .8rem;
                letter-spacing: 5px
            }
            
            .pro-banner .ban-en1 {
                font-size: 1.2rem;
                transition-delay: .4s;
                margin-bottom: 1rem;
                font-family: "Arial";
                text-transform: uppercase
            }
            
            .pro-banner .swiper-slide {
                background: #fff
            }
            
            .pro-banner .ban-cn3 {
                font-size: 14px;
                transition-delay: .6s
            }
            
            .pro-banner .ban-cn3:before {
                content: "";
                display: inline-block;
                margin-right: 20px;
                height: 1px;
                width: 16px;
                background: #fff;
                vertical-align: super
            }
            
            .pro-banner .black .ban-cn1,
            .pro-banner .black .ban-cn2,
            .pro-banner .black .ban-en1 {
                color: #000
            }
            
            .pro-banner .black .ban-cn1:before,
            .pro-banner .black .ban-cn3:before {
                background: #000
            }
            
            .pro-banner .swiper-slide-active .ban-cn1:before {
                width: 48px
            }
            
            .pro-banner .swiper-slide-active .js-m2 {
                opacity: 1;
                transform: translate(0, 0)
            }
            
            .proInfo-banner {
                position: relative;
                background: #94a1a9
            }
            
            .proInfo-banner .pc-img {
                position: relative;
                z-index: 2;
                height: 20rem
            }
            
            .proInfo-banner .m-banner-img {
                display: none
            }
            
            .proInfo-banner .txts-mains {
                width: 640px;
                text-align: center
            }
            
            .proInfo-banner .banner-titles {
                position: absolute;
                z-index: 2;
                width: 1280px;
                left: 50%;
                top: 50%;
                height: auto;
                color: #fff;
                font-size: 14px;
                line-height: 1.1;
                transform: translate(-50%, -50%)
            }
            
            .proInfo-banner .ban-cn1 {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 .8rem;
                letter-spacing: 2px
            }
            
            .proInfo-banner .ban-cn1:before,
            .proInfo-banner .ban-cn1:after {
                position: relative;
                top: -2px;
                vertical-align: middle;
                content: "";
                display: inline-block;
                height: 1px;
                width: 16px;
                background: #fff;
                transition-duration: .8s
            }
            
            .proInfo-banner .ban-cn1:before {
                margin-right: 20px
            }
            
            .proInfo-banner .ban-cn1:after {
                margin-left: 20px
            }
            
            .proInfo-banner .ban-cn2 {
                font-size: 1.2rem;
                letter-spacing: 9px;
                margin: 17px 0 12px;
                transition-delay: .2s
            }
            
            .proInfo-banner .ban-en1 {
                font-size: .8rem;
                margin: 18px 0 36px;
                font-family: "Arial";
                text-transform: uppercase;
                color: #e60039;
                font-weight: bold;
                transition-delay: .6s
            }
            
            .proInfo-banner .ban-cn3 {
                font-size: 14px;
                letter-spacing: 8px;
                transition-delay: .4s
            }
            
            .proInfo-banner .video-btn-wrap {
                transition-delay: .8s
            }
            
            .proInfo-banner .video-btn {
                display: inline-block;
                background: url(../images/video-btn1.png) no-repeat center;
                background-size: 100% !important;
                width: 62px;
                height: 62px;
                left: 50%;
                top: 50%;
                cursor: pointer;
                transition-duration: .5s;
                transition: all .5s ease
            }
            
            .proInfo-banner .video-btn:hover {
                background-size: 96% !important
            }
            
            .inner-banner {
                position: relative
            }
            
            .inner-banner .pc-img {
                position: relative;
                z-index: 2;
                height: 17.875rem
            }
            
            .inner-banner .banner-titles {
                position: absolute;
                text-align: center;
                z-index: 2;
                width: 1280px;
                left: 50%;
                top: 50%;
                height: auto;
                color: #fff;
                font-size: 14px;
                transform: translate(-50%, -50%)
            }
            
            .inner-banner .ban-en {
                font-size: 68px;
                font-family: "Arial";
                letter-spacing: 2px;
                transition-delay: .2s;
                line-height: 1.8
            }
            
            .inner-banner .ban-cn {
                font-size: 24px;
                line-height: 1.1;
                transition-duration: .8s;
                transition-delay: .4s
            }
            
            .inner-banner .ban-cn:after {
                content: "";
                display: block;
                height: 2px;
                width: 0px;
                margin: 30px auto 0;
                background: #fff;
                transition-delay: 1s;
                transition-duration: .8s
            }
            
            .inner-banner .ban-cn.animate:after {
                width: 48px
            }
            
            .padHeader {
                padding-top: 64px
            }
            
            .offLine-list1 {
                padding-bottom: 4.4rem
            }
            
            .offLine-list1 .map-contents {
                position: relative;
                height: 520px
            }
            
            .offLine-list1 .BMap_bubble_content {
                position: relative;
                padding-left: 220px;
                box-sizing: border-box
            }
            
            .offLine-list1 #allmap1 {
                position: absolute !important;
                width: 100% !important;
                height: 100% !important;
                left: 0 !important;
                top: 0 !important
            }
            
            .offLine-list1 .map-img {
                display: block;
                position: absolute;
                left: 0;
                top: 11px;
                width: 200px;
                height: 124px
            }
            
            .offLine-list1 .map-address-name,
            .offLine-list1 .map-tele-name {
                font-size: 14px;
                line-height: 28px;
                color: #333;
                padding-left: 20px;
                border-bottom: 1px solid #f3f3f3;
                width: 240px;
                margin-bottom: 6px
            }
            
            .offLine-list1 .map-address-name {
                background: url(../images/map-address-name.png) no-repeat left center
            }
            
            .offLine-list1 .map-tele-name {
                background: url(../images/map-tele-name.png) no-repeat left center
            }
            
            .offLine-list1 .map-address-detail,
            .offLine-list1 .map-tele-detail {
                width: 240px;
                font-size: 12px;
                line-height: 18px;
                color: #888;
                height: 36px
            }
            
            .offLine-list2 {
                background: url(../images/form-bg1.jpg) no-repeat center
            }
            
            .offLine-list2 .w1280 {
                position: relative;
                justify-content: flex-start;
                padding: 80px 0
            }
            
            .offLine-list2 .form-person {
                position: absolute;
                display: none;
                width: 318px;
                height: auto;
                left: 0;
                bottom: 0;
                transform: translateX(-50%)
            }
            
            .offLine-list2 .form-contents {
                position: relative;
                flex: 0 0 1010px;
                width: 1010px;
                display: inline-flex;
                font-size: 14px;
                line-height: 48px;
                color: #707070;
                justify-content: space-between
            }
            
            .offLine-list2 .form-contents.w1100 {
                flex: 0 0 1100px;
                width: 1100px
            }
            
            .offLine-list2 .form-contents.w1100 .form-td1,
            .offLine-list2 .form-contents.w1100 .form-td2 {
                flex: 0 0 32.2%
            }
            
            .offLine-list2 .form-td1,
            .offLine-list2 .form-td2 {
                flex: 0 0 35.2%
            }
            
            .offLine-list2 .form-td3 {
                flex: 0 0 246px;
                width: 246px;
                display: inline-flex;
                align-items: flex-end;
                justify-content: flex-end
            }
            
            .offLine-list2 .form-td3.form-td31 {
                margin-left: 60px;
                justify-content: flex-start
            }
            
            .offLine-list2 .form-tr {
                background-color: #f0f0f0;
                height: 48px;
                line-height: 48px
            }
            
            .offLine-list2 .form-tr1,
            .offLine-list2 .form-tr2,
            .offLine-list2 .code-tr {
                padding-left: 48px
            }
            
            .offLine-list2 .form-section {}
            
            .offLine-list2 .form-tr1 {
                background: #f0f0f0 url(../images/user2.png) no-repeat left 16px center
            }
            
            .offLine-list2 .form-tr2 {
                background: #f0f0f0 url(../images/tele2.png) no-repeat left 16px center
            }
            
            .offLine-list2 .form-tr1,
            .offLine-list2 .province-section {
                margin-bottom: 30px
            }
            
            .offLine-list2 .form-section {
                font-size: 14px;
                line-height: 48px;
                color: #707070;
                height: 48px;
                display: block;
                width: 100%;
                z-index: 1;
                cursor: pointer;
                position: relative;
                text-indent: 18px;
                border: none
            }
            
            .offLine-list2 .code-tr {
                position: relative;
                background: #f0f0f0 url(../images/yzm-icob.png) no-repeat left 16px center;
                background-size: 16px !important
            }
            
            .offLine-list2 .captcha {
                right: 0;
                top: 0;
                display: block;
                position: absolute;
                height: 100%;
                width: 100px
            }
            
            .offLine-list2 .province-section {
                z-index: 2
            }
            
            .offLine-list2 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: auto;
                top: 100%;
                left: 0;
                display: none;
                color: #707070;
                height: auto;
                line-height: 38px;
                padding: 0 18px
            }
            
            .offLine-list2 .options-item {
                border-top: 1px solid rgba(0, 0, 0, 0.15)
            }
            
            .offLine-list2 .experience-submit {
                flex: 0 0 148px;
                width: 148px;
                display: block;
                height: 38px;
                line-height: 36px;
                border: 1px solid #f599b0;
                font-size: 14px;
                color: #fff;
                padding-left: 20px;
                text-align: left;
                box-sizing: border-box;
                background: url(../images/experience-submit.png) no-repeat right 18px center
            }
            
            .offLine-list2 .form-input {
                padding: 0;
                display: block;
                background: none;
                border: none;
                height: 48px;
                width: 100%
            }
            
            .offLine-list2 .form-input:placeHolder {
                color: #707070
            }
            
            .offLine-list2 .form-title {
                position: absolute;
                font-size: 36px;
                line-height: 1.1;
                color: #fff;
                top: 0;
                right: 0
            }
            
            .offLine-list2 .form-title:after {
                display: block;
                margin-top: 16px;
                width: 48px;
                height: 2px;
                background: #fff;
                content: ""
            }
            
            .offLine-list2 .form-title2 {
                position: absolute;
                font-size: 30px;
                line-height: 1.5;
                color: #fff;
                top: -20px;
                right: -20px;
                width: 266px
            }
            
            .contact-list1 .list1-top {
                color: #444;
                text-align: center;
                padding: 2rem 0 1.2rem
            }
            
            .contact-list1 .ico-wrap {
                width: 32px;
                margin: 0 auto
            }
            
            .contact-list1 .list1-top-h5 {
                font-weight: bold;
                font-size: 14px;
                line-height: 1.1;
                margin: 15px auto
            }
            
            .contact-list1 .list1-top-detail {
                font-size: 16px;
                line-height: 30px
            }
            
            .contact-list1 .work-time {
                color: #888;
                font-size: 14px
            }
            
            .contact-list1 .list1-top-item:nth-child(2) {
                flex: 0 0 38%;
                position: relative
            }
            
            .contact-list1 .list1-top-item:nth-child(2):before,
            .contact-list1 .list1-top-item:nth-child(2):after {
                content: "";
                display: block;
                width: 1px;
                height: 60px;
                top: 50%;
                background: #e5e5e5;
                position: absolute
            }
            
            .contact-list1 .list1-top-item:nth-child(2):before {
                left: 0
            }
            
            .contact-list1 .list1-top-item:nth-child(2):after {
                right: 0
            }
            
            .contact-list1 .list1-top-item:first-child,
            .contact-list1 .list1-top-item:last-child {
                flex: 0 0 30.8%
            }
            
            .contact-list1 .list1-map {
                position: relative;
                height: 460px
            }
            
            .contact-list1 #allmap1 {
                position: absolute !important;
                width: 100% !important;
                height: 100% !important;
                left: 0 !important;
                top: 0 !important;
                text-align: center
            }
            
            .contact-list1 .map-address-name {
                text-align: center;
                font-size: 16px;
                line-height: 1.1;
                color: #333;
                padding: 10px 0
            }
            
            .contact-list1 .map-address-detail {
                text-align: center;
                font-size: 12px;
                line-height: 1.5;
                color: #888
            }
            
            .contact-list2 {
                padding: 3rem 0;
                margin: 0 auto
            }
            
            .contact-list2 .list2-item {
                flex: 0 0 48.5%;
                width: 48.5%;
                margin-bottom: .8rem;
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
                transition-duration: .8s
            }
            
            .contact-list2 .list2-item:hover {
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
            }
            
            .contact-list2 .list2-item:hover .list2-detail {
                color: #e60039
            }
            
            .contact-list2 .list2-name {
                font-size: 20px;
                line-height: 1.2;
                color: #444;
                margin-bottom: 20px
            }
            
            .contact-list2 .list2-detail {
                margin-bottom: 10px;
                display: block;
                padding-left: 34px;
                font-size: 14px;
                line-height: 25px;
                color: #4b4948
            }
            
            .contact-list2 .tele-detail {
                background: url(../images/tel1.png) no-repeat left top
            }
            
            .contact-list2 .email-detail {
                background: url(../images/email1.png) no-repeat left top
            }
            
            .contact-list2 .ewm-wrap {
                border: 3px solid #f4f4f4;
                padding: 7px
            }
            
            .contact-list2 .contact-ewm-wrap {
                position: absolute;
                right: 1.5rem;
                top: .75rem;
                width: 82px
            }
            
            .contact-list2 .ewm-h5 {
                text-align: center;
                font-size: 14px;
                line-height: 2;
                color: #888
            }
            
            .contact-list2 .list2-txts {
                position: relative;
                padding: 1.4rem 4rem 1.4rem 1.3rem
            }
            
            .BMap_center {
                overflow: visible !important
            }
            
            .BMap_center:before {
                content: "";
                display: block;
                top: -27px;
                left: -1px;
                background: #e60039;
                height: 4px;
                width: 150px;
                position: absolute
            }
            
            .offLine-list1 .BMap_center:before {
                width: 248px
            }
            
            .recruits-list1 {
                text-align: center;
                line-height: 1.8;
                color: #444;
                padding: 2.2rem 0 0;
                padding-bottom: 0 !important
            }
            
            .recruits-list1 .font20 {
                font-size: 20px
            }
            
            .recruits-list1 .font28 {
                font-size: 28px;
                padding-bottom: 1.9rem
            }
            
            .recruits-list1 .font14 {
                font-size: 14px
            }
            
            .recruits-list1 .colorRed {
                color: #e60039
            }
            
            .recruits-list1 .list1-bot {
                justify-content: flex-end;
                padding: 1rem 0 .75rem
            }
            
            .recruits-list1 .list1-bot-txts {
                flex: 0 0 180px;
                margin-right: 5.25rem
            }
            
            .recruits-list1 .contact-ewm-img {
                width: 110px;
                margin: 10px auto;
                padding: 6px;
                background: #fff
            }
            
            .recruits-list2 {
                min-height: 400px;
                padding-bottom: 2rem
            }
            
            .recruits-list2 .recruits-nav {
                flex: 0 0 300px;
                width: 300px
            }
            
            .recruits-list2 .recruits-nav-name {
                font-size: 24px;
                color: #fff;
                line-height: 2rem;
                padding-left: .9rem;
                background: #e60039
            }
            
            .recruits-list2 .scroll-wrap {
                max-height: 16rem
            }
            
            .recruits-list2 .recruits-nav-a {
                display: block;
                position: relative;
                font-size: 16px;
                line-height: 1rem;
                color: #666;
                padding: .5rem .9rem;
                border-bottom: 1px solid #fff;
                background: #f4f4f4;
                transition-duration: .5s
            }
            
            .recruits-list2 .recruits-nav-a:before {
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                content: "";
                display: block;
                width: 6px;
                height: 0;
                transition-duration: .5s;
                background: #e60039;
                position: absolute
            }
            
            .recruits-list2 .recruits-nav-a:hover,
            .recruits-list2 .recruits-nav-a.cur {
                background: #fff
            }
            
            .recruits-list2 .recruits-nav-a:hover:before,
            .recruits-list2 .recruits-nav-a.cur:before {
                height: 100%
            }
            
            .recruits-list2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .recruits-list2 .mCSB_scrollTools {
                width: 6px !important
            }
            
            .recruits-list2 .mCSB_inside>.mCSB_container {
                margin-right: 0 !important
            }
            
            .recruits-list2 .mCSB_scrollTools .mCSB_draggerRail {
                background: #f4f4f4 !important
            }
            
            .recruits-list2 .recruits-info {
                flex: 0 0 calc(100% - 324px);
                width: calc(100% - 324px);
                background: #f4f4f4
            }
            
            .recruits-list2 .recruits-info-contents {
                padding: 1.1rem 1.6rem 2.6rem;
                opacity: 0;
                transform: translateY(20px);
                transition-duration: .3s
            }
            
            .recruits-list2 .recruits-info-contents.cur {
                opacity: 1;
                transform: translateY(0)
            }
            
            .recruits-list2 .recruits-position-name {
                font-size: 20px;
                line-height: 1.2;
                color: #444;
                padding-bottom: 4px
            }
            
            .recruits-list2 .recruits-para-wrap {
                justify-content: flex-start;
                border-bottom: 1px solid #e6e6e6;
                padding-bottom: 30px
            }
            
            .recruits-list2 .para-item {
                flex: 0 0 auto;
                font-size: 14px;
                line-height: 24px;
                color: #444;
                position: relative;
                padding-left: 30px
            }
            
            .recruits-list2 .para-item:before {
                position: absolute;
                content: "";
                display: block;
                width: 1px;
                height: 16px;
                background: #cfcfcf;
                left: 15px;
                top: 4px
            }
            
            .recruits-list2 .para-item:first-child {
                padding-left: 0
            }
            
            .recruits-list2 .para-item:first-child:before {
                display: none
            }
            
            .recruits-list2 .recruits-bot-item {
                font-size: 14px;
                line-height: 34px;
                padding-top: 30px
            }
            
            .recruits-list2 .recruits-bot-h5 {
                color: #444
            }
            
            .recruits-list2 .recruits-bot-detial {
                color: #888
            }
            
            .recruits-list2 .recruits-a {
                display: block;
                margin-top: 42px;
                width: 120px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                font-size: 14px;
                padding-left: 24px;
                background: #e60039 url(../images/recruits-a.png) no-repeat right 24px center;
                transition-duration: .3s
            }
            
            .recruits-list2 .recruits-a:hover {
                background: #e60039 url(../images/recruits-a.png) no-repeat right 18px center
            }
            
            .m-recruits-nav {
                display: none;
                overflow: hidden;
                border-bottom: 1px solid #f4f4f4
            }
            
            .m-recruits-nav .swiper-slide {
                position: relative;
                font-size: 14px;
                line-height: 40px;
                color: #666;
                text-align: center
            }
            
            .m-recruits-nav .swiper-slide:after {
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
                content: "";
                display: block;
                width: 0;
                height: 2px;
                transition-duration: .5s;
                background: #e60039;
                position: absolute
            }
            
            .m-recruits-nav .swiper-slide.cur:after {
                width: 100%
            }
            
            .news-list1 {
                padding: 2.5rem 0 1.5rem
            }
            
            .news-list1 .news-items-wrap {
                justify-content: flex-start
            }
            
            .news-list1 .news-items {
                flex: 0 0 32.2%;
                width: 32.2%;
                margin-bottom: 1.5rem;
                display: inline-block;
                margin-right: 1.7%
            }
            
            .news-list1 .news-items:nth-child(3n) {
                margin-right: 0
            }
            
            .news-list1 .news-title {
                font-size: 18px;
                line-height: 26px;
                max-height: 52px;
                padding-right: 40px;
                color: #444;
                margin: 15px 0 6px
            }
            
            .news-list1 .news-time {
                font-size: 16px;
                line-height: 26px;
                color: #999
            }
            
            .introduce .moudle-titles3 {
                padding-top: 2.4rem
            }
            
            .intro-list1 .moudle-detail {
                text-align: left;
                margin-top: 30px
            }
            
            .intro-list2 {
                padding: 112px 0 126px
            }
            
            .intro-list2 .w1200 {
                justify-content: flex-end
            }
            
            .intro-list2 .intro-list2-txts {
                padding: 1.2rem 1.3rem
            }
            
            .intro-list2 .intro-list2-box {
                background: #e60039;
                flex: 0 0 470px;
                text-align: right;
                color: #fff;
                line-height: 1.5
            }
            
            .intro-list2 .font30 {
                font-size: 30px
            }
            
            .intro-list2 .font36 {
                font-size: 36px
            }
            
            .intro-list2 .font36:after {
                display: inline-block;
                background: #fff;
                height: 2px;
                width: 30px;
                content: "";
                margin: 12px 0 24px
            }
            
            .intro-list2 .font16 {
                color: rgba(255, 255, 255, 0.53);
                font-size: 16px
            }
            
            .intro-list3 {
                line-height: 1.5;
                color: #444
            }
            
            .intro-list3 .list3-h5 {
                font-size: 30px;
                color: #666;
                padding-top: 2.25rem
            }
            
            .intro-list3 .list3-h4 {
                font-size: 36px;
                padding-bottom: .2rem
            }
            
            .intro-list3 .list3-h6 {
                font-size: 24px;
                padding: 1.7rem 0;
                padding-left: 2.5rem;
                position: relative
            }
            
            .intro-list3 .list3-h6:before {
                content: "";
                display: block;
                position: absolute;
                width: 2.15rem;
                height: 2px;
                background: #e60039;
                top: 50%;
                left: 0
            }
            
            .intro-list31 .list31-item {
                position: relative;
                flex: 0 0 50%;
                width: 50%;
                color: #fff;
                overflow: hidden
            }
            
            .intro-list31 .list31-nums {
                display: block;
                width: 90px;
                height: 90px;
                margin-left: -32px;
                position: absolute;
                color: rgba(255, 255, 255, 0.1);
                font-size: 100px;
                line-height: 90px;
                transform: rotate(90deg);
                left: 0;
                top: 30px;
                z-index: 2;
                font-family: "Arial"
            }
            
            .intro-list31 .txt-h5 {
                font-size: 20px;
                line-height: 1.8;
                margin-bottom: 12px
            }
            
            .intro-list31 .h5-en {
                text-transform: capitalize
            }
            
            .intro-list31 .list31-txts {
                width: 100%;
                height: auto;
                position: absolute;
                left: 0;
                bottom: 0;
                padding: .45rem .8rem
            }
            
            .intro-list31 .txt-detail {
                font-size: 14px;
                line-height: 24px;
                min-height: 48px;
                color: rgba(255, 255, 255, 0.7)
            }
            
            .intro-list31 .txt-s0 {
                display: inline-block;
                vertical-align: top;
                width: auto;
                position: relative;
                padding-left: 5px
            }
            
            .intro-list31 .txt-s0:before {
                position: absolute;
                content: "";
                display: block;
                width: 1px;
                height: 16px;
                background: rgba(255, 255, 255, 0.7);
                left: 1px;
                top: 4px
            }
            
            .intro-list31 .txt-s0:first-child {
                padding-left: 0
            }
            
            .intro-list31 .txt-s0:first-child:before {
                display: none
            }
            
            .intro-list32 .list32-left {
                position: relative;
                z-index: 2;
                width: 400px;
                overflow: visible
            }
            
            .intro-list32 .intro-list32-mains {
                position: relative
            }
            
            .intro-list32 .hover,
            .intro-list32 .m-img {
                display: none
            }
            
            .intro-list32 .list32-btn {
                cursor: pointer;
                width: 100%;
                background: #efefef;
                transition-duration: .3s;
                font-size: 20px;
                line-height: 1.5;
                color: #444;
                padding: 1.3rem 1.1rem;
                border-bottom: 1px solid #fff
            }
            
            .intro-list32 .list32-btn:hover,
            .intro-list32 .list32-btn.cur {
                width: 440px;
                background: #e60039;
                color: #fff;
                border-bottom-color: #e60039
            }
            
            .intro-list32 .list32-btn:hover .hover,
            .intro-list32 .list32-btn.cur .hover {
                display: block
            }
            
            .intro-list32 .list32-btn:hover .unhover,
            .intro-list32 .list32-btn.cur .unhover {
                display: none
            }
            
            .intro-list32 .list32-h5-cn {
                margin-bottom: 6px
            }
            
            .intro-list32 .list32-h5-en {
                opacity: .3
            }
            
            .intro-list32 .list32-btn-txts {
                flex: 0 0 200px
            }
            
            .intro-list32 .list32-ico {
                position: relative;
                width: 40px;
                height: 41px;
                flex: 0 0 40px
            }
            
            .intro-list32 .list32-btn-contetns {
                align-items: center
            }
            
            .intro-list32 .list32-right {
                z-index: 1;
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: calc(100% - 400px);
                opacity: 0;
                transition-duration: .5s
            }
            
            .intro-list32 .list32-right.cur {
                opacity: 1
            }
            
            .intro-list32 .bgImg {
                position: relative;
                z-index: 2
            }
            
            .intro-list4 .list4-banner {
                overflow: hidden;
                text-align: center;
                padding: 10px 0;
                width: calc(100% - 100px);
                margin: 0 auto
            }
            
            .intro-list4 .w1200 {
                position: relative;
                z-index: 2
            }
            
            .intro-list4 .swiper-year {
                font-size: 24px;
                line-height: 45px;
                color: #666;
                height: 96px;
                padding-top: 30px;
                line-height: 66px;
                transition-duration: .3s
            }
            
            .intro-list4 .swiper-detail {
                font-size: 14px;
                line-height: 26px;
                color: #888;
                transition-duration: .3s
            }
            
            .intro-list4 .scroll-wrap {
                height: 72px
            }
            
            .intro-list4 .list4-mains {
                position: relative
            }
            
            .intro-list4 .list4-mains:before {
                position: absolute;
                z-index: 1;
                left: 0;
                top: 106px;
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background: #eee
            }
            
            .intro-list4 .swiper-slide {
                transition-duration: .3s
            }
            
            .intro-list4 .swiper-slide:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .intro-list4 .swiper-slide:hover .swiper-year {
                padding-top: 15px
            }
            
            .intro-list4 .swiper-slide:hover .swiper-detail {
                color: #444
            }
            
            .intro-list4 .swiper-slide:hover .swiper-line:before {
                background: #fff;
                border-color: #e60039
            }
            
            .intro-list4 .swiper-line {
                position: relative;
                display: block;
                width: 14px;
                height: 40px;
                background: #fff;
                margin: -5px auto
            }
            
            .intro-list4 .swiper-line:before,
            .intro-list4 .swiper-line:after {
                content: "";
                position: absolute;
                display: block;
                box-sizing: border-box
            }
            
            .intro-list4 .swiper-line:before {
                left: 50%;
                top: 0;
                width: 10px;
                height: 10px;
                border: 2px solid #fff;
                background: #bfbfbf;
                border-radius: 50%;
                margin-left: -5px;
                transition-duration: .3s
            }
            
            .intro-list4 .swiper-line:after {
                left: 50%;
                bottom: 0;
                width: 1px;
                height: 20px;
                background: #eee
            }
            
            .intro-list4 .swiper-detail {
                padding: 18px 28px
            }
            
            .intro-list4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .intro-list5 {
                text-align: center;
                color: #fff
            }
            
            .intro-list5 .list5-mains {
                position: relative
            }
            
            .intro-list5 .m-img {
                display: none
            }
            
            .intro-list5 .list5-banner {
                position: relative;
                z-index: 1;
                overflow: hidden
            }
            
            .intro-list5 .w1200 {
                align-items: center;
                height: 100%;
                justify-content: flex-end
            }
            
            .intro-list5 .slide-txts {
                flex: 0 0 50%;
                font-size: 24px;
                line-height: 1.5
            }
            
            .intro-list5 .slide-h5 {
                transition-delay: .8s
            }
            
            .intro-list5 .slide-h5,
            .intro-list5 .slide-h6 {
                transform: translateY(30px);
                opacity: 0;
                transition-duration: .8s
            }
            
            .intro-list5 .swiper-slide-active .slide-h5,
            .intro-list5 .swiper-slide-active .slide-h6 {
                transform: translateY(0);
                opacity: 1
            }
            
            .intro-list5 .slide-h6 {
                font-size: 16px;
                line-height: 44px;
                color: rgba(255, 255, 255, 0.38);
                letter-spacing: 13px;
                transition-delay: 1s
            }
            
            .intro-list5 .intro-list5-name {
                flex: 0 0 50%;
                font-size: 36px;
                line-height: 44px;
                height: 44px
            }
            
            .intro-list5 .name-wrap {
                position: absolute;
                z-index: 3;
                left: 50%;
                top: 4.25rem;
                transform: translateX(-50%)
            }
            
            .intro-list5 .name-s0 {
                display: inline-block;
                overflow: hidden
            }
            
            .intro-list5 .name-s0:after {
                position: relative;
                z-index: 2;
                display: block;
                width: 100%;
                height: 3px;
                background: #e60039;
                content: "";
                margin-top: -4px
            }
            
            .intro-list5 .slide-bg {
                height: 15rem
            }
            
            .intro-list6 {
                padding: 1.2rem 0 .75rem
            }
            
            .intro-list6 .w1200 {
                align-items: center
            }
            
            .intro-list6 .list6-left {
                font-size: 24px;
                line-height: 48px;
                color: #444;
                flex: 0 0 39%;
                margin-top: -40px
            }
            
            .intro-list6 .list6-img {
                flex: 0 0 59%
            }
            
            .intro-list6 .colorRed {
                display: inline-block;
                color: #e60039
            }
            
            .intro-list6 .colorRed span {
                font-size: 36px;
                font-family: "Arial"
            }
            
            .intro-list7 {
                padding-bottom: 2.5rem;
                background-position: top 5rem right !important;
                background-repeat: no-repeat !important;
                background-size: 5.25rem !important
            }
            
            .intro-list7 .w1200 {
                justify-content: center
            }
            
            .intro-list7 .intro-list7-banner {
                overflow: hidden;
                width: 800px;
                margin: 0 auto
            }
            
            .intro-list7 .swiper-slide {
                font-size: 14px;
                line-height: 26px;
                color: #666;
                text-align: center;
                padding: 10px
            }
            
            .intro-list7 .list7-h5 {
                padding: 0 .7rem
            }
            
            .intro-list7 .img-wrap {
                border-radius: 14px;
                overflow: hidden;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                margin-bottom: 24px
            }
            
            .intro-list8 {
                background: #fafafa;
                padding-bottom: 1.8rem
            }
            
            .intro-list8 .w1200 {
                align-items: center
            }
            
            .intro-list8 .list8-img {
                flex: 0 0 34.5%
            }
            
            .intro-list8 .list8-right {
                flex: 0 0 55.7%
            }
            
            .intro-list8 .list8-item-wrap {
                margin-right: 40px !important
            }
            
            .intro-list8 .list8-item {
                flex: 0 0 calc(50% - 11px);
                width: calc(50% - 11px);
                border: 1px solid #dbdbdb;
                font-size: 14px;
                line-height: 48px;
                height: 50px;
                color: #333;
                margin-bottom: 24px;
                transition-duration: .3s
            }
            
            .intro-list8 .list8-item:hover {
                background: #e60039;
                color: #fff;
                border-color: #e60039
            }
            
            .intro-list8 .omit1 {
                padding: 0 .5rem
            }
            
            .intro-list8 .scroll-wrap {
                height: 444px
            }
            
            .intro-list8 .mCSB_scrollTools .mCSB_draggerRail {
                background: #e3e3e3 !important
            }
            
            .intro-list8 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .intro-list9 .moudle-titles3 {
                padding-bottom: 0 !important
            }
            
            .intro-list9 .list9-banner {
                overflow: hidden;
                padding: 2rem 0
            }
            
            .intro-list9 .list9-banner-wrap {
                padding-top: 64px;
                position: relative;
                background: linear-gradient(#fff 50%, #e3e3e3 50%, #f2f2f2 100%)
            }
            
            .intro-list9 .slide-h5 {
                text-align: center;
                margin-top: 40px;
                font-size: 14px;
                line-height: 24px;
                color: #444;
                height: 24px;
                opacity: 0;
                transition-duration: .8s
            }
            
            .intro-list9 .swiper-slide {
                position: relative;
                transition-duration: .8s
            }
            
            .intro-list9 .swiper-slide-active {
                transform: scale(1.5);
                z-index: 2
            }
            
            .intro-list9 .swiper-slide-active .img-wrap {
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
            }
            
            .intro-list9 .swiper-slide-active .slide-h5 {
                opacity: 1
            }
            
            .intro-list10 {
                padding: 1.1rem 0 1.5rem;
                background: linear-gradient(#f2f2f2, #fff)
            }
            
            .video-list1 .video-select-wrap {
                position: relative;
                z-index: 2;
                border-bottom: 1px solid #f3f3f3;
                margin: 12px 0 34px
            }
            
            .video-list1 .video-select-left {
                flex: 0 0 auto;
                display: inline-flex
            }
            
            .video-select-name {
                flex: 0 0 auto;
                margin-right: 10px
            }
            
            .video-list1 .form-section {
                flex: 0 0 130px;
                width: 130px;
                margin-right: 3px;
                z-index: 2;
                cursor: pointer;
                position: relative;
                background: url(../images/sectiontop3.png) no-repeat right 18px top 10px
            }
            
            .video-list1 .form-section.cur {
                background: url(../images/sectiontop3on.png) no-repeat right 18px top 10px
            }
            
            .video-list1 .class-section {
                z-index: 3
            }
            
            .video-list1 .section-top {
                font-size: 12px;
                line-height: 28px;
                color: #333;
                padding: 0 0 8px 10px
            }
            
            .video-list1 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: auto;
                top: 100%;
                left: 0;
                display: none;
                background: #fff;
                color: #333;
                height: auto;
                line-height: 38px;
                padding: 0 10px
            }
            
            .video-list1 .options-item {
                border-top: 1px solid #f3f3f3
            }
            
            .video-list1 .video-select-right {
                flex: 0 0 144px;
                display: inline-flex
            }
            
            .video-list1 .video-select-input {
                background: none;
                border: none;
                height: 36px;
                line-height: 36px;
                padding: 0;
                text-indent: 0;
                flex: 0 0 100px;
                font-size: 14px;
                color: #888;
                display: inline-block
            }
            
            .video-list1 .video-select-submit {
                flex: 0 0 42px;
                height: 36px;
                background: url(../images/video-select-submit.png) no-repeat center;
                border: none;
                color: transparent;
                display: inline-block
            }
            
            .video-list2 .video-items-wrap {
                justify-content: flex-start
            }
            
            .video-list2 .video-item {
                flex: 0 0 32%;
                background: #fff;
                margin-right: 2%;
                margin-bottom: 2.4rem;
                transition-duration: .5s;
                text-align: center;
                cursor: pointer
            }
            
            .video-list2 .video-item:nth-child(3n) {
                margin-right: 0
            }
            
            .video-list2 .video-item:hover .video-name {
                color: #e60039
            }
            
            .video-list2 .video-btn {
                position: absolute;
                background: url(../images/video-btn1.png) no-repeat center;
                width: 52px;
                height: 52px;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                cursor: pointer;
                transition-duration: .5s
            }
            
            .video-list2 .video-btn:hover {
                transform: translate(-50%, -50%) scale(0.9)
            }
            
            .video-list2 .video-ewm {
                display: inline-block;
                width: 27px;
                height: 27px;
                background: url(../images/ewm-ico.png) no-repeat center;
                cursor: pointer
            }
            
            .video-list2 .video-name {
                margin: 18px 0 10px;
                font-size: 20px;
                line-height: 1.5;
                color: #333
            }
            
            .train-list3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .train-list1 {
                background: #f4f4f4;
                padding-bottom: 3.3rem
            }
            
            .train-list1 .list1-left {
                flex: 0 0 60%;
                width: 60%
            }
            
            .train-list1 .item-unit {
                min-height: 64px
            }
            
            .train-list1 .left-item {
                flex: 0 0 33%;
                display: inline-block
            }
            
            .train-list1 .unit-time {
                height: 32px;
                line-height: 32px
            }
            
            .train-list1 .unit-time-wrap {
                color: #333;
                flex: 0 0 calc(100% - 74px);
                width: calc(100% - 74px)
            }
            
            .train-list1 .unit-red {
                flex: 0 0 74px;
                color: #e60039
            }
            
            .train-list1 .w200 {
                flex: 0 0 200px;
                width: 200px
            }
            
            .train-list1 .w160 {
                flex: 0 0 160px;
                width: 160px
            }
            
            .train-list1 .w288 {
                flex: 0 0 288px;
                width: 288px
            }
            
            .train-list1 .time-s0,
            .train-list1 .time-jia {
                font-size: 36px;
                font-weight: bold;
                color: #5d5959
            }
            
            .train-list1 .time-s0 {
                font-style: italic
            }
            
            .train-list1 .list1-right {
                flex: 0 0 31.6%
            }
            
            .train-list1 .unit-txt {
                padding: 10px 0 12px
            }
            
            .train-list1 .left-detail {
                font-size: 14px;
                line-height: 2;
                margin-bottom: 1.1rem
            }
            
            .train-list1 .unit-txt,
            .train-list1 .time-s0 {
                display: inline-block;
                vertical-align: baseline
            }
            
            .train-list1 .unit-txt,
            .train-list1 .time-txt,
            .train-list1 .unit-red {
                font-size: 14px;
                line-height: 20px
            }
            
            .train-list2 {
                padding-bottom: 6.75rem
            }
            
            .train-list2 .w1280 {
                align-items: center;
                margin-top: 18px
            }
            
            .train-list2 .list2-jia {
                background: url(../images/train-list2-jia.png) no-repeat center;
                flex: 0 0 40px;
                height: 40px
            }
            
            .train-list2 .list2-main-item {
                color: #fff;
                flex: 0 0 300px;
                height: 300px;
                border: 1px solid #fff;
                position: relative;
                overflow: hidden;
                transition-duration: .3s;
                background-size: cover !important
            }
            
            .train-list2 .list2-main-item:hover {
                border-color: #e60039;
                background: url(../images/train-list2-bg2.jpg) no-repeat center
            }
            
            .train-list2 .list2-main-item:hover .hover {
                opacity: 1
            }
            
            .train-list2 .list2-main-item:hover .unhover {
                opacity: 0
            }
            
            .train-list2 .hover {
                opacity: 0;
                height: 244px;
                padding-top: 90px;
                text-align: left
            }
            
            .train-list2 .unhover {
                opacity: 1;
                text-align: center
            }
            
            .train-list2 .hover,
            .train-list2 .unhover {
                top: 50%;
                position: absolute;
                width: calc(100% - 80px);
                transition-duration: .3s;
                transform: translateY(-50%)
            }
            
            .train-list2 .hover-line {
                display: block;
                width: 24px;
                height: 1px;
                background: #fff;
                margin: 16px 0
            }
            
            .train-list2 .item-contents {
                padding: 30px 40px
            }
            
            .train-list2 .list2-ico {
                width: 76px
            }
            
            .train-list2 .unhover-ico {
                margin: 0 auto 20px
            }
            
            .train-list2 .hover-ico {
                position: absolute;
                right: 0;
                top: 0
            }
            
            .train-list2 .list2-h5 {
                font-size: 18px;
                line-height: 20px
            }
            
            .train-list2 .hover-detail {
                font-size: 14px;
                line-height: 26px
            }
            
            .train-list2 .scroll-wrap {
                height: 104px
            }
            
            .train-list3 {
                padding-bottom: 4.5rem
            }
            
            .train-list3 .list3-imgs {
                flex: 0 0 60%;
                width: 60%;
                position: relative
            }
            
            .train-list3 .imgs-name {
                position: absolute;
                left: 32px;
                bottom: 16px;
                color: #fff;
                font-size: 16px;
                line-height: 20px;
                height: 20px
            }
            
            .train-list3 .list3-h5 {
                font-size: 20px !important;
                line-height: 1.5;
                padding-bottom: 20px;
                color: #4d4948
            }
            
            .train-list3 .name-s0 {
                font-size: 20px !important;
                line-height: 1.5;
                color: #4d4948
            }
            
            .train-list3 .course-item {
                margin-bottom: 7px
            }
            
            .train-list3 .course-name {
                font-size: 16px;
                line-height: 26px;
                color: #333;
                padding-left: 20px;
                position: relative;
                margin-bottom: 2px
            }
            
            .train-list3 .course-name-s0 {
                font-size: 14px
            }
            
            .train-list3 .course-name:before {
                content: "";
                display: block;
                width: 6px;
                height: 6px;
                position: absolute;
                background: #e60039;
                border-radius: 50%;
                top: 10px;
                left: 0
            }
            
            .train-list3 .course-detial {
                font-size: 14px;
                line-height: 24px;
                color: #5d5959;
                padding-left: 20px
            }
            
            .train-list3 .course-s0 {
                font-weight: bold
            }
            
            .train-list3 .list3-txts {
                flex: 0 0 30%;
                width: 30%
            }
            
            .train-list3 .scroll-wrap {
                height: 410px
            }
            
            .train-list4 {
                background: #f4f4f4;
                padding-bottom: 3rem
            }
            
            .train-list4 .c-month-top {
                margin-top: 0 !important
            }
            
            .train-list4 .c-month-center {
                margin-top: 4.6rem;
                font-size: 2.5rem !important;
                line-height: 2.5rem;
                text-align: center
            }
            
            .train-list4 .monthTxt {
                font-size: 20px
            }
            
            .train-list4 .list4-mains {
                background: #fff
            }
            
            .train-list4 .list4-left {
                flex: 0 0 60%;
                border-right: 1px solid #e5e5e5
            }
            
            .train-list4 .course-tr {
                padding: 16px 0;
                border-bottom: 1px solid #e5e5e5
            }
            
            .train-list4 .course-h5 {
                font-size: 16px;
                line-height: 20px;
                color: #333;
                margin-bottom: 4px
            }
            
            .train-list4 .course-detail {
                font-size: 14px;
                line-height: 28px;
                color: #707070
            }
            
            .train-list4 .c-event-list {
                position: relative
            }
            
            .train-list4 .c-event-item {
                position: absolute;
                width: 100%;
                height: 100%;
                background: #fff;
                left: 0;
                top: 0;
                padding: 1rem 0 0 !important;
                margin: 0 !important;
                border: none !important;
                z-index: 2
            }
            
            .train-list4 .c-event-item:first-child {
                z-index: 3
            }
            
            .train-list4 .c-event-item.cur {
                z-index: 4
            }
            
            .train-list4 .courseIntroDetail {
                white-space: pre-wrap;
                height: 100px;
                -overflow: hidden;
                -text-overflow: ellipsis;
                -display: -webkit-box
            }
            
            .train-list4 .course-btn {
                height: 46px;
                line-height: 46px;
                background: #e60039;
                text-align: center;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                margin-top: 20px
            }
            
            .case-list1 .case-items-wrap {
                justify-content: flex-start
            }
            
            .case-list1 .case-item {
                flex: 0 0 32.2%;
                width: 32.2%;
                margin-bottom: 1.1rem;
                display: inline-block;
                margin-right: 1.7%;
                transition-duration: .5s
            }
            
            .case-list1 .case-item:nth-child(3n) {
                margin-right: 0
            }
            
            .case-list1 .case-item:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .case-list1 .case-item:hover .case-h5 {
                color: #e60039
            }
            
            .case-list1 .case-address {
                position: absolute;
                width: 100%;
                text-align: right;
                height: 40px;
                bottom: 0;
                font-size: 14px;
                line-height: 40px;
                color: #fff;
                padding: 0 15px
            }
            
            .case-list1 .case-txts {
                border-left: 1px solid #f2f2f2;
                border-right: 1px solid #f2f2f2;
                border-bottom: 1px solid #f2f2f2;
                padding: .5rem .9rem
            }
            
            .case-list1 .case-h5 {
                font-size: 20px;
                line-height: 24px;
                color: #666;
                transition-duration: .5s
            }
            
            .case-list1 .case-detail {
                font-size: 14px;
                line-height: 20px;
                color: #888;
                margin: 6px 0 10px;
                height: 40px
            }
            
            .case-list1 .case-more {
                font-size: 12px;
                line-height: 20px;
                color: #e60039
            }
            
            .w988 {
                width: 988px;
                margin-left: auto;
                margin-right: auto
            }
            
            .toBeDealer-list1 {
                padding: .75rem 0 1.6rem
            }
            
            .toBeDealer-list1 .w988 {
                padding-left: 50px;
                position: relative
            }
            
            .toBeDealer-list1 .font14 {
                font-size: 14px;
                line-height: 26px;
                color: #333;
                margin-top: 16px
            }
            
            .toBeDealer-list1 .tele-num {
                font-size: 16px;
                line-height: 20px;
                color: #666;
                margin-bottom: 20px
            }
            
            .toBeDealer-list1 .font20 {
                font-size: 20px;
                line-height: 26px;
                color: #e60039
            }
            
            .toBeDealer-list1 .moudle-titles2 .moudle-h5:after {
                display: none
            }
            
            .toBeDealer-list1 .moudle-titles2 {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: auto;
                z-index: 2
            }
            
            .toBeDealer-list1 .list1-mains {
                position: relative
            }
            
            .toBeDealer-list1 .apply-a {
                display: block;
                width: 150px;
                height: 40px;
                font-size: 14px;
                line-height: 40px;
                background: #e60039;
                text-align: center;
                color: #fff;
                margin: 0 auto
            }
            
            .toBeDealer-list2 .list2-items-wrap {
                margin-top: 28px
            }
            
            .toBeDealer-list2 .list2-name {
                text-align: center;
                font-size: 20px;
                line-height: 1.2;
                color: #4d4948
            }
            
            .toBeDealer-list2 .list2-ico {
                border-radius: 50%;
                width: 181px;
                height: 181px;
                overflow: hidden;
                background: #7b7b7b;
                transition-duration: .3s;
                padding: 55px;
                margin: 0 auto 22px
            }
            
            .toBeDealer-list2 .swiper-slide {
                cursor: pointer
            }
            
            .toBeDealer-list2 .swiper-slide.cur .list2-ico,
            .toBeDealer-list2 .swiper-slide:hover .list2-ico {
                background: #e60039
            }
            
            .toBeDealer-list3 {
                position: relative;
                padding-bottom: 3.2rem
            }
            
            .toBeDealer-list3 .toBeDealer-list3-banner {
                overflow: hidden;
                width: 1010px;
                margin: 0 auto
            }
            
            .toBeDealer-list3 .swiper-slide {
                color: #fff;
                height: 200px;
                border: 1px solid #fff;
                position: relative;
                text-align: center;
                overflow: hidden;
                transition-duration: .3s;
                background-size: cover !important
            }
            
            .toBeDealer-list3 .swiper-slide:hover {
                border-color: #e60039;
                background: url(../images/train-list2-bg2.jpg) no-repeat center
            }
            
            .toBeDealer-list3 .list3-item-contents {
                position: absolute;
                width: 100%;
                top: 50%;
                transform: translateY(-50%)
            }
            
            .toBeDealer-list3 .list3-ico {
                width: 75px;
                margin: 0 auto 8px
            }
            
            .toBeDealer-list3 .list3-h5 {
                font-size: 18px;
                line-height: 30px
            }
            
            .toBeDealer-list3 .list3-h5:after {
                display: block;
                width: 24px;
                height: 1px;
                background: #fff;
                margin: 16px 0
            }
            
            .toBeDealer-list4 {
                background: #f4f4f4
            }
            
            .toBeDealer-list4 .list4-banner-wrap {
                padding-bottom: 24px;
                margin-bottom: 30px;
                border-bottom: 1px solid #dbdbdb
            }
            
            .toBeDealer-list4 .list4-banner {
                width: 806px;
                overflow: hidden;
                margin: 0 auto
            }
            
            .toBeDealer-list4 .swiper-slide {
                position: relative;
                transition-duration: .3s;
                font-size: 14px;
                line-height: 28px;
                color: #4d4948;
                cursor: pointer;
                text-align: center
            }
            
            .toBeDealer-list4 .swiper-slide.cur,
            .toBeDealer-list4 .swiper-slide:hover {
                color: #e60039
            }
            
            .toBeDealer-list4 .swiper-slide:first-child:before {
                display: none
            }
            
            .toBeDealer-list4 .swiper-slide:before {
                content: "";
                display: block;
                width: 1px;
                height: 10px;
                background: #dbdbdb;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -5px
            }
            
            .toBeDealer-list4 .list4-detial {
                padding: 1rem 0 2rem
            }
            
            .toBeDealer-list4 .list4-ajax-mains {
                font-size: 14px;
                line-height: 24px;
                color: #888
            }
            
            .toBeDealer-list4 .list4-ajax-mains .img-wrap {
                text-align: center
            }
            
            .toBeDealer-list4 .list4-ajax-mains img {
                display: inline-block;
                max-width: 100%
            }
            
            .toBeDealer-list5 {
                padding-bottom: 3.4rem
            }
            
            .toBeDealer-list5 .scroll-wrap2 {
                margin-top: 28px
            }
            
            .toBeDealer-list5 .list5-items-wrap {
                position: relative
            }
            
            .toBeDealer-list5 .list5-next {
                display: inline-block;
                background: url(../images/tobedealer-list5-next.png) no-repeat center;
                flex: 0 0 20px;
                height: 120px;
                width: 20px
            }
            
            .toBeDealer-list5 .list5-name {
                text-align: center;
                font-size: 18px;
                line-height: 1.2;
                color: #4d4948
            }
            
            .toBeDealer-list5 .list5-ico {
                border-radius: 50%;
                width: 120px;
                height: 120px;
                overflow: hidden;
                background: #7b7b7b;
                transition-duration: .3s;
                padding: 36px;
                margin: 0 auto 22px
            }
            
            .toBeDealer-list5 .list5-item {
                flex: 0 0 120px
            }
            
            .toBeDealer-list5 .list5-item.cur .list5-ico,
            .toBeDealer-list5 .list5-item:hover .list5-ico {
                background: #e60039
            }
            
            .toBeDealer-list6 {
                padding-bottom: 2.5rem
            }
            
            .toBeDealer-list6 .list6-item {
                font-size: 14px;
                line-height: 32px;
                color: #666;
                transition-duration: .3s;
                margin-bottom: 1px
            }
            
            .toBeDealer-list6 .list6-item.cur .item-top {
                background: #f6f6f6 url(../images/tobedealer-jiaon.png) no-repeat right 20px center
            }
            
            .toBeDealer-list6 .item-top {
                cursor: pointer;
                color: #333;
                padding-right: 2.5rem;
                padding: 10px 2.5rem 10px 26px;
                background: #f6f6f6 url(../images/tobedealer-jia.png) no-repeat right 20px center
            }
            
            .toBeDealer-list6 .item-top-txt {
                height: 32px
            }
            
            .toBeDealer-list6 .item-bot {
                display: none;
                padding: .75rem 2.5rem 1rem 26px
            }
            
            .ajax-more1 {
                cursor: pointer;
                margin: 2rem auto 0;
                width: 150px;
                height: 40px;
                font-size: 14px;
                line-height: 40px;
                color: #fff;
                background: #e60039 url(../images/recruits-a.png) no-repeat right 36px center;
                transition-duration: .3s;
                padding-left: 34px
            }
            
            .ajax-more1:hover {
                background: #e60039 url(../images/recruits-a.png) no-repeat right 28px center
            }
            
            .bgf0 {
                background: #f0f0f0
            }
            
            .signIn .signIn-left {
                height: 100vh;
                flex: 0 0 57.8%;
                width: 57.8%;
                overflow: hidden;
                position: relative
            }
            
            .signIn .signIn-right {
                font-size: 14px;
                height: 100vh;
                flex: 0 0 42.2%;
                width: 42.2%;
                background: rgba(255, 255, 255, 0.75);
                overflow: hidden
            }
            
            .signIn .right-mains {
                width: 490px;
                margin: 0 auto;
                padding: 80px 86px 0 0
            }
            
            .signIn .left-font14,
            .signIn .right-font14 {
                font-size: 14px;
                line-height: 24px
            }
            
            .signIn .left-font14 {
                width: 450px;
                height: 48px;
                color: #000;
                margin: 12px auto 1.5rem
            }
            
            .signIn .right-font14 {
                color: #666
            }
            
            .signIn .reminds {
                color: #888;
                margin-top: 1rem;
                margin: .5rem 0 1.5rem
            }
            
            .signIn .left-font36,
            .signIn .right-font36 {
                font-size: 36px;
                line-height: 1.1;
                color: #000
            }
            
            .signIn .right-font36 {
                margin: 1.5rem 0 .7rem
            }
            
            .signIn .right-font36:after {
                content: "";
                display: block;
                height: 2px;
                width: 48px;
                margin-top: 20px;
                background: #000;
                transition-delay: 1s;
                transition-duration: .8s
            }
            
            .signIn .get-password {
                color: #e60039
            }
            
            .signIn .tr-txt {
                margin-top: 1rem;
                font-size: 18px;
                line-height: 1.2;
                color: #000
            }
            
            .signIn .tr {
                line-height: 34px;
                padding: 12px 0 12px 0;
                border-bottom: 1px solid #d7d8db
            }
            
            .signIn .signIn-input {
                display: block;
                width: 100%;
                height: 34px;
                line-height: 34px;
                background: none;
                border: none;
                color: #666;
                padding: 0 30px 0 0;
                box-sizing: border-box
            }
            
            .signIn .signIn-input.erro {
                background: url(../images/erro.png) no-repeat right center
            }
            
            .signIn .signIn-input.right {
                background: url(../images/right.png) no-repeat right center
            }
            
            .signIn .signIn-input::placeHolder {
                color: #666
            }
            
            .signIn .signIn-submit {
                display: inline-block;
                flex: 0 0 180px;
                height: 56px;
                line-height: 56px;
                background: #e60039;
                text-align: center;
                color: #fff;
                border: none
            }
            
            .signIn .to-register {
                display: inline-block;
                flex: 0 0 180px;
                height: 56px;
                line-height: 54px;
                text-align: center;
                color: #333;
                transition-duration: .3s;
                border: 1px solid #bfbfbf
            }
            
            .signIn .to-register:hover {
                color: #fff;
                background: #e60039;
                border-color: #e60039
            }
            
            .signIn .code-tr {
                position: relative;
                padding-right: 150px
            }
            
            .signIn .captcha {
                position: absolute;
                width: 100px;
                height: 34px;
                right: 0;
                top: 10px
            }
            
            .signIn .left-logo {
                display: block;
                width: 156px;
                height: 24px
            }
            
            .signIn .left-mains {
                padding-top: 28px;
                width: 20.5rem;
                margin: 0 auto;
                text-align: center
            }
            
            .signIn .left-control-btns {
                justify-content: center;
                margin-bottom: 1.7rem
            }
            
            .signIn .control-btn {
                border-radius: 24px;
                height: 48px;
                line-height: 48px;
                font-size: 16px;
                flex: 0 0 188px;
                color: #fff;
                transition-duration: .3s;
                background: #707070;
                margin: 12px;
                cursor: pointer
            }
            
            .signIn .control-btn:hover,
            .signIn .control-btn.cur {
                background: #e60039
            }
            
            .signIn .ajax-right {
                flex: 0 0 144px;
                width: 144px
            }
            
            .signIn .ajax-left {
                flex: 0 0 calc(100% - 150px);
                width: calc(100% - 150px);
                display: inline-flex;
                justify-content: flex-end
            }
            
            .signIn .ajax-img {
                flex: 0 0 auto;
                max-width: 100%
            }
            
            .signIn .app-ajax .ajax-right {}
            
            .signIn .pcct-down-a {
                width: 144px;
                height: 40px;
                display: block;
                margin-bottom: .7rem;
                transition-duration: .3s
            }
            
            .signIn .app-down-img {
                margin-bottom: 6px
            }
            
            .signIn .pcct-down-a:hover {
                transform: translateX(-6px)
            }
            
            .others-down-h5 {
                width: 180px;
                margin-left: -18px;
                font-size: 16px;
                line-height: 32px;
                color: #333;
                text-align: center;
                margin-bottom: .7rem
            }
            
            .signIn .others-down {
                display: inline-block;
                border-bottom: 1px solid #777979;
                font-size: 16px;
                line-height: 32px;
                color: #333;
                padding: 0 16px 0 2px;
                background: url(../images/others-down.png) no-repeat right center;
                transition-duration: .3s
            }
            
            .signIn .others-down:hover {
                transform: translateX(-6px)
            }
            
            .signIn .app-ajax,
            .signIn .pcct-ajax {
                display: none
            }
            
            .signIn .ajax-mains1,
            .signIn .ajax-mains2 {
                opacity: 0;
                -webkit-transition: all .6s;
                transition: all .6s
            }
            
            .signIn .ajax-mains1.cur,
            .signIn .ajax-mains2.cur {
                opacity: 1;
                transform: translateY(0)
            }
            
            .signIn .ajax-mains1 {
                transform: translateY(-30px)
            }
            
            .signIn .ajax-mains2 {
                transform: translateY(30px)
            }
            
            .signIn .ewm-a {
                display: block;
                margin-bottom: .75rem
            }
            
            .signIn .ewm-txt {
                margin-top: 6px;
                font-size: 14px;
                line-height: 20px;
                color: #707070
            }
            
            .signIn .page-title {
                font-size: 68px;
                color: #000;
                text-align: center;
                line-height: 1.3;
                text-transform: capitalize;
                padding-top: 2.5rem;
                padding-bottom: 10px
            }
            
            .dealer-list1 {
                border-bottom: 1px solid #efefef;
                padding-bottom: 2.75rem
            }
            
            .dealer-list1 .dealer-list1-banner {
                margin-top: 28px;
                overflow: hidden
            }
            
            .dealer-list1 .list1-item {
                text-align: center;
                color: #333;
                line-height: 24px
            }
            
            .dealer-list1 .list1-item:hover .list1-ico {
                background: #e60039
            }
            
            .dealer-list1 .list1-txts {
                max-width: 226px;
                margin: 0 auto
            }
            
            .dealer-list1 .list1-ico {
                border-radius: 50%;
                width: 120px;
                height: 120px;
                overflow: hidden;
                background: #7b7b7b;
                transition-duration: .3s;
                padding: 31px;
                margin: 0 auto 22px
            }
            
            .dealer-list1 .list1-name {
                font-size: 20px
            }
            
            .dealer-list1 .list1-detail {
                font-size: 14px;
                margin-top: 12px
            }
            
            .dealer-list2 {
                padding-bottom: 3.5rem
            }
            
            .dealer-list2 .list2-textarea {
                border: 1px solid #d2d2d2;
                border-radius: 8px;
                font-size: 14px;
                line-height: 2;
                height: 160px;
                padding: 20px 20px 20px 60px;
                width: 100%;
                box-sizing: border-box;
                display: block;
                background: url(../images/smile.png) no-repeat 24px 20px
            }
            
            .dealer-list2 .list2-textarea:placeHolder {
                color: #888
            }
            
            .dealer-list2 .list2-submit {
                display: block;
                width: 200px;
                height: 56px;
                line-height: 56px;
                background: #e60039;
                text-align: center;
                color: #fff;
                border: none;
                font-size: 14px;
                margin: 1.8rem auto 0
            }
            
            .down-list2 .down-reminds {
                font-size: 14px;
                line-height: 22px;
                color: #666;
                padding: 15px 0 30px
            }
            
            .down-list2 .down-list2-top {
                justify-content: flex-start
            }
            
            .down-list2 .form-section {
                position: relative;
                flex: 0 0 150px;
                margin-right: 14px;
                z-index: 1;
                cursor: pointer;
                position: relative;
                font-size: 14px;
                line-height: 30px;
                height: 32px;
                color: #333;
                background: url(../images/down-sectiontop2.png) no-repeat right 10px top 12px
            }
            
            .down-list2 .form-section.cur {
                background: url(../images/down-sectiontop2on.png) no-repeat right 10px top 12px
            }
            
            .down-list2 .products-section {
                z-index: 2
            }
            
            .down-list2 .section-top {
                height: 32px;
                border: 1px solid #a0a0a0;
                padding-left: 10px
            }
            
            .down-list2 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: auto;
                top: 100%;
                left: 0;
                display: none;
                background: #f5f5f5;
                color: #333;
                height: auto;
                line-height: 30px
            }
            
            .down-list2 .options-scroll {
                max-height: 300px
            }
            
            .down-list2 .options-item {
                padding: 0 10px;
                border-bottom: 1px solid #e5e5e5
            }
            
            .down-list2 .down-submit {
                flex: 0 0 96px;
                height: 32px;
                font-size: 14px;
                text-align: center;
                color: #fff;
                border: none;
                display: inline-block;
                line-height: 32px;
                background: #e60039
            }
            
            .down-list2 .down-item {
                padding: 10px 100px 10px 0;
                position: relative;
                display: block;
                border-top: 1px solid #d9d9d9;
                min-height: 26px
            }
            
            .down-list2 .down-item:hover .down-s0 {
                background: #e60039
            }
            
            .down-list2 .down-s0 {
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                position: absolute;
                display: block;
                width: 76px;
                height: 26px;
                background: #4c4849;
                text-align: center;
                font-size: 14px;
                color: #fff;
                transition-duration: .3s
            }
            
            .down-list2 .down-name {
                font-size: 16px;
                color: #333
            }
            
            .conProInfo-list1 {
                margin: 2.5rem auto
            }
            
            .conProInfo-list1 .list1-right {
                flex: 0 0 520px
            }
            
            .conProInfo-list1 .left-imgs-wrap {
                flex: 0 0 84px;
                position: relative;
                padding: 52px 0;
                width: 84px;
                height: 400px;
                left: 100px
            }
            
            .conProInfo-list1 .left-imgs-banner {
                overflow: hidden;
                height: 300px
            }
            
            .conProInfo-list1 .swiper-slide {
                cursor: pointer;
                border: 1px solid #bfbfbf;
                padding: 12px 14px;
                transition-duration: .3s
            }
            
            .conProInfo-list1 .swiper-slide:hover,
            .conProInfo-list1 .swiper-slide.cur,
            .conProInfo-list1 .swiper-slide.swiper-slide-active {
                border-color: #e60039
            }
            
            .conProInfo-list1 .list1-top-flex {
                padding-right: 23%;
                width: calc(100% - 656px);
                justify-content: flex-end;
                margin-bottom: 2rem
            }
            
            .conProInfo-list1 .list1-top-flextop {
                width: calc(100% - 520px)
            }
            
            .conProInfo-list1 .list1-top-flextop .list1-key-wrap {
                width: 80%;
                margin: 0 auto;
                text-align: center
            }
            
            .conProInfo-list1 .list1-top-flextop .text-tishi {
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 16px;
                text-align: center;
                color: #333
            }
            
            .yanse-tihsi {
                margin-top: 20px;
                font-size: 16px;
                text-align: center;
                color: #999
            }
            
            @media (max-width:1025px) {
                .conProInfo-list1 .list1-top-flextop {
                    width: 100%;
                }
            }
            
            .conProInfo-list1 .left-show-wrap,
            .conProInfo-list1 .list1-key-wrap {
                flex: 0 0 372px;
            }
            
            .conProInfo-list1 .para-item-wrap {
                box-sizing: border-box;
                padding-left: 98px;
                text-align: center
            }
            
            .conProInfo-list1 .para-item {
                display: inline-block;
                width: 36px;
                height: 36px;
                line-height: 36px;
                border-radius: 50%;
                margin: 0 12px;
                color: #fff;
                transition-duration: .3s;
                background: #343131;
                font-size: 14px;
                cursor: pointer
            }
            
            .conProInfo-list1 .para-item:first-child {
                margin-left: 0
            }
            
            .conProInfo-list1 .para-item:last-child {
                margin-right: 0
            }
            
            .conProInfo-list1 .para-item:hover,
            .conProInfo-list1 .para-item.cur {
                background: #e60039;
                color: #fff
            }
            
            .conProInfo-list1 .list1-left {
                flex: 0 0 calc(100% - 870px);
                width: calc(100% - 870px);
                display: inline-flex;
                justify-content: space-between
            }
            
            .conProInfo-list1 .right-mains {
                padding: 52px 64px 44px 64px;
                background: #fff url(../images/right-mains-bg.png) no-repeat right 22px bottom 16px
            }
            
            .conProInfo-list1 .proInfo-h5-cn {
                font-size: 30px;
                line-height: 1.2;
                color: #333;
                margin-bottom: 12px
            }
            
            .conProInfo-list1 .scroll-wrap {
                height: 192px
            }
            
            .conProInfo-list1 .proInfo-h5-en {
                font-size: 18px;
                line-height: 1.2;
                color: #333;
                text-transform: uppercase
            }
            
            .conProInfo-list1 .proInfo-h5-en:after {
                content: "";
                display: block;
                background: #333;
                width: 48px;
                height: 1px;
                margin: 20px 0
            }
            
            .conProInfo-list1 .proInfo-h5-detail {
                font-size: 14px;
                line-height: 24px;
                color: #666
            }
            
            .conProInfo-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background-color: #e60039 !important
            }
            
            .conProInfo-list1 .left-ajax-btns {
                text-align: center
            }
            
            .conProInfo-list1 .ajax-color-btn {
                display: inline-block;
                cursor: pointer
            }
            
            .conProInfo-list1 .left-ajax-btns {
                margin-top: 1.8rem
            }
            
            .conProInfo-list1 .color-s0,
            .conProInfo-list1 .color-s1 {
                display: inline-block;
                vertical-align: top;
                height: 25px;
                line-height: 25px;
                color: #333;
                font-size: 14px
            }
            
            .conProInfo-list1 .color-s1 {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                overflow: hidden;
                margin: 0 7px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .left-imgs-btns {
                position: absolute;
                height: 100%;
                width: 1px;
                left: 50%;
                top: 0
            }
            
            .left-imgs-btns .btn {
                left: -50%;
                position: absolute;
                display: block;
                width: 34px;
                height: 18px;
                cursor: pointer;
                transition-duration: .3s;
                transform: translateX(-50%)
            }
            
            .left-imgs-btns .prev {
                top: 12px;
                background: url(../images/conproinfo-prev1.png) no-repeat center
            }
            
            .left-imgs-btns .prev:hover {
                background: url(../images/conproinfo-prev1on.png) no-repeat center
            }
            
            .left-imgs-btns .next {
                bottom: 12px;
                background: url(../images/conproinfo-next1.png) no-repeat center
            }
            
            .left-imgs-btns .next:hover {
                background: url(../images/conproinfo-next1on.png) no-repeat center
            }
            
            .conProInfo-list2 .conProInfo-list1-top {
                background-color: #343131;
                padding: .75rem 0;
                color: #fff;
                line-height: 40px
            }
            
            @media (max-width:1440px) {
                .conProInfo-list1 .list1-left {
                    flex: 0 0 calc(100% - 660px);
                    width: calc(100% - 670px)
                }
                .conProInfo-list1 .left-imgs-wrap {
                    left: 0
                }
            }
            
            @media (max-width:1366px) {
                .conProInfo-list1 .para-item-wrap {
                    padding-left: 34px
                }
            }
            
            .conProInfo-list2 .top-en {
                margin-right: 20px;
                font-size: 26px
            }
            
            .conProInfo-list2 .top-cn {
                font-size: 24px
            }
            
            .conProInfo-list2 .h2-s0 {
                display: inline-block;
                width: auto
            }
            
            .conProInfo-list2 .h2-s0:after {
                display: block;
                content: "";
                position: absolute;
                bottom: 0;
                width: 80px;
                height: 2px;
                background-color: #e60039
            }
            
            .conProInfo-list2 .list2-h2 {
                position: relative;
                font-size: 20px;
                line-height: 1.4;
                color: #000;
                padding: 1.2rem 0 .6rem 1rem
            }
            
            .conProInfo-list2 .para-list {
                background-color: #fff
            }
            
            .conProInfo-list2 .para-tr {
                border-bottom: 1px solid #eaeaea
            }
            
            .conProInfo-list2 .td-content {
                padding: 0 1rem
            }
            
            .conProInfo-list2 .para-td {
                flex: 0 0 50%;
                width: 50%;
                position: relative;
                font-size: 14px;
                line-height: 20px;
                color: #333;
                padding: .75rem 0;
                display: inline-flex
            }
            
            .conProInfo-list2 .para-td:nth-child(2n):before {
                position: absolute;
                content: "";
                display: block;
                width: 1px;
                height: 100%;
                background-color: #eaeaea;
                top: 0;
                left: 0
            }
            
            .conProInfo-list2 .para-s0 {
                flex: 0 0 auto;
                margin-left: 40px
            }
            
            .conProInfo-list2 .para-s1 {
                flex: 0 0 calc(100% - 110px)
            }
            
            .conProInfo-list2 .others-banner {
                overflow: hidden
            }
            
            .conProInfo-list2 .others-banner-wrap {
                position: relative
            }
            
            .conProInfo-list2 .pro-hd01 {
                bottom: 0
            }
            
            .conProInfo-list2 .swiper-slide {
                position: relative
            }
            
            .conProInfo-list2 .swiper-slide:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .conProInfo-list2 .swiper-slide:hover .pro-en,
            .conProInfo-list2 .swiper-slide:hover .pro-cn {
                color: #e60039
            }
            
            .conProInfo-list2 .swiper-slide .txts-wrap {
                width: 100%;
                top: 0;
                left: 0;
                position: absolute;
                padding: 22px 30px 0;
                font-size: 14px;
                line-height: 20px
            }
            
            .conProInfo-list2 .pro-en {
                font-size: 18px;
                color: #333;
                height: 20px;
                transition-duration: .5s;
                margin-bottom: 10px
            }
            
            .conProInfo-list2 .pro-cn {
                color: #666;
                height: 20px;
                font-size: 14px
            }
            
            .no-banner {
                position: relative;
                background: rgba(76, 72, 73, 0.45);
                height: 60px
            }
            
            .no-banner .proInfo-nav-wrap1 {
                top: 0
            }
            
            .signUp-list1 {
                padding-bottom: 2rem
            }
            
            .signUp-list1 .list1-mains {
                background: #fff;
                padding: 2.5rem 0 3.3rem
            }
            
            .signUp-list1 .td-name {
                font-size: 18px;
                line-height: 24px;
                color: #333;
                padding-bottom: 26px
            }
            
            .signUp-list1 .must-s0 {
                font-size: 14px;
                line-height: 24px;
                color: #e60039
            }
            
            .signUp-list1 .td-img-wrap {
                height: auto;
                background-size: cover !important;
                border-radius: 8px;
                overflow: hidden;
                position: relative
            }
            
            .signUp-list1 .card-img0 {
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: auto;
                position: absolute
            }
            
            .signUp-list1 .bottom-img0 {
                display: block;
                width: 100%;
                height: auto;
                position: relative;
                z-index: 0;
                opacity: 0
            }
            
            .signUp-list1 .person-card {
                background: url(../images/idcard.jpg) no-repeat center
            }
            
            .signUp-list1 .sale-card {
                background: url(../images/sale-card.jpg) no-repeat center
            }
            
            .signUp-list1 .upload-img-btn {
                z-index: 3;
                display: inline-block;
                width: auto;
                position: absolute;
                left: 50%;
                top: 50%;
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                transform: translate(-50%, -50%);
                border-bottom: 1px solid #fff;
                color: #fff;
                cursor: pointer
            }
            
            .signUp-list1 .upload-img-btn.hide {
                opacity: 0;
                z-index: -1
            }
            
            .signUp-list1 .td {
                position: relative;
                flex: 0 0 45%;
                font-size: 14px;
                line-height: 52px;
                color: #666;
                margin-bottom: 1rem
            }
            
            .signUp-list1 .captcha {
                position: absolute;
                display: block;
                max-height: 100%;
                width: 100px;
                right: 0;
                top: 0
            }
            
            .signUp-list1 .upload-td {
                margin-bottom: 1.5rem
            }
            
            .signUp-list1 .td-s0 {
                position: absolute;
                left: 0;
                top: 0;
                height: 52px;
                display: block;
                width: auto
            }
            
            .signUp-list1 .signUp-input {
                display: block;
                padding: 0 0 0 53px;
                background: none;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                height: 52px;
                line-height: 52px;
                width: 100%;
                box-sizing: border-box
            }
            
            .signUp-list1 .wechat-input {
                padding-left: 78px
            }
            
            .signUp-list1 .form-section {
                cursor: pointer;
                display: block;
                border: none;
                width: 100%;
                background: none;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                height: 52px;
                line-height: 52px
            }
            
            .signUp-list1 option {
                display: block;
                height: 52px;
                line-height: 52px;
                border-bottom: 1px solid #e5e5e5
            }
            
            .signUp-list1 .flex100 {
                flex: 0 0 100%
            }
            
            .signUp-list1 .options-scroll {
                max-height: 320px
            }
            
            .signUp-list1 .signUp-submit {
                display: block;
                border: none;
                background: #e60039;
                text-align: center;
                color: #fff;
                font-size: 14px;
                line-height: 56px;
                height: 56px;
                width: 8rem;
                margin: 1.5rem auto 0
            }
            
            .signUp-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .signUp-list1 .td-reminds {
                padding-top: 15px;
                font-size: 14px;
                line-height: 22px;
                padding-left: 28px;
                color: #888
            }
            
            .signUp-list1 .reminds-a {
                display: inline-block;
                vertical-align: top
            }
            
            .signUp-list1 .reminds-s0 {
                display: block;
                position: absolute;
                width: 16px;
                height: 22px;
                line-height: 21px;
                left: 0;
                top: 15px;
                cursor: pointer;
                background: url(../images/reminds-ico.jpg) no-repeat center
            }
            
            .signUp-list1 .reminds-s0.cur {
                background: url(../images/reminds-icoon.jpg) no-repeat center
            }
            
            .signUp-list1 .reminds-s1 {
                vertical-align: top;
                display: inline-block;
                border-bottom: 1px solid #e60039;
                color: #e60039;
                margin-left: 4px
            }
            
            .reminds-s2 {
                cursor: pointer
            }
            
            .signUp-list1 .upload-file-input {
                opacity: 0;
                height: 0;
                display: block
            }
            
            .signUp-list1 .fancybox-img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: #fff
            }
            
            .code-td {
                position: relative
            }
            
            .code-td .code-img {
                right: 0;
                top: 0;
                display: block;
                position: absolute;
                max-height: 100%;
                width: 100px
            }
            
            .mCSB_inside>.mCSB_container {
                margin-right: 0 !important
            }
            
            .upload-td22 {
                border: 1px solid red;
                width: 45%
            }
            
            #js-pica-show {
                border: 1px solid red;
                width: 300px;
                height: 300px
            }
            
            .fancybox-img {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: -1;
                display: none
            }
            
            .fancybox-img.cur {
                display: block;
                z-index: 3
            }
            
            .family-list1 {
                padding-bottom: 3.2rem
            }
            
            .family-list1 .list1-mains {
                height: 600px
            }
            
            .family-list1 .family-hd01 {
                display: none
            }
            
            .family-list1 .swiper-slide {
                background: #fff;
                position: relative;
                transition-duration: .8s
            }
            
            .family-list1 .list1-h5 {
                font-size: 20px;
                line-height: 24px;
                color: #000;
                transition-delay: .6s;
                transition-duration: .8s;
                opacity: 0;
                transform: translateY(30px)
            }
            
            .family-list1 .list1-h5:after {
                display: block;
                content: "";
                background-color: #000;
                margin: 14px 0;
                width: 32px;
                height: 1px
            }
            
            .family-list1 .list1-detail {
                font-size: 14px;
                line-height: 24px;
                color: #333;
                transition-duration: .8s;
                transition-delay: .8s;
                opacity: 0;
                transform: translateY(30px)
            }
            
            .family-list1 .list1-txts {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                background: url(../images/family-list1-bg2.png) no-repeat center;
                width: 640px;
                height: 280px;
                padding: 52px 30px 40px 5rem
            }
            
            .family-list1 .list1-banner-wrap {
                position: relative
            }
            
            .family-list1 .bgImg {
                height: 600px
            }
            
            .family-list1 .swiper-slide-active .list1-h5,
            .family-list1 .swiper-slide-active .list1-detail {
                opacity: 1;
                transform: translateY(0)
            }
            
            .family-list1 .scroll-wrap {
                height: 120px
            }
            
            .family-hd01 {
                width: 920px;
                height: 60px;
                position: absolute;
                bottom: 10px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
                transition-duration: .5s
            }
            
            .family-hd01:after {
                z-index: 1;
                position: absolute;
                content: "";
                display: block;
                height: 2px;
                width: 100%;
                left: 0;
                top: 14px;
                background: url(../images/after-line1.png) repeat-x center
            }
            
            .family-hd01 .swiper-pagination-bullet {
                width: 110px !important;
                height: 60px !important;
                position: relative;
                z-index: 2;
                padding-top: 38px;
                text-align: center;
                background-position: center top !important;
                background-repeat: no-repeat !important;
                background-size: 24px !important;
                font-size: 14px;
                line-height: 22px;
                color: transparent;
                opacity: 1;
                background-color: none !important;
                transition-duration: .3s
            }
            
            .family-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-size: 30px !important;
                color: #fff
            }
            
            .mCSB_scrollTools {
                width: 10px !important
            }
            
            .wel-list2 .mCSB_scrollTools {
                width: 100% !important
            }
            
            .family-list2 {
                padding-bottom: 3.4rem
            }
            
            .family-list2 .list2-mains1 {
                position: relative;
                padding-left: 200px
            }
            
            .family-list2 .right-bg {
                position: relative;
                opacity: 0;
                transition-duration: .3s
            }
            
            .family-list2 .right-bg.cur {
                opacity: 1;
                transition-duration: .5s
            }
            
            .family-list2 .list2-mains2 {
                position: relative;
                padding-left: 412px;
                margin-top: 12px
            }
            
            .family-list2 .list2-nav-wrap {
                position: absolute;
                left: 0;
                top: 0;
                width: 200px;
                background-color: #fff
            }
            
            .family-list2 .list2-nav-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .family-list2 .scroll-wrap {
                height: 100%
            }
            
            .family-list2 .nav-item {
                cursor: pointer;
                transition-duration: .3s;
                border-bottom: 1px solid #efefef;
                font-size: 20px;
                padding: 29px 40px 29px 28px;
                line-height: 40px;
                color: #4d4948;
                background: url(../images/family-list2-prev1.png) no-repeat top 44px right 30px
            }
            
            .family-list2 .nav-item:hover,
            .family-list2 .nav-item.cur {
                color: #e60039;
                background: url(../images/family-list2-prev1on.png) no-repeat top 44px right 30px
            }
            
            .family-list2 .right-mains {
                position: relative
            }
            
            .family-list2 .list2-mains1 {
                min-height: 15rem;
                position: relative;
                z-index: 2
            }
            
            .family-list2 .right-bg,
            .family-list2 .list2-nav-wrap {
                height: 15rem
            }
            
            .family-list2 .points-wrap {
                z-index: 2
            }
            
            .family-list2 .points-close {
                right: 16px;
                top: 16px;
                display: inline-block;
                position: absolute;
                width: 20px;
                height: 20px;
                cursor: pointer
            }
            
            .family-list2 .points-mains {
                z-index: 2;
                display: none;
                width: 290px;
                height: 180px;
                position: absolute;
                background: #e60039 url(../images/family-list2-en.png) no-repeat top 36px right 16px;
                padding: 38px 20px 16px 24px;
                color: #fff
            }
            
            .family-list2 .points-mains .mCSB_scrollTools .mCSB_draggerRail {
                background-color: #fff !important;
                width: 1px !important
            }
            
            .family-list2 .points-item {
                position: absolute
            }
            
            .family-list2 .points-item.cur .points-num {
                background-color: #e60039;
                color: #fff
            }
            
            .family-list2 .points-num {
                width: 36px;
                height: 36px;
                cursor: pointer;
                background-color: #fff;
                font-size: 14px;
                line-height: 36px;
                border-radius: 50%;
                text-align: center;
                color: #474444;
                transition-duration: .3s
            }
            
            .family-list2 .points-name {
                font-size: 20px;
                height: 30px;
                overflow: hidden;
                line-height: 30px
            }
            
            .family-list2 .points-name:after {
                content: "";
                display: block;
                background: #fff;
                height: 1px;
                margin: 10px 0 12px;
                width: 24px
            }
            
            .family-list2 .points-detail {
                font-size: 14px;
                line-height: 20px;
                height: 60px;
                overflow: hidden
            }
            
            .family-list2 .l-t .points-mains {
                top: 45px;
                left: 36px
            }
            
            .family-list2 .l-b .points-mains {
                bottom: 45px;
                left: 36px
            }
            
            .family-list2 .r-t .points-mains {
                top: 45px;
                right: 36px
            }
            
            .family-list2 .r-b .points-mains {
                bottom: 45px;
                right: 36px
            }
            
            .family-list2 .list2-left2 {
                cursor: default;
                padding-top: 1rem;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 390px;
                background: url(../images/family-list2-bg3.jpg) no-repeat center;
                background-size: cover !important
            }
            
            .family-list2 .left2-mains {
                width: 194px;
                margin-left: 1.4rem
            }
            
            .family-list2 .list2-banner {
                overflow: hidden
            }
            
            .family-list2 .left2-h2 {
                color: #fff;
                font-size: 24px;
                line-height: 1.5
            }
            
            .family-list2 .left2-h2:after {
                content: "";
                display: block;
                background: #fff;
                height: 1px;
                margin: .4rem 0 .8rem;
                width: 48px
            }
            
            .family-list2 .left2-more {
                display: inline-block;
                width: 32px;
                height: 32px;
                transition-duration: .3s;
                background: #fff url(../images/left2-more.png) no-repeat center
            }
            
            .family-list2 .pro-name {
                position: absolute;
                font-size: 18px;
                line-height: 2;
                bottom: 6px;
                left: 0;
                width: 100%;
                color: #333;
                text-align: center
            }
            
            .family-list3 .list3-banner {
                overflow: hidden
            }
            
            .family-list3 .swiper-slide {
                display: inline-block;
                transition-duration: .5s
            }
            
            .family-list3 .swiper-slide:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .family-list3 .swiper-slide:hover .case-h5 {
                color: #e60039
            }
            
            .family-list3 .case-address {
                position: absolute;
                width: 100%;
                text-align: right;
                height: 40px;
                bottom: 0;
                font-size: 14px;
                line-height: 40px;
                color: #fff;
                padding: 0 15px
            }
            
            .family-list3 .case-txts {
                border-left: 1px solid #f2f2f2;
                border-right: 1px solid #f2f2f2;
                border-bottom: 1px solid #f2f2f2;
                padding: .5rem .9rem
            }
            
            .family-list3 .case-h5 {
                font-size: 20px;
                line-height: 24px;
                color: #666;
                transition-duration: .5s
            }
            
            .family-list3 .case-detail {
                font-size: 14px;
                line-height: 20px;
                color: #888;
                margin: 6px 0 10px;
                height: 40px
            }
            
            .family-list3 .case-more {
                font-size: 12px;
                line-height: 20px;
                color: #e60039
            }
            
            .family-list4 {
                position: relative;
                padding-left: 41.65vw
            }
            
            .family-list4 .list4-left {
                position: absolute;
                height: 100%;
                left: 0;
                top: 0;
                width: 50%
            }
            
            .family-list4 .m-img {
                display: none
            }
            
            .family-list4 .list4-right {
                background: url(../images/family-list4-bg2.png) no-repeat top 1.7rem right;
                background-size: 4rem;
                padding: 2.5rem 0 2.6rem
            }
            
            .family-list4 .right-mains {
                width: 414px;
                margin-left: 3.25rem
            }
            
            .family-list4 .list4-h2 {
                font-size: 36px;
                line-height: 1.5;
                color: #4b4848
            }
            
            .family-list4 .list4-h2:after {
                content: "";
                display: block;
                background: #2f2e2e;
                height: 2px;
                margin: 22px 0 36px;
                width: 48px
            }
            
            .family-list4 .tr {
                margin-bottom: 20px;
                border-bottom: 1px solid #dedede
            }
            
            .family-list4 .td {
                flex: 0 0 49%;
                position: relative
            }
            
            .family-list4 .code-td,
            .family-list4 .province-td {
                flex: 0 0 100%
            }
            
            .family-list4 .form-input {
                display: block;
                width: 100%;
                font-size: 14px;
                color: #333;
                height: 40px;
                line-height: 40px;
                border: none;
                padding: 0;
                background: none
            }
            
            .family-list4 .user-input {
                text-indent: 22px;
                background: url(../images/user-input.png) no-repeat left center
            }
            
            .family-list4 .tele-input {
                text-indent: 22px;
                background: url(../images/tele-input.png) no-repeat left center
            }
            
            .family-list4 .form-section {
                display: block;
                width: 100%;
                border: none;
                cursor: pointer;
                position: relative;
                font-size: 14px;
                color: #333;
                height: 40px;
                line-height: 40px
            }
            
            .family-list4 .province-section {
                z-index: 2
            }
            
            .family-list4 select {
                display: block;
                width: 100%;
                background: none;
                border: none;
                color: #666;
                height: 40px;
                line-height: 40px
            }
            
            .family-list4 .captcha {
                right: 0;
                top: 0;
                display: block;
                position: absolute;
                max-height: 100%;
                width: 100px
            }
            
            .family-list4 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                max-height: 240px;
                top: 100%;
                left: 0;
                display: none;
                background: #fff;
                color: #333;
                height: auto;
                line-height: 40px;
                padding: 0 10px;
                transition-duration: .3s
            }
            
            .family-list4 .options-scroll {
                max-height: 240px
            }
            
            .family-list4 .options-item {
                border-bottom: 1px solid rgba(0, 0, 0, 0.15)
            }
            
            .family-list4 .form-input::placeHolder,
            .family-list4 .form-textarea::placeHolder {
                color: #333
            }
            
            .family-list4 .list4-submit {
                width: 100%;
                display: block;
                height: 64px;
                line-height: 64px;
                font-size: 14px;
                color: #fff;
                text-align: center;
                box-sizing: border-box;
                background-color: #2f2e2e;
                margin-top: 1.1rem;
                border: none;
                transition-duration: .3s
            }
            
            .family-list4 .list4-submit:hover {
                background: #e60039
            }
            
            .family-list4 .form-textarea {
                display: block;
                width: 100%;
                height: 100px;
                line-height: 25px;
                padding: 0;
                border: none;
                background: none;
                font-size: 14px;
                color: #333
            }
            
            .office-list1 {
                padding-bottom: 3.8rem
            }
            
            .office-list1 .pro-hd02 {
                display: none
            }
            
            .office-list1 .list1-banner {
                overflow: hidden
            }
            
            .office-list1 .swiper-item {
                position: relative;
                overflow: hidden
            }
            
            .office-list1 .swiper-item:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 2;
                background: url(../images/office-list11-bg.png) no-repeat center;
                background-size: cover !important
            }
            
            .office-list1 .list1-h5 {
                z-index: 3;
                font-size: 18px;
                line-height: 2;
                bottom: 10px;
                left: 0;
                width: 100%;
                position: absolute;
                padding: 0 32px;
                color: #fff
            }
            
            .swiper-banner0 {
                overflow: hidden
            }
            
            .office-list2 {
                padding: 1.8rem 0 4.8rem
            }
            
            .office-list2 .swiper-slide {
                text-align: center;
                color: #fff;
                padding: 0 32px
            }
            
            .office-list2 .ico-wrap {
                width: 100px;
                height: 100px;
                margin: 0 auto 1.2rem;
                border: 1px solid #fff;
                padding: 21px;
                border-radius: 50%
            }
            
            .office-list2 .ico-h5 {
                font-size: 20px;
                line-height: 1.5;
                margin-bottom: 10px
            }
            
            .office-list2 .ico-detail {
                font-size: 14px;
                line-height: 24px
            }
            
            .office-list3 .office-list3-mains {
                position: relative;
                padding-right: 37.5vw;
                margin-bottom: 2.5rem
            }
            
            .office-list3 .list3-right {
                width: 50%;
                height: 100%;
                right: 0;
                top: 0;
                background: #fff;
                z-index: 1;
                position: absolute
            }
            
            .office-list3 .list3-left {
                position: relative;
                z-index: 2
            }
            
            .office-list3 .img-h5 {
                text-align: center;
                font-size: 20px;
                line-height: 54px;
                color: #4b4848
            }
            
            .office-list3 .item-detail {
                font-size: 14px;
                line-height: 22px;
                color: #888
            }
            
            .office-list3 .item-h5 {
                font-size: 20px;
                line-height: 1.5;
                color: #333;
                margin-bottom: 10px;
                position: relative
            }
            
            .office-list3 .item-h5:before {
                position: absolute;
                content: "";
                display: block;
                right: 100%;
                top: 50%;
                width: 32px;
                margin-right: 8px;
                height: 1px;
                background: #e60039
            }
            
            .office-list3 .right-item {
                margin-top: 1.3rem
            }
            
            .office-list3 .right-item:first-child {
                margin-top: 0
            }
            
            .office-list3 .right-mains {
                height: 100%;
                padding: 2rem 3.3rem
            }
            
            .office-list3 .scroll-wrap {
                height: 100%
            }
            
            .office-list3 .mCSB_inside>.mCSB_container {
                padding-left: 40px !important
            }
            
            .office-list3 .right-ico-wrap {
                margin-top: .7rem;
                justify-content: flex-start
            }
            
            .office-list3 .ico-item {
                padding-top: 21px;
                border: 1px solid #dcdcdc;
                flex: 0 0 96px;
                height: 96px;
                margin-right: 18px;
                font-size: 12px;
                line-height: 22px;
                color: #333;
                text-align: center
            }
            
            .office-list3 .ico-wrap {
                width: 40px;
                margin: 0 auto 6px
            }
            
            .office-list3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #e60039 !important
            }
            
            .side-always {
                position: fixed;
                z-index: 3;
                width: 56px;
                height: 260px;
                right: 12px;
                top: 50%;
                margin-top: -130px;
                box-sizing: border-box
            }
            
            .side-always .side-items {
                display: block;
                position: relative;
                overflow: visible;
                background-color: #f5f5f5;
                cursor: pointer;
                width: 56px;
                height: 56px;
                transition-duration: .3s;
                margin-bottom: 12px
            }
            
            .side-always .side-items:hover {
                background: #e60039
            }
            
            .side-always .side-ico {
                position: relative;
                z-index: 4;
                width: 56px;
                height: 56px;
                transition-duration: .3s;
                background-size: 23px !important;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
            }
            
            .side-always .tele-item .side-ico {
                background: url(../images/side-tele.png) no-repeat center
            }
            
            .side-always .tele-item:hover .side-ico {
                background: url(../images/side-teleon.png) no-repeat center
            }
            
            .side-always .qq-item .side-ico {
                background: url(../images/side-qq.png) no-repeat center
            }
            
            .side-always .qq-item:hover .side-ico {
                background: url(../images/side-qqon.png) no-repeat center
            }
            
            .side-always .ewm-item .side-ico {
                background: url(../images/side-ewm.png) no-repeat center
            }
            
            .side-always .ewm-item:hover .side-ico {
                background: url(../images/side-ewmon.png) no-repeat center
            }
            
            .side-always .toTop-item .side-ico {
                background: url(../images/side-totop-item.png) no-repeat center
            }
            
            .side-always .toTop-item:hover .side-ico {
                background: url(../images/side-totop-itemon.png) no-repeat center
            }
            
            .side-always .side-tele {
                position: absolute;
                display: none;
                width: 170px;
                height: 56px;
                box-sizing: border-box;
                font-size: 18px;
                font-weight: bold;
                line-height: 56px;
                color: #fff;
                left: -171px;
                top: 50%;
                margin-top: -28px;
                background-color: #e60039
            }
            
            .side-always .side-tele-content {
                display: block;
                padding: 0 10px;
                text-align: center
            }
            
            .side-always .side-ewm {
                position: absolute;
                display: none;
                width: 110px;
                height: 110px;
                background: #fff;
                padding: 5px;
                box-sizing: border-box;
                right: 104%;
                top: 50%;
                margin-top: -55px
            }
            
            .specialInfo .office-list1 .list1-banner {
                margin-top: 20px
            }
            
            .specialInfo-list1 .specialInfo-list1-mains {
                position: relative;
                height: 15rem
            }
            
            .specialInfo-list1 .proInfo-list-bg {
                padding-bottom: 50px !important
            }
            
            .specialInfo-list1 .points-items {
                width: 74px;
                height: 74px;
                position: absolute
            }
            
            .specialInfo-list1 .item-hides {
                display: none;
                position: absolute;
                background: #fff;
                border-radius: 6px;
                font-size: 14px;
                line-height: 46px;
                text-align: center;
                padding: 0 10px;
                width: 180px;
                height: 46px;
                color: #000
            }
            
            .specialInfo-list1 .item-cir {
                width: 74px;
                height: 74px;
                cursor: pointer;
                background: url(../images/specialinfo-list1-cir.png) no-repeat center
            }
            
            .specialInfo-list1 .item-cir:nth-child(3n+1) {
                animation: cir-scale4 5s linear infinite
            }
            
            .specialInfo-list1 .item-cir:nth-child(3n+2) {
                animation: cir-scale4 3.5s linear infinite
            }
            
            .specialInfo-list1 .item-cir:nth-child(3n) {
                animation: cir-scale4 2s linear infinite
            }
            
            .specialInfo-list1 .l-t .item-hides {
                top: calc(100% + 16px);
                left: 37px
            }
            
            .specialInfo-list1 .l-b .item-hides {
                bottom: calc(100% + 16px);
                left: 37px
            }
            
            .specialInfo-list1 .r-t .item-hides {
                top: calc(100% + 16px);
                right: 37px;
                margin-top: 16px
            }
            
            .specialInfo-list1 .r-b .item-hides {
                bottom: calc(100% + 16px);
                right: 37px;
                margin-top: 16px
            }
            
            .specialInfo-list2 .list2-imgs {
                width: 22.9rem
            }
            
            .specialInfo-list7 .proInfo-icos-wrap2 .icos-item {
                flex: 0 0 100%
            }
            
            .specialInfo-list7 .list7-left {
                flex: 0 0 630px
            }
            
            .specialInfo-list7 .list7-right {
                flex: 0 0 500px
            }
            
            .specialInfo-list3 {
                padding: 1.2rem 0 4.8rem
            }
            
            .specialInfo-list3 .swiper-slide {
                text-align: center;
                color: #fff;
                padding: 0 32px
            }
            
            .specialInfo-list3 .specialInfo-list3-banner {
                margin-top: 1.1rem
            }
            
            .specialInfo-list3 .ico-wrap {
                width: 180px;
                height: 180px;
                margin: 0 auto .8rem;
                border: 1px solid #fff;
                padding: 61px 53px;
                border-radius: 50%
            }
            
            .specialInfo-list3 .ico-h5 {
                font-size: 20px;
                line-height: 1.5;
                margin-bottom: 10px
            }
            
            .specialInfo-list3 .ico-detail {
                font-size: 14px;
                line-height: 24px
            }
            
            #lightbox-container-image-data-box {
                box-sizing: content-box
            }
            
            .hide1 {
                -webkit-transform: scale(0) !important;
                -ms-transform: scale(0) !important;
                transform: scale(0) !important;
                opacity: 0 !important
            }
            
            .show1 {
                z-index: 200;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }
            
            .svg1 {
                overflow: hidden;
                -webkit-clip-path: circle(2.1% at 50% 50%);
                clip-path: circle(0% at 50% 50%);
                transition: all 1s cubic-bezier(0, 0.35, 0.14, 1.1) 0.5s
            }
            
            .svg1.animate {
                -webkit-clip-path: circle(70.7% at 50% 50%);
                clip-path: circle(70.7% at 50% 50%)
            }
            
            .js-m {
                opacity: 0;
                transform: translateY(30px);
                transition-property: transform opacity;
                transition-duration: 1s;
                transition-timing-function: ease
            }
            
            .js-opacity {
                transition-property: transform opacity;
                transition-duration: 1s;
                transition-timing-function: ease
            }
            
            .js-m2 {
                opacity: 0;
                transform: translateY(30px);
                transition-property: transform opacity;
                transition-duration: .8s;
                transition-timing-function: ease
            }
            
            .js-to-left {
                opacity: 0;
                transform: translateX(30px);
                transition-property: transform opacity;
                transition-duration: 1s;
                transition-timing-function: ease
            }
            
            .js-to-right {
                opacity: 0;
                transform: translateX(-30px);
                transition-property: transform opacity;
                transition-duration: 1s;
                transition-timing-function: ease
            }
            
            .js-m.animate,
            .js-m2.animate,
            .js-to-left.animate,
            .js-to-right.animate,
            .js-opacity.animate {
                opacity: 1;
                transform: translate(0, 0)
            }
            
            .delay1 {
                transition-delay: .1s
            }
            
            .delay2 {
                transition-delay: .2s
            }
            
            .delay3 {
                transition-delay: .3s
            }
            
            .delay4 {
                transition-delay: .4s
            }
            
            .delay5 {
                transition-delay: .5s
            }
            
            .delay6 {
                transition-delay: .6s
            }
            
            .delay7 {
                transition-delay: .7s
            }
            
            .delay8 {
                transition-delay: .8s
            }
            
            .delay9 {
                transition-delay: .9s
            }
            
            .delay10 {
                transition-delay: 1s
            }
            
            .delay11 {
                transition-delay: 1.1s
            }
            
            .delay12 {
                transition-delay: 1.2s
            }
            
            .delay13 {
                transition-delay: 1.3s
            }
            
            .delay14 {
                transition-delay: 1.4s
            }
            
            .delay15 {
                transition-delay: 1.5s
            }
            
            .delay16 {
                transition-delay: 1.6s
            }
            
            .delay17 {
                transition-delay: 1.7s
            }
            
            .delay18 {
                transition-delay: 1.8s
            }
            
            .delay19 {
                transition-delay: 1.9s
            }
            
            .delay20 {
                transition-delay: 2s
            }
            
            .delay21 {
                transition-delay: 2.1s
            }
            
            .delay23 {
                transition-delay: 2.3s
            }
            
            .wel-list2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #0084da !important;
                height: 6px !important;
                border-radius: 3px !important;
                margin-top: 5px !important
            }
            
            .imgIn {
                -webkit-transform: translate3d(-100.5%, 0px, 0px);
                transform: translate3d(-100.5%, 0px, 0px);
                -webkit-transform-origin: left center 0px;
                -ms-transform-origin: left center 0px;
                transform-origin: left center 0px;
                -webkit-transition-duration: 1s;
                transition-duration: 1s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-property: -webkit-transform, -webkit-transform;
                transition-property: transform, -webkit-transform;
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
                display: block;
                overflow: hidden
            }
            
            .imgIn:before {
                -webkit-transform: scaleX(1);
                -ms-transform: scaleX(1);
                transform: scaleX(1);
                -webkit-transform-origin: right center 0px;
                -ms-transform-origin: right center 0px;
                transform-origin: right center 0px;
                -webkit-transition-duration: 1s;
                transition-duration: 1s;
                -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                -webkit-transition-property: -webkit-transform, -webkit-transform;
                transition-property: transform, -webkit-transform;
                -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
                content: "";
                display: block;
                position: absolute;
                top: 0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
                z-index: 20;
                background-color: #f5f5f5
            }
            
            .imgIn.animated.ani2 {
                -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px)
            }
            
            .imgIn.animated.ani2:before {
                -webkit-transform: scale(0, 1);
                -ms-transform: scale(0, 1);
                transform: scale(0, 1)
            }
            
            .animate .imgIn,
            .animated .imgIn {
                -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px)
            }
            
            .animate .imgIn:before,
            .animated .imgIn:before {
                -webkit-transform: scale(0, 1);
                -ms-transform: scale(0, 1);
                transform: scale(0, 1)
            }
            
            .mCSB_inside>.mCSB_container {
                margin-right: 10px !important
            }
            
            .ewm-bg {
                display: none;
                position: fixed;
                width: 100%;
                height: 100vh;
                top: 0;
                left: 0;
                z-index: 10;
                background: rgba(0, 0, 0, 0.7)
            }
            
            .ewm-bg .ewm-mains {
                position: fixed;
                top: 50%;
                left: 50%;
                width: 300px;
                height: 300px;
                margin-left: -150px;
                margin-top: -150px;
                border-radius: 3px;
                z-index: 10;
                background: #fff;
                opacity: 0;
                -webkit-transform: translateX(20%);
                -moz-transform: translateX(20%);
                -ms-transform: translateX(20%);
                transform: translateX(20%);
                -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                color: #000;
                text-align: center;
                line-height: 1.5;
                padding: 30px
            }
            
            .ewm-bg .ewm-show {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                opacity: 1
            }
            
            .ewm-bg .ewm-close {
                position: absolute;
                right: 4px;
                top: 4px;
                display: block;
                width: 28px;
                height: 28px;
                -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                cursor: pointer
            }
            
            .ewm-bg .ewm-close:hover {
                transform: rotate(90deg)
            }
            
            .video-bg {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: 10;
                display: none;
                background: rgba(0, 0, 0, 0.5)
            }
            
            .video-bg .close-img {
                position: absolute;
                right: -40px;
                top: -40px;
                width: 28px;
                height: 28px;
                cursor: pointer;
                transition-duration: .3s
            }
            
            .video-bg .close-img:hover {
                transform: rotate(90deg)
            }
            
            .video-bg #video {
                width: 100%;
                height: 100%
            }
            
            .video-bg .video-box {
                position: absolute;
                width: 650px;
                height: 368px;
                background: #000;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%)
            }
            
            .form-feedback-bg {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: 10;
                display: none;
                background: rgba(0, 0, 0, 0.5);
                color: #000;
                font-size: 14px;
                line-height: 24px
            }
            
            .form-feedback-bg .form-feedback {
                padding: 40px 28px;
                position: fixed;
                top: 50%;
                left: 50%;
                width: 420px;
                height: 245px;
                margin-top: -125px;
                margin-left: -210px;
                border-radius: 3px;
                z-index: 10;
                background: #fff;
                opacity: 0;
                -webkit-transform: translateX(20%);
                -moz-transform: translateX(20%);
                -ms-transform: translateX(20%);
                transform: translateX(20%);
                -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
            }
            
            .form-feedback-bg .form-feedback.show {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                opacity: 1
            }
            
            .form-feedback-bg .feedback-h5 {
                border-bottom: 1px solid #e5e5e5;
                padding: 12px 0;
                margin-bottom: 12px
            }
            
            .form-feedback-bg .feedback-detail {
                color: #666;
                line-height: 28px
            }
            
            .form-feedback-bg .person-wrap {
                flex: 0 0 72px;
                width: 72px
            }
            
            .form-feedback-bg .feedback-txts {
                flex: 0 0 270px;
                width: 270px
            }
            
            .form-feedback-bg .person-name {
                text-align: center;
                margin-top: 12px
            }
            
            .form-feedback-bg .person-img {
                border-radius: 50%;
                overflow: hidden;
                width: 72px;
                height: 72px
            }
            
            .form-feedback-bg .feedback-close {
                position: absolute;
                right: 24px;
                top: 14px;
                display: block;
                width: 16px;
                height: 16px;
                cursor: pointer
            }
            
            .ajax-bg0 {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: -1;
                opacity: 0;
                background: rgba(0, 0, 0, 0.5);
                transition-duration: .5s
            }
            
            .ajax-bg0.show {
                z-index: 10;
                opacity: 1
            }
            
            .ajax-bg0 .feedback-close {
                z-index: 12;
                position: absolute;
                right: 30px;
                top: 30px;
                display: block;
                width: 20px;
                height: 20px;
                cursor: pointer
            }
            
            .ajax-bg0 .toBeDealer-list2-ajax {
                z-index: 11;
                position: absolute;
                background: #fff;
                width: 1280px;
                height: calc(100% - 5rem);
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%)
            }
            
            .ajax-bg0 .ajax-banner {
                overflow: hidden;
                width: 1000px;
                margin: 0 auto;
                line-height: 24px
            }
            
            .ajax-bg0 .ajax-h5 {
                font-size: 20px;
                color: #666;
                padding: 24px 0 10px
            }
            
            .ajax-bg0 .ajax-detail {
                font-size: 16px;
                color: #7b7b7b;
                max-height: 72px
            }
            
            .ajax-bg0 .ajax-banner-wrap {
                position: relative;
                padding-top: 100px;
                padding-bottom: 1rem
            }
            
            .form-bg0 {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: 10;
                display: none;
                background: rgba(0, 0, 0, 0.5)
            }
            
            .form-bg0 .feedback-close {
                position: absolute;
                right: 24px;
                top: 14px;
                display: block;
                width: 16px;
                height: 16px;
                cursor: pointer
            }
            
            .form-bg0 .form-top-title {
                font-size: 20px;
                line-height: 1.4;
                color: #000;
                margin-bottom: 24px
            }
            
            .form-bg0 .form-mains {
                position: absolute;
                background: #fff;
                width: 500px;
                padding: 1.6rem 1.5rem 2rem;
                height: auto;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%)
            }
            
            .form-bg0 .form-tr {
                font-size: 14px;
                line-height: 38px;
                color: #000;
                margin-bottom: 16px
            }
            
            .form-bg0 .form-td {
                border: 1px solid #dedede;
                height: 40px;
                position: relative;
                padding-left: 58px
            }
            
            .form-bg0 .form-s0 {
                position: absolute;
                top: 0;
                left: 0;
                width: auto;
                display: inline-block;
                padding-left: 16px
            }
            
            .form-bg0 .code-td {
                padding-left: 70px
            }
            
            .form-bg0 .train-form {
                width: 380px
            }
            
            .form-bg0 .form-input {
                display: block;
                width: 100%;
                height: 38px;
                background: none;
                border: none;
                color: #666;
                padding: 0 30px 0 0;
                box-sizing: border-box
            }
            
            .form-bg0 .form-section {
                z-index: 1;
                cursor: pointer;
                position: relative;
                display: block;
                background: none;
                width: 100%;
                border: 1px solid #dedede;
                height: 38px;
                line-height: 38px
            }
            
            .form-bg0 .province-section {
                z-index: 2
            }
            
            .form-bg0 .options-wrap {
                position: absolute;
                z-index: 3;
                width: 100%;
                height: auto;
                top: 100%;
                left: 0;
                display: none;
                background: #f0f0f0;
                color: #707070;
                line-height: 38px;
                padding: 0 10px;
                max-height: 320px;
                overflow: scroll
            }
            
            .form-bg0 .options-item {
                border-bottom: 1px solid rgba(0, 0, 0, 0.15)
            }
            
            .form-bg0 .form-submit {
                width: 100%;
                display: block;
                height: 48px;
                line-height: 48px;
                border: none;
                font-size: 14px;
                color: #fff;
                text-align: center;
                background: #e60039
            }
            
            .calendar-img-bg {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                z-index: 10;
                display: none;
                background: rgba(0, 0, 0, 0.5)
            }
            
            .calendar-img-bg .feedback-close {
                position: absolute;
                right: 10px;
                top: 10px;
                display: block;
                width: 16px;
                height: 16px;
                cursor: pointer
            }
            
            .calendar-img-bg .form-top-title {
                font-size: 20px;
                line-height: 1.4;
                color: #000;
                margin-bottom: 24px
            }
            
            .calendar-img-bg .calendar-img {
                margin-left: 30px;
                opacity: 0;
                position: absolute;
                background: #fff;
                width: 680px;
                padding: 40px;
                height: auto;
                left: 50%;
                top: 50%;
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                transform: translate(-50%, -50%)
            }
            
            .calendar-img-bg .calendar-img.show {
                opacity: 1;
                margin-left: 0
            }
            
            .train-list4 .course-h5 {
                position: relative;
                padding-right: 30px
            }
            
            .class-img {
                display: block;
                height: 28px;
                line-height: 28px;
                font-size: 14px;
                line-height: 28px;
                color: #707070;
                cursor: pointer;
                background: url(../images/class-img.png) no-repeat left center;
                background-size: 21px !important;
                transition-duration: .3s;
                padding-left: 30px
            }
            
            .class-img:hover {
                color: #e60039
            }
            
            .tec {
                text-align: center
            }
            
            .train-list4 .right-mains {
                width: 364px;
                margin: 0 auto;
                opacity: 0;
                transform: translateX(30px);
                transition-duration: .5s
            }
            
            .train-list4 .right-mains.cur {
                opacity: 1;
                transform: translateX(0)
            }
            
            .calendar .week {
                padding: 1.5rem 0 20px
            }
            
            .calendar.week span {
                display: inline-block;
                font-size: 14px;
                line-height: 32px;
                height: 32px;
                text-align: center;
                color: #333;
                flex: 1
            }
            
            .calendar ul {
                justify-content: flex-start
            }
            
            .calendar ul li {
                border-bottom: medium none;
                text-align: center;
                border-left: medium none;
                flex: 0 0 13.8%;
                width: 13.8%;
                display: inline-block;
                border: none;
                margin-bottom: 10px
            }
            
            .calendar .calendar-s0 {
                height: 48px;
                line-height: 48px;
                display: inline-block;
                width: 48px;
                height: 48px;
                border-radius: 2px;
                color: #333;
                font-size: 14px
            }
            
            .calendar .act .calendar-s0 {
                background: #e60039;
                color: #fff;
                cursor: pointer
            }
            
            .list4-mains .calendar-wrap {
                flex: 0 0 730px;
                height: 480px;
                display: inline-flex
            }
            
            .calendar {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between
            }
            
            .calendar-title {
                position: relative;
                flex: 0 0 220px;
                background: #5d5959;
                color: #fff;
                text-align: center
            }
            
            .calendar-btns {
                position: absolute;
                right: 24px;
                bottom: 24px;
                width: 72px;
                height: 30px;
                cursor: pointer;
                transition: all .3s linear
            }
            
            .calendar-btns a {
                position: absolute;
                height: 30px;
                display: block;
                width: 30px;
                line-height: 30px;
                top: 0
            }
            
            .calendar-btns .prev {
                left: 0;
                background: url(../images/zuo.png) no-repeat center
            }
            
            .calendar-btns .prev:hover {
                background: #e80139 url(../images/zuoon.png) no-repeat center
            }
            
            .calendar-btns .next {
                right: 0;
                background: url(../images/you.png) no-repeat center
            }
            
            .calendar-btns .next:hover {
                background: #e80139 url(../images/youon.png) no-repeat center
            }
            
            .calendar-title .month {
                padding-top: 160px
            }
            
            .calendar-title .month-num {
                font-size: 2.5rem;
                line-height: 2rem;
                vertical-align: baseline
            }
            
            .calendar-title .month-txt {
                font-size: 20px;
                line-height: 2rem;
                vertical-align: baseline
            }
            
            .calendar-title .year {
                font-size: 24px;
                line-height: 1.5
            }
            
            .calendar-s0 {
                display: inline-block;
                width: 48px;
                height: 48px;
                border-radius: 2px
            }
            
            .train-list4 .date {
                flex: 0 0 444px
            }
            
            .train-list4 .list4-right {
                flex: 0 0 500px;
                width: 500px
            }
            
            .form-bg0 .form-mains {
                margin-left: 30px;
                opacity: 0;
                transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
            }
            
            .form-bg0 .form-mains.show {
                margin-left: 0;
                opacity: 1
            }
            
            .course-item {
                padding-top: 10px
            }
            
            @media (max-width:1800px) {
                .footer-outerLink {
                    justify-content: space-between
                }
                .footer-outerLink .outer-item {
                    margin-left: 0;
                    flex: 0 0 192px
                }
                .ajax-bg0 .ajax-banner {
                    width: 800px
                }
                .ajax-bg0 .toBeDealer-list2-ajax {
                    width: 1080px;
                    height: auto
                }
                .ajax-bg0 .ajax-banner-wrap {
                    padding-top: 2rem
                }
                .family-list2 .left2-mains {
                    width: 100%
                }
                .family-list2 .list2-left2 {
                    width: 320px
                }
                .family-list2 .list2-mains2 {
                    padding-left: 332px
                }
                .family-list2 .left2-h2 {
                    font-size: 18px
                }
                .office-list3 .right-mains {
                    padding: 30px 30px 30px 94px
                }
                .office-list2 .swiper-slide {
                    padding: 0 15px
                }
                .office-list3 .ico-item {
                    padding-top: 10px;
                    flex: 0 0 80px;
                    height: 80px;
                    margin-right: 9px;
                    line-height: 20px
                }
                .proInfo-titles .proInfo-h2 {
                    font-size: 1rem
                }
                .w1600 {
                    width: 87.5%
                }
                .wel-list5 .list5-left {
                    flex: 0 0 520px;
                    padding: 60px 0 2rem
                }
                .wel-list5 .list5-right {
                    width: calc(100% - 520px)
                }
                .signIn .page-title {
                    padding-top: 1rem
                }
            }
            
            .onLine-list1 .ico-wrap {
                position: absolute;
                width: 40px;
                left: .9rem;
                top: 50%;
                transform: translateY(-50%)
            }
            
            .onLine-list1 .list1-item-wrap {
                justify-content: flex-start
            }
            
            .onLine-list1 .opa0 {
                opacity: 0
            }
            
            .onLine-list1 .hover {
                display: none
            }
            
            .onLine-list1 .list1-item:hover,
            .onLine-list1 .list1-item.cur {
                background: #e60039;
                color: #fff
            }
            
            .onLine-list1 .list1-item:hover .hover,
            .onLine-list1 .list1-item.cur .hover {
                display: block
            }
            
            .onLine-list1 .list1-item:hover .unhover,
            .onLine-list1 .list1-item.cur .unhover {
                display: none
            }
            
            .onLine-list1 .list1-item:after {
                content: "";
                display: block;
                width: 9px;
                height: 14px;
                position: absolute;
                right: 1rem;
                top: 50%;
                transform: translateY(-50%);
                background: url(../images/after-ico1.png) no-repeat center
            }
            
            .onLine-list1 .list1-item:hover:after,
            .onLine-list1 .list1-item.cur:after {
                background: url(../images/after-ico1on.png) no-repeat center
            }
            
            .item-contents {
                position: relative;
                padding: .7rem 48px .7rem calc(1.4rem + 40px)
            }
            
            .onLine-list1 .list1-item {
                position: relative;
                border: 1px solid #e9e9e9;
                flex: 1;
                margin-right: 20px;
                color: #4d4948;
                font-size: 20px;
                line-height: 36px;
                transition-duration: .3s
            }
            
            .onLine-list1 .list1-item:nth-child(6n) {
                margin-right: 0
            }
            
            .flexBox.center {
                justify-content: center
            }
            
            .flexBox.left {
                justify-content: flex-start
            }
            
            .flexBox.right {
                justify-content: flex-end
            }
            
            .onLine-list2 {
                padding-bottom: 2.5rem
            }
            
            .onLine-list2 .item-h5 {
                font-size: 20px;
                line-height: 1.5;
                color: #333;
                text-align: center;
                margin-bottom: .5rem
            }
            
            .onLine-list2 .item-s0 {
                flex: 0 0 auto;
                display: inline-block;
                font-size: 16px;
                line-height: 30px;
                color: #666
            }
            
            .onLine-list2 .list2-item {
                margin-bottom: 1.1rem
            }
            
            .onLine-list2 .item-sline {
                flex: 0 0 1px;
                display: inline-block;
                width: 2px;
                height: 16px;
                position: relative;
                top: 7px;
                margin-left: .5rem;
                margin-right: .5rem;
                background: #bdbdbd
            }
            
            .onLine-list2 .list2-left {
                width: 13rem;
                background: #f0f0f0;
                display: block
            }
            
            .onLine-list2 .ajax-mains {
                position: relative;
                padding-right: calc(100% - 13rem - 28px)
            }
            
            .onLine-list2 .list2-right {
                position: absolute;
                width: calc(100% - 13rem - 28px);
                top: 0;
                right: 0;
                height: 100%
            }
            
            .onLine-list2 .pro-font24 {
                font-size: .6rem;
                line-height: 1.3;
                color: #333;
                text-align: center;
                transition-duration: .3s
            }
            
            .onLine-list2 .pro-font16 {
                font-size: .4rem;
                line-height: 1.3;
                color: #666;
                text-align: center;
                margin-top: 6px;
                margin-bottom: 16px
            }
            
            .onLine-list2 .pro-mains {
                padding: 1.7rem 0 2.2rem;
                width: 310px;
                margin: 0 auto
            }
            
            .onLine-list2 .pro-mains:hover .pro-font24 {
                color: #e60039
            }
            
            .onLine-list2 .pro-mains .img100 {
                transition-duration: .3s
            }
            
            .onLine-list2 .pro-mains:hover .img100 {
                transform: scale(.9)
            }
            
            .onLine-list2 .toPro-more:hover {
                transform: translateX(-6px)
            }
            
            .onLine-list2 .toPro-more {
                width: 120px;
                height: 40px;
                line-height: 38px;
                font-size: 16px;
                border: 1px solid #ccc;
                color: #474444;
                text-indent: .5rem;
                margin: 12px auto;
                transition-duration: .3s;
                background: url(../images/after-ico111.png) no-repeat right .5rem center
            }
            
            .onLine-list2 .right-item {
                font-size: .4rem;
                line-height: 24px;
                color: #fff;
                margin-right: 2.4rem;
                position: relative
            }
            
            .onLine-list20 {
                padding-bottom: 1rem
            }
            
            .onLine-list2 .right-item:before {
                content: "";
                display: block;
                width: .3rem;
                height: .3rem;
                background: #fff;
                border-radius: 50%;
                left: -24px;
                top: 50%;
                margin-top: -.15rem;
                position: absolute
            }
            
            .onLine-list2 .right-txts {
                z-index: 3;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #3b3b3b;
                color: #fff !important;
                width: 100%;
                padding: .9rem .9rem .9rem 2.5rem
            }
            
            .onLine-list2 .right-txts0 {
                padding: 36px .9rem 36px 22.5rem
            }
            
            .onLine-list2 .ajax-btn {
                transition-duration: .3s;
                cursor: pointer
            }
            
            .onLine-list2 .ajax-btn.cur {
                color: #c11a20
            }
            
            @media (max-width:1600px) {
                .onLine-list1 .item-contents {
                    padding: .7rem 48px .7rem calc(1rem + 34px)
                }
                .onLine-list1 .ico-wrap {
                    width: 34px;
                    left: .7rem
                }
                .onLine-list2 .right-txts {
                    padding: .9rem
                }
                .onLine-list2 .right-txts0 {
                    padding: 24px .9rem
                }
                .onLine-list2 .right-item {
                    margin-right: .9rem
                }
                .onLine-list2 .toPro-more {
                    margin-bottom: 0
                }
            }
            
            @media (max-width:1530px) {
                .calendar-title {
                    flex: 0 0 170px
                }
                .list4-mains .calendar-wrap {
                    flex: 0 0 680px
                }
                .train-list4 .list4-right {
                    flex: 0 0 450px;
                    width: 450px
                }
                .ajax-bg0 .swiper-btns-wrap5 .prev {
                    left: 20px
                }
                .ajax-bg0 .swiper-btns-wrap5 .next {
                    right: 20px
                }
                .ajax-bg0 .toBeDealer-list2-ajax {
                    width: 960px
                }
                .ajax-bg0 .ajax-detail {
                    font-size: 14px
                }
                .signIn .reminds {
                    margin-bottom: 1rem
                }
                .signIn .control-btn {
                    flex: 0 0 140px;
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 20px;
                    font-size: 14px;
                    margin: 0 6px
                }
                .signIn .app-ajax .ajax-right {
                    flex: 0 0 90px;
                    width: 90px
                }
                .signIn .ewm-txt {
                    margin-top: 3px;
                    font-size: 12px;
                    line-height: 18px
                }
                .signIn .tr-txt {
                    margin-top: .5rem
                }
                .signIn .signIn-submit {
                    height: 36px;
                    line-height: 36px
                }
                .signIn .left-font14,
                .signIn .right-font14,
                .signIn .signIn-right {
                    font-size: 12px
                }
                .signIn .to-register {
                    height: 36px;
                    line-height: 34px
                }
                .offLine-list2 .form-person {
                    transform: translateX(-18%)
                }
                .proInfo-list3 .list3-gray-call:after {
                    top: 95%
                }
                .proInfo-list3 .list3-red-call,
                .proInfo-list3 .list3-gray-call,
                .proInfo-list4 .list4-gray-call,
                .proInfo-list4 .list4-red-call {
                    height: 40px;
                    line-height: 40px;
                    border-radius: 20px;
                    width: 170px
                }
                .proInfo-list3 .list3-gray-call {
                    left: 148%;
                    margin-left: 0
                }
                .w1450,
                .pro-banner .banner-titles,
                .w1280,
                .proInfo-banner .banner-titles {
                    width: 87.5%
                }
                .train-list4 .w1280 {
                    width: 1180px
                }
                .pro-hd01 {
                    width: 87.5% !important
                }
                .proInfo-banner .txts-mains {
                    width: auto;
                    display: inline-block
                }
                .proInfo-list7 .list7-left {
                    flex: 0 0 440px
                }
                .proInfo-list7 .list7-right {
                    flex: 0 0 491px
                }
                .proInfo-icos-wrap2 .icos-item {
                    margin-right: 0;
                    flex: 0 0 48%
                }
                .proInfo-icos-wrap2 .icos-wrap {
                    margin-right: 18px
                }
                .proInfo-icos-wrap2 {
                    justify-content: space-between
                }
                .header-nav .nav-top-a1 {
                    padding-right: 24px
                }
                .header .header-right {
                    flex: 0 0 872px
                }
                .intro-list11 .swiper-slide {
                    border: 1px solid #e1e1e1;
                    overflow: hidden;
                    transition-duration: .3s
                }
                .intro-list11 .swiper-slide:hover {
                    border-color: #bcb8b8
                }
                .solution-list1 {
                    padding-bottom: 1rem
                }
                .solution-list1 .swiper-btns-wrap5 {
                    transform: translateY(10px);
                    opacity: 0;
                    transition-duration: .5s
                }
                .solution-list1 .solution-list1-banner:hover .swiper-btns-wrap5 {
                    transform: translateY(0);
                    opacity: 1
                }
                .solution-list1 .swiper-slide {
                    color: #4d4948;
                    font-size: 16px;
                    line-height: 30px;
                    text-align: center;
                    padding: 1.6rem 10px 1rem;
                    background: #fff
                }
                .solution-list1 .pro-h5 {
                    margin-top: .9rem
                }
                .solution-list1 .img-wrap {
                    display: inline-block;
                    width: 170px
                }
                @media (max-width:1430px) {
                    .online-video-wrap {
                        height: calc(100% - 1rem - 24px)
                    }
                    .onLine-list2 .right-item:before {
                        left: -16px
                    }
                    .onLine-list2 .right-item {
                        margin-right: 1rem
                    }
                    .onLine-list2 .right-txts {
                        padding: .5rem .5rem .5rem 1.5rem
                    }
                    .onLine-list2 .right-txts0 {
                        padding: 20px .5rem 20px 1.5rem
                    }
                    .onLine-list2 .pro-mains {
                        padding: 1rem 0
                    }
                    .onLine-list2 .pro-mains {
                        width: calc(100% - 2rem)
                    }
                    .onLine-list2 .item-s0 {
                        font-size: 14px
                    }
                    .onLine-list1 .ico-wrap {
                        width: 24px;
                        left: .5rem
                    }
                    .onLine-list1 .list1-item {
                        font-size: .5rem;
                        margin-right: 10px
                    }
                    .onLine-list1 .item-contents {
                        padding: .4rem 44px .4rem calc(1rem + 16px)
                    }
                    .onLine-list2 .toPro-more {
                        font-size: 14px
                    }
                    .onLine-list1 .list1-item:after {
                        right: .5rem
                    }
                    .calendar-img-bg .calendar-img {
                        width: 560px
                    }
                    .train-list1 .time-s0,
                    .train-list1 .time-jia {
                        font-size: 30px
                    }
                    .video-list2 .video-name {
                        font-size: 16px
                    }
                    .signIn .left-control-btns,
                    .signIn .left-font14 {
                        margin-bottom: .8rem
                    }
                    .signIn .tr {
                        padding: 6px 0
                    }
                    .signIn .page-title {
                        font-size: 48px
                    }
                    .signIn .right-mains,
                    .signIn .right-font36 {
                        margin-top: .7rem
                    }
                    .signIn .right-mains {
                        width: 400px;
                        padding: 30px 0 0
                    }
                    .offLine-list2 .form-contents,
                    .offLine-list2 .form-contents.w1100 {
                        width: 900px;
                        flex: 0 0 900px
                    }
                }
                @media (max-width:1300px) {
                    .signIn .reminds,
                    .signIn .right-font36 {
                        margin: 15px 0
                    }
                    .signIn .tr-txt {
                        margin-top: 15px;
                        font-size: 15px
                    }
                    .signIn .right-font36 {
                        margin: .5rem 0
                    }
                    .signIn .right-font36:after {
                        margin-top: 10px
                    }
                    .signIn .right-mains {
                        margin-top: 0
                    }
                    .signIn .page-title {
                        padding-top: 0
                    }
                    .conProInfo-list1 .swiper-slide {
                        padding: 5px
                    }
                    .conProInfo-list1 .para-item {
                        margin: 0 3px
                    }
                    .conProInfo-list1 .left-imgs-wrap {
                        flex: 0 0 66px;
                        width: 66px;
                        padding: 42px 0
                    }
                    .conProInfo-list1 .left-imgs-banner {
                        height: 260px
                    }
                    .conProInfo-list1 .left-show-wrap,
                    .conProInfo-list1 .list1-key-wrap {
                        flex: 0 0 320px;
                        width: 320px
                    }
                    .conProInfo-list1 .left-imgs-wrap {
                        height: 344px
                    }
                    .conProInfo-list1 .list1-left {
                        flex: 0 0 calc(100% - 480px);
                        width: calc(100% - 480px)
                    }
                    .conProInfo-list1 .list1-top-flex {
                        width: calc(100% - 480px)
                    }
                    .conProInfo-list1 .list1-right {
                        width: 440px;
                        flex: 0 0 440px
                    }
                    .conProInfo-list2 .swiper-slide .txts-wrap {
                        padding: 10px 10px 0
                    }
                    .conProInfo-list2 .para-td {
                        padding: 10px 0
                    }
                    .conProInfo-list2 .top-cn,
                    .conProInfo-list.pro-banner .ban-cn1:before {
                        display: none
                    }
                    .w1280,
                    .w1200,
                    .w1240,
                    .w1180,
                    .inner-banner .banner-titles {
                        width: 87.5%
                    }
                }
                .welcome-banner-txts {
                    display: none;
                    text-align: center;
                    padding: 27px 4vw 35px;
                    background: url(../images/m-ban-bg.jpg) no-repeat center
                }
                .welcome-banner-txts .wel-ban-h5 {
                    color: #fff;
                    line-height: 30px
                }
                .welcome-banner-txts .wel-ban-h6 {
                    color: #888;
                    line-height: 24px
                }
                .welcome-banner-txts .wel-ban-h6:after {
                    content: "";
                    display: block;
                    width: 36px;
                    height: 1px;
                    background: #888;
                    margin: 12px auto 0
                }
                .family-hd01 {
                    text-align: center;
                }
                .newsInfo {
                    padding-top: 2rem;
                    padding-bottom: 2rem
                }
                .newsInfo img {
                    margin: 0 auto;
                    display: block;
                    max-width: 100%;
                    height: auto !important
                }
                .newsInfo .info-title {
                    font-size: 30px;
                    line-height: 1.5;
                    color: #333;
                    text-align: center;
                    padding-bottom: 30px
                }
                .newsInfo .info-dates {
                    font-size: 16px;
                    line-height: 24px;
                    color: #999;
                    text-align: center;
                    margin: 30px auto
                }
                .newsInfo .info-dt-wrap {
                    font-size: 16px;
                    line-height: 2;
                    color: #666;
                    padding: 30px 0;
                    border-top: 1px solid rgba(0, 0, 0, 0.2);
                    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
                }
                .newsInfo .info-bot-dl {
                    width: 70%;
                    color: #333;
                    font-size: 16px;
                    line-height: 36px;
                    font-family: "gothicB"
                }
                .newsInfo .info-bot-dl a {
                    color: #333
                }
                .newsInfo .info-bot-dl a:hover {
                    color: #e60039
                }
                .newsInfo .info-bot-dr {
                    padding-top: 16px
                }
                .newsInfo .info-bot-wrap {
                    padding: 40px 0
                }
                .newsInfo .news-return-a {
                    display: block;
                    position: relative;
                    text-align: center;
                    width: 124px;
                    height: 36px;
                    border: 1px solid #e60039;
                    border-radius: 18px;
                    overflow: hidden
                }
                .newsInfo .news-return-a:after {
                    content: "";
                    position: absolute;
                    z-index: 0;
                    background: #e60039;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%
                }
                .newsInfo .news-return-a:before {
                    content: "";
                    display: block;
                    width: 124%;
                    height: 100%;
                    position: absolute;
                    left: -131%;
                    top: 0;
                    z-index: 1;
                    background: #fff;
                    transition: .3s ease-in-out;
                    -webkit-transition: .3s ease-in-out;
                    transform: skewX(45deg);
                    -webkit-transform: skewX(45deg);
                    -moz-transform: skewX(45deg)
                }
                .newsInfo .news-return-a .load-s0 {
                    position: relative;
                    z-index: 2;
                    color: #fff;
                    font-size: 14px;
                    line-height: 36px;
                    transition: .3s ease-in-out
                }
                .newsInfo .news-return-a:hover .load-s0 {
                    color: #e60039
                }
                .newsInfo .news-return-a:hover:before {
                    left: -13%
                }
                .app-list1 .list-mains,
                .app-list2 .list-mains {
                    padding-top: 10px
                }
                .app-list1 {}
                .app-list1 .list1-btns {
                    margin-top: 10px
                }
                .app-list1 .list-mains {
                    padding-bottom: 350px
                }
                .app-list1 .list1-btn {
                    flex: 0 0 164px;
                    width: 164px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 20px;
                    font-size: 16px;
                    color: #fff;
                    text-align: center;
                    margin: 0 10px
                }
                .app-list1 .and-btn {
                    background: #e60039
                }
                .app-list1 .ios-btn {
                    background: #707070
                }
                .app-list1 .images-mains {
                    width: 744px;
                    margin: 0 auto;
                    position: relative;
                    top: -80px;
                    margin-top: -170px
                }
                .img-txts {
                    font-size: 16px;
                    line-height: 30px;
                    position: relative;
                    color: #333;
                    margin-top: -30px;
                    text-align: center
                }
                .app-list2-banner {
                    width: 1220px;
                    margin: 0 auto
                }
                .app-list2 {
                    padding-top: 10px
                }
                .app-list2 .img-txts {
                    text-align: center;
                    font-size: 16px;
                    line-height: 24px;
                    color: #fff;
                    margin-top: 24px
                }
                .app-list2 .list-mains {
                    padding-bottom: 1.5rem
                }
                .app-list3 {
                    padding-bottom: 3.4rem
                }
                .app-list3 .list-mains {
                    padding-top: 36px
                }
                .app-list3 .img-wrap {
                    position: relative;
                    top: 1.3rem;
                    flex: 0 0 6.5rem;
                    width: 6.5rem
                }
                .app-list5 .list-mains {
                    padding-top: .5rem
                }
                .app-list5 {
                    padding-bottom: 3.8rem
                }
                .app-list5 .img-wrap {
                    flex: 0 0 8.1rem;
                    width: 8.1rem;
                    margin: 0 1.4rem
                }
                .find-more {
                    margin-top: 1.4rem;
                    font-size: 24px;
                    line-height: 1.2;
                    color: #333;
                    text-align: center
                }
                .app-list7 .moudle-titles3 {
                    text-align: left;
                    padding-top: 0 !important;
                    padding-bottom: 0 !important
                }
                .app-list7 .w1280 {
                    align-items: flex-start
                }
                .app-list7 {
                    padding: 1.3rem 0 1.8rem
                }
                .app-list7 .list7-font24 {
                    font-size: 24px;
                    line-height: 1.2
                }
                .app-list7 {
                    color: #fff;
                    line-height: 1.2
                }
                .app-list7 .list7-font18 {
                    font-size: 18px;
                    margin: 10px 0 .6rem
                }
                .app-list7 .list7-btns {}
                .app-list7 .list7-left {
                    flex: 0 0 auto;
                    width: auto
                }
                .app-list7 .list7-middle {
                    flex: 0 0 auto;
                    width: auto;
                    margin: 0 auto
                }
                .app-list7 .list7-right {
                    flex: 0 0 auto;
                    width: auto
                }
                .app-list7 .list7-btn {
                    flex: 0 0 156px;
                    width: 156px;
                    height: 48px;
                    line-height: 46px;
                    text-indent: .55rem;
                    display: inline-block;
                    font-size: 16px;
                    transition-duration: .3s
                }
                .app-list7 .list7-btn:hover {
                    transform: translateX(-6px)
                }
                .app-list7 .list7-btn1 {
                    color: #333;
                    border: 1px solid rgba(255, 255, 255, 1);
                    background: #fff url(../images/down-ico001.png) no-repeat right .4rem center
                }
                .app-list7 .list7-btn2 {
                    border: 1px solid rgba(255, 255, 255, .5);
                    color: #fff;
                    margin-right: .55rem;
                    background: url(../images/down-ico001on.png) no-repeat right .4rem center
                }
                @media (max-width:1600px) {
                    .app-list2-banner {
                        width: calc(100% - 200px)
                    }
                }
                @media (max-width:1530px) {
                    .app-list7 .list7-btn {
                        flex: 0 0 130px;
                        width: 130px;
                        height: 40px;
                        line-height: 38px;
                        text-indent: .55rem;
                        font-size: 14px
                    }
                    .app-list3 .w1200 {
                        width: 92% !important
                    }
                    .app .w1600,
                    .app .w1280 {
                        width: 92%
                    }
                    .app-list7 .list7-font18 {
                        font-size: 14px
                    }
                }
                @media (max-width:1270px) {
                    .app-list1 .images-mains {
                        width: 600px;
                        top: -30px;
                        margin-top: -210px
                    }
                    .app-list1 .list-mains {
                        padding-bottom: 300px
                    }
                    .nav-sub-wrap1 .sub-a {
                        display: inline-block;
                        flex: 0 0 50%;
                        width: 50%
                    }
                    .m-pro-navs {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start
                    }
                    .m-pro-navs .pro-ajax-s0 {
                        flex: 0 0 33.3%;
                        width: 33.3%;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 24px;
                        padding: 6px 0;
                        text-align: center;
                        background: #fff;
                        transition-duration: .3s;
                        border-bottom: 1px solid #f1f1f1;
                        border-right: 1px solid #f1f1f1
                    }
                    .m-pro-navs .pro-ajax-s0.cur {
                        background: #e60039;
                        color: #fff
                    }
                    .news-list1 .news-title {
                        padding-right: 0
                    }
                    .list4-mains .calendar-wrap {
                        height: 430px
                    }
                    .train-list4 .w1280 {
                        width: 87.5%
                    }
                    .train-list4 .date {
                        flex: 0 0 calc(100% - 181px);
                        width: calc(100% - 181px)
                    }
                    .list4-mains .calendar-wrap {
                        flex: 0 0 calc(100% - 461px);
                        width: calc(100% - 461px)
                    }
                    .wel-list1 .nav-ajax-mains {
                        height: auto;
                        width: 100%;
                        padding: 15px 0
                    }
                    .wel-list1 .nav-ajax-mains {
                        position: static
                    }
                    .toBeDealer-list3 .toBeDealer-list3-banner {
                        width: 87.5%
                    }
                    .recruits-list1 .font28 {
                        font-size: 20px
                    }
                    .train-list2 .hover-ico {
                        top: 15px
                    }
                    .train-list2 .hover-detail {
                        font-size: 12px;
                        line-height: 24px
                    }
                    .train-list2 .scroll-wrap {
                        height: 96px
                    }
                    .train-list2 .list2-main-item {
                        height: 240px
                    }
                    .train-list2 .hover {
                        width: calc(100% - 30px);
                        height: 240px;
                        padding-top: 50px
                    }
                    .train-list2 .list2-ico {
                        width: 48px
                    }
                    .train-list2 .item-contents {
                        padding: 15px
                    }
                    .train-list2 .list2-main-item {
                        border: 1px solid #e60039;
                        background: #e60039 url(../images/train-list2-bg2.jpg) no-repeat center
                    }
                    .train-list2 .unhover {
                        display: none
                    }
                    .train-list2 .hover {
                        opacity: 1;
                        display: block
                    }
                    .train-list1 .unit-time-wrap {
                        flex: 0 0 calc(100% - 53px);
                        width: calc(100% - 53px)
                    }
                    .train-list1 .unit-red {
                        flex: 0 0 52px
                    }
                    .train-list2 .list2-main-item {
                        flex: 0 0 calc(33% - 60px);
                        width: calc(33% - 60px)
                    }
                    .train-list3 .course-item {
                        margin-bottom: 8px
                    }
                    .train-list3 {
                        padding-bottom: 1.5rem
                    }
                    .train-list1 .unit-txt,
                    .train-list1 .time-txt,
                    .train-list1 .unit-red {
                        font-size: 12px;
                        padding: 4px 0
                    }
                    .train-list1 .w200,
                    .train-list1 .w160,
                    .train-list1 .w288 {
                        flex: 0 0 32%
                    }
                    .signIn .signIn-left,
                    .signIn .signIn-right {
                        height: auto;
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .signIn .signIn-right {
                        padding: 40px 0
                    }
                    .family-hd01 .swiper-pagination-bullet {
                        width: 90px !important
                    }
                    .family-list4 {
                        padding-left: 0;
                        width: 100% !important
                    }
                    .family-list4 .list4-left {
                        display: none
                    }
                    .family-list4 .right-mains {
                        width: 87.5%;
                        margin: 0 auto
                    }
                    .family-list2 .list2-left2 {
                        width: 100%;
                        position: static;
                        margin-bottom: 20px;
                        background: #4b4748;
                        padding: 20px
                    }
                    .family-list2 .left2-mains {
                        margin-left: 0
                    }
                    .family-list2 .list2-mains2 {
                        padding-left: 0
                    }
                    .office-list2 .ico-wrap {
                        width: 80px;
                        height: 80px;
                        padding: 19px 15px 0
                    }
                    .fan .moudle-titles2 {
                        float: left;
                        width: 100%;
                        text-align: center
                    }
                    .fan .moudle-titles2 .moudle-h5 {
                        display: inline-block
                    }
                    .moudle-titles2 .moudle-h5 {
                        line-height: 1.5
                    }
                    .specialInfo-list3 .ico-wrap {
                        width: 80px;
                        height: 80px;
                        padding: 15px 10px 0
                    }
                    .dealer-list1 .list1-ico {
                        width: 80px;
                        height: 80px;
                        padding: 15px
                    }
                    .specialInfo-list3 .ico-wrap {
                        margin-bottom: 10px
                    }
                    .specialInfo-list3 .ico-h5 {
                        margin-bottom: 5px
                    }
                    .specialInfo-list3 .specialInfo-list3-banner {
                        margin-top: 10px
                    }
                    .specialInfo-list3 {
                        padding: 0 0 60px
                    }
                    .office-list2 .ico-h5 {
                        font-size: 18px
                    }
                    .family-hd01 {
                        width: 100%
                    }
                    .family-list1 .list1-txts {
                        padding-left: 6vw
                    }
                    .office-list3 .office-list3-mains {
                        padding-right: 43.5vw
                    }
                    .office-list3 .right-mains {
                        padding: 20px
                    }
                    .office-list2 .ico-detail {
                        font-size: 12px
                    }
                    .family-list2 .list2-mains1 {
                        padding-left: 160px
                    }
                    .family-list2 .list2-nav-wrap {
                        width: 160px
                    }
                    .family-list2 .points-mains {
                        padding: 20px;
                        width: 240px;
                        height: 150px
                    }
                    .family-list2 .points-detail {
                        font-size: 10px
                    }
                    .family-list2 .nav-item {
                        background: url(../images/family-list2-prev1.png) no-repeat top 26px right 10px
                    }
                    .family-list2 .nav-item:hover,
                    .family-list2 .nav-item.cur {
                        background: url(../images/family-list2-prev1on.png) no-repeat top 26px right 10px
                    }
                    .family-list2 .nav-item {
                        padding: 20px 10px;
                        font-size: 14px;
                        line-height: 24px
                    }
                    .family-list1.w1600 {
                        width: 100%
                    }
                    .offLine-list1 .map-contents {
                        height: 13rem
                    }
                    .w1280 .w850,
                    .w1600 .w850 {
                        width: 100%
                    }
                    .intro-list31 .txt-detail {
                        font-size: 12px
                    }
                    .intro-list32 .list32-right {
                        width: calc(100% - 240px)
                    }
                    .intro-list32 .list32-left {
                        width: 240px
                    }
                    .intro-list32 .list32-btn:hover,
                    .intro-list32 .list32-btn.cur {
                        width: 280px
                    }
                    .intro-list32 .list32-btn-txts {
                        flex: 0 0 140px
                    }
                    .intro-list32 .list32-btn {
                        font-size: 16px;
                        padding: 20px
                    }
                    .inner-nav-wrap1 .w1200 {
                        width: 100%
                    }
                    .intro-list9 .slide-h5 {
                        margin-top: 20px
                    }
                    .moudle-titles3 .moudle-h4 {
                        font-size: 32px
                    }
                    .moudle-titles2 .moudle-h5,
                    .moudle-titles3 .moudle-h5,
                    .offLine-list2 .form-title,
                    .offLine-list2 .form-title2,
                    .signIn .left-font36,
                    .signIn .right-font36,
                    .intro-list3 .list3-h4,
                    .intro-list5 .intro-list5-name,
                    .intro-list2 .font36,
                    .family-list4 .list4-h2,
                    .newsInfo .info-title {
                        font-size: 28px
                    }
                    .intro-list6 .list6-left,
                    .intro-list5 .slide-txts,
                    .moudle-titles3 .moudle-h6 {
                        font-size: 18px
                    }
                    .office-list3 .item-h5,
                    .office-list3 .img-h5 {
                        font-size: 16px
                    }
                    .intro-list3 .list3-h5,
                    .intro-list2 .font30 {
                        font-size: 24px
                    }
                    .intro-list3 .list3-h6 {
                        padding: .8rem 0;
                        font-size: 20px
                    }
                    .intro-list3 .list3-h6:before {
                        display: none
                    }
                    .signIn .page-title {
                        font-size: 48px;
                        padding-top: 1.5rem
                    }
                    .offLine-list2 .experience-submit {
                        flex: 0 0 112px;
                        width: 112px;
                        font-size: 12px
                    }
                    .toBeDealer-list5 .list5-ico {
                        width: 70px;
                        height: 70px;
                        padding: 20px;
                        margin-bottom: 10px
                    }
                    .toBeDealer-list5 .list5-next {
                        width: 14px;
                        height: 70px
                    }
                    .toBeDealer-list5 .list5-name,
                    .toBeDealer-list2 .list2-name,
                    .intro-list8 .list8-item,
                    .intro-list5 .slide-h6 {
                        font-size: 14px
                    }
                    .toBeDealer-list2 .list2-ico {
                        width: 90px;
                        height: 90px;
                        padding: 20px
                    }
                    .toBeDealer-list3 .w1280 {
                        justify-content: space-between
                    }
                    .toBeDealer-list4 .list4-banner {
                        width: 100%
                    }
                    .toBeDealer-list3 .swiper-slide {
                        border-color: #e60039;
                        background: url(../images/train-list2-bg2.jpg) no-repeat center
                    }
                    .inner-banner .ban-en {
                        font-size: 40px
                    }
                    .toBeDealer-list1 .w988 {
                        width: 69%;
                        padding-left: 0
                    }
                    .offLine-list2 .form-contents,
                    .offLine-list2 .form-contents.w1100 {
                        width: 100%;
                        flex: 0 0 100%
                    }
                    .offLine-list2 .form-person {
                        display: none
                    }
                    .wel-list5:after {
                        opacity: 1
                    }
                    .proInfo-list8 .para-item {
                        margin: 0 8px
                    }
                    .proInfo-list3 .list3-gray-call {
                        left: 110%
                    }
                    .proInfo-list3 .list3-red-call,
                    .proInfo-list3 .list3-gray-call,
                    .proInfo-list4 .list4-gray-call,
                    .proInfo-list4 .list4-red-call {
                        width: 150px;
                        font-size: 12px
                    }
                    .proInfo-list4 .proInfo-titles {
                        padding-top: 0
                    }
                    .proInfo-list8 .w1180,
                    .proInfo-list4 .list4-img-wrap {
                        width: 92%
                    }
                    .proInfo-list4 .list4-img-wrap {
                        margin-left: auto;
                        margin-right: auto
                    }
                    .proInfo-list8 .right-dt {
                        font-size: 12px;
                        line-height: 24px
                    }
                    .proInfo-list5 .proInfo-titles {
                        flex: 0 0 50%;
                        width: 50%
                    }
                    .welcome-banner .pc-banner-img,
                    .wel-list1 .list1-titles,
                    .pc-wel-list1,
                    .wel-list1 .smart-name:after,
                    .wel-list2 .video-ewm,
                    .footer-outerLink .outer-txts,
                    .footer-outerLink .outer-ico .unhover,
                    .footer-outerLink .outer-item:before,
                    .footer-bot .footer-bot-dr,
                    .header-nav,
                    .header .mobile-a,
                    .header .language-a-wrap,
                    .footer-outerLink {
                        display: none
                    }
                    .welcome-banner .m-banner-img,
                    .welcome-banner-txts,
                    .m-wel-list1,
                    .footer-outerLink .hover,
                    .header .m-nav-btn {
                        display: block
                    }
                    .m-footer-outerLink {
                        padding: 28px 6.125%;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between
                    }
                    .m-footer-outerLink .m-outerLink-a {
                        flex: 0 0 42px;
                        width: 42px
                    }
                    .welcome-body,
                    .padHeader {
                        padding-top: 84px
                    }
                    .header-search-wrap {
                        top: 17px
                    }
                    .proInfo-list7 .list7-right {
                        flex: 0 0 438px
                    }
                    .proInfo-list7 .list7-left {
                        flex: 0 0 393px
                    }
                    .proInfo-list8 .list8-left,
                    .proInfo-list8 .list8-right {
                        flex: 0 0 380px
                    }
                    .proInfo-icos-wrap2 .icos-item {
                        margin-bottom: 20px
                    }
                    .proInfo-icos-wrap2 .icos-txts {
                        font-size: 12px
                    }
                    .header-search-wrap .search-close {
                        right: -40px;
                        color: #fff;
                    }
                    .header .logo {
                        display: block;
                        width: 130px;
                        flex: 0 0 130px;
                        margin: 0 auto;
                        position: relative
                    }
                    .header-nav {
                        width: 100%;
                        max-height: calc(100vh - 68px);
                        overflow: scroll;
                        position: fixed;
                        height: auto;
                        top: 68px;
                        left: 0;
                        padding-bottom: 50px;
                        background: #1b1b1b
                    }
                    .header-nav.cur {
                        display: block
                    }
                    .pro-nav-wrap1 .txts-wrap {
                        font-size: 12px
                    }
                    .pro-nav-wrap1 .swiper-slide {
                        padding: 16px 0 12px;
                        height: 76px !important
                    }
                    .pro-nav-wrap1 .ico-wrap {
                        width: 28px;
                        margin-bottom: 5px
                    }
                    .m-language-a {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        flex-wrap: wrap
                    }
                    .nav-sub-wrap {}
                    .header-nav .nav-item {
                        display: block;
                        width: 100%;
                        padding-bottom: 0;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                        background-image: url(../images/jia2.png);
                        background-repeat: no-repeat;
                        background-size: 20px auto;
                        background-position: 95% 10px;
                    }
                    .header-nav .nav-item.m-cur {
                        background-image: url(../images/jian2.png);
                    }
                    .header-nav .nav-top-a1 {
                        display: inline-block;
                        line-height: 40px;
                        height: 40px;
                        padding: 0;
                        margin: 0 6.125%;
                        transition-duration: .3s;
                        background-size: 15px !important;
                    }
                    .header-nav .nav-top-a1 {
                        color: #ffffff
                    }
                    .header-nav .sub-a {
                        padding: 0 1.5%;
                        border-top: none;
                        line-height: 36px
                    }
                    .header-nav .nav-top-a2 {
                        position: relative;
                        width: 120px;
                        top: 28px;
                        line-height: 28px;
                        border-radius: 14px;
                        margin-left: 6.125%
                    }
                    .header-nav .nav-sub-wrap {
                        position: static;
                        width: 87.5%;
                        margin: 0 auto;
                        background: #1b1b1b
                    }
                    .header .header-mains {
                        justify-content: center
                    }
                    .header-nav .sub-a:hover {
                        padding-left: 1.5%;
                        background: none
                    }
                    .header .show-search-btn {
                        margin-top: 2px;
                        width: 17px;
                        height: 17px;
                        position: absolute;
                        right: 6.125%;
                        top: 25%;
                        transform: translate(0, -50%);
                        margin-top: 0;
                        color: #fff;
                        font-size: 30px;
                    }
                    .header .header-right {
                        flex: 0 0 0
                    }
                    .welcome-banner .swiper-wrapper {
                        height: calc(80vh - 75px);
                        position: relative
                    }
                    .welcome-banner .swiper-wrapper .img100 {
                        height: 100%;
                        max-width: none;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto
                    }
                    .welcome-banner .swiper-slide-active {
                        transform: scale(1)
                    }
                    .header {
                        padding: 30px 0;
                        background: #0084da
                    }
                    .header .m-nav-btn {
                        width: 25px;
                        height: 20px;
                        top: 31px
                    }
                    .header .m-nav-btn .line {
                        background-color: #fff
                    }
                    .header .m-nav-btn .line2 {
                        top: 10px
                    }
                    .header .logo .img100:nth-of-type(1) {
                        display: none
                    }
                    .header .logo .img100:nth-of-type(2) {
                        display: block
                    }
                    .header-search-wrap {
                        top: 25px
                    }
                    .welcome-banner-txts {
                        display: none
                    }
                    .wel-list2 .img-wrap img {
                        height: auto;
                    }
                    .wel-list3 .w1600.s1 {
                        width: 100%;
                    }
                    .wel-list3 .w1600 {
                        width: 87.5%;
                    }
                    .wel-list3 .list3-item:before {
                        display: none
                    }
                    .wel-list3 .to-more {
                        display: none
                    }
                    .wel-list3 .jiameng_choose .oems {
                        display: inherit;
                    }
                    .wel-list3 .jiameng_choose img {
                        width: 100%;
                    }
                    .wel-list3 .family_choose .scroller {
                        position: absolute
                    }
                    .wel-list3 .family_choose {
                        height: 60px;
                        position: relative;
                        overflow: hidden;
                        margin-bottom: 0
                    }
                    .wel-list3 .family_choose .one {
                        width: auto;
                        padding: 0 20px
                    }
                    .wel-list3 .family_choose .one .jj {
                        height: 60px
                    }
                    .wel-list3 .family_show {
                        float: left;
                        width: 96%;
                        margin: 0 2%;
                        overflow: hidden
                    }
                    .wel-list3 .family_show .one {
                        float: left;
                        width: calc((100%/2 - (23px/2)) + (2%/2));
                        margin: 2% 1%;
                    }
                    .wel-list3 .family_show .one:nth-of-type(2n+1) {
                        margin-left: 0
                    }
                    .wel-list3 .family_show .one:nth-of-type(2n+2) {
                        margin-right: 0
                    }
                    .wel-list3 .family_show .one .one_ft3 {
                        float: left;
                        width: 35vw;
                        position: relative;
                        overflow: hidden;
                    }
                    .wel-list3 .family_show .one .one_ft3 img {
                        width: 100%;
                    }
                    .wel-list3 .good_nav {
                        padding: 0;
                        height: 100vw
                    }
                    .wel-list3 .good_nav .jiantou_t {
                        top: 2vw;
                        margin-left: 10px
                    }
                    .wel-list3 .good_nav .jiantou_b {
                        bottom: 8vw;
                        margin-left: 10px
                    }
                    .wel-list3 .good_nav .good_nav1 {
                        height: auto;
                        margin-left: 10px;
                        margin-top: 45px;
                        margin-bottom: 45px
                    }
                    .wel-list3 .good_nav .good_nav1 .good_nav11 {
                        height: 272px
                    }
                    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul {
                        height: auto
                    }
                    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul li {
                        margin-bottom: 10px
                    }
                    .wel-list3 .good_nav .da_tu {
                        float: none;
                        width: calc(100% - 94px);
                        margin-left: 94px;
                        height: 375px
                    }
                    .wel-list3 .good_nav .da_tu .da_tus {
                        background-position: center center;
                        background-size: 80% auto
                    }
                    .wel-list3 .good_nav .good_sm {
                        width: 94%;
                        margin: 3%;
                        padding: 5%;
                        height: auto
                    }
                    .wel-list3 .good_nav .good_sm .good_sm3 {
                        float: left;
                        margin: 10px 0 5px
                    }
                    .wel-list3 .good_nav .good_sm .good_sm4 {
                        float: right;
                        margin: 15px 0 5px
                    }
                    .wel-list3.cplist {
                        float: left
                    }
                    .wel-list3 .family_lala {
                        float: left;
                        width: 100%
                    }
                    .wel-list3 .xx_choose .one {
                        width: auto;
                        height: auto;
                        margin: 30px 0 20px
                    }
                    .wel-list3 .xx_choose .one p {
                        float: left;
                        margin: 0 8vw;
                        font-size: 16px;
                        width: auto;
                        padding-bottom: 10px
                    }
                    .wel-list3 .xx_choose .one.cur p {
                        border-bottom: 3px solid;
                        border-color: rgba(255, 255, 255, 0.8)
                    }
                    .wel-list3 .xx_beichoose {
                        padding-top: 20px;
                        width: 94%;
                        margin: 0 3% 3%
                    }
                    .wel-list3 .jj_choose .jianjie {
                        float: left;
                        width: 94%;
                    }
                    .wel-list3 .jj_choose .jianjie .qyzz {
                        float: left;
                        display: inherit;
                    }
                    .wel-list3 .jj_choose .jianjie .qyzz .qyzz_left {
                        float: left;
                        width: 100%;
                        height: 80vw;
                        flex: none;
                    }
                    .wel-list3 .jj_choose .small_lunbo {
                        padding-left: 0;
                    }
                    .wel-list3 .jj_choose .small_lunbo .s_lb {
                        background: #fff;
                    }
                    .wel-list3 .jj_choose .small_lunbo .button_lefts {
                        left: 0;
                    }
                    .wel-list3 .jj_choose .small_lunbo .button_rights {
                        right: 0;
                    }
                    .wel-list3 .jj_choose .xwdt .one {
                        float: left;
                        width: 100%;
                        margin-bottom: 20px;
                    }
                    .wel-list3 .jj_choose .xwdt .one img {
                        width: 100%;
                        display: inline-block;
                        vertical-align: top;
                        height: auto;
                        margin: 0 20px 18px 0;
                        background: white;
                        box-sizing: border-box;
                        transition: all .5s;
                        -webkit-transition: all .5s;
                        /* Safari */
                    }
                    .wel-list3 .jj_choose .xwdt .one img:hover {
                        cursor: pointer;
                        transform: scale(1.1);
                        -ms-transform: scale(1.1);
                        /* IE 9 */
                        -moz-transform: scale(1.1);
                        /* Firefox */
                        -webkit-transform: scale(1.1);
                        /* Safari 和 Chrome */
                        -o-transform: scale(1.1);
                    }
                    */ .wel-list3 .jj_choose .xwdt .one .xwdt_wen1,
                    .wel-list3 .jj_choose .xwdt .one .xwdt_wen2 {
                        float: left;
                        width: 100%;
                    }
                    .wel-list3 .serve_after .shipin .one {
                        width: 100%;
                    }
                    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj {
                        font-size: 14px;
                        line-height: 18px;
                    }
                    .wel-list3 .jiameng_choose .jm_tt {
                        height: auto;
                    }
                    .wel-list3 .jiameng_choose .img .da {
                        height: auto;
                    }
                    .wel-list3 .family_show .one {
                        height: auto;
                    }
                    .wel-list3 .family_show .one .one_ft2 {
                        margin-bottom: 30px;
                    }
                    .wel-list3 .family_show .one .one_ft3 {
                        margin-bottom: 30px;
                    }
                    .wel-list3 .da_family_sho2 more {
                        float: left;
                        width: 40%;
                        margin: 10px calc((100% - 40%)/2);
                        padding: 5px 0;
                        background: #0084da;
                        color: #fff;
                        font-size: 16px;
                        text-align: center;
                    }
                    .wel-list3 .jiameng_choose .oems .one {
                        padding: 24px 30px 20px 30px;
                    }
                    .welcome .search {
                        display: block;
                        float: left;
                        width: calc(96% - 2px);
                        margin: 10px 2%;
                        border: 1px solid #d7d7d7;
                    }
                    .welcome .search form input {
                        float: left;
                        width: 74%;
                        padding: 10px 3%;
                        font-size: 16px;
                        background: none;
                        outline: none;
                        border: 0px;
                        -webkit-appearance: none;
                        border-radius: 0;
                    }
                    .welcome .search form div#submit {
                        float: right;
                        display: inline-block;
                        line-height: 45px;
                        font-size: 30px;
                        margin-right: 3vw;
                        color: #d7d7d7;
                    }
                    .welcome .search form div#submit::after {
                        content: "\e6b9";
                    }
                    .bgImg {
                        display: block;
                    }
                    .pc_zx {
                        display: none
                    }
                    .yd_zx {
                        display: block
                    }
                    .fan .one img {
                        width: 100%
                    }
                    .fanbox {
                        float: left;
                        width: 94%;
                        margin: 0 3%;
                        overflow: hidden
                    }
                    .fanbox .swiper-pagination {
                        float: left;
                        position: relative;
                        text-align: center;
                        margin-top: 20px
                    }
                    .fanbox .swiper-pagination span {
                        width: 30px;
                        border-radius: 0;
                        height: 2px
                    }
                    .app-return {
                        top: calc(1.9rem + 9px)
                    }
                    .moudle-titles1 .moudle-h5,
                    .moudle-titles2 .moudle-h5,
                    .proInfo-titles .proInfo-h2,
                    .welcome-banner-txts .wel-ban-h5 {
                        font-size: 20px
                    }
                    .wel-list3 .list3-h5 {
                        font-size: 18px;
                        line-height: 1.1;
                        padding: 60px 0 13px
                    }
                    .footer-outerLink .outer-item {
                        padding: 28px 0
                    }
                    .footer-bot .footer-bot-dl {
                        flex: 0 0 100%;
                        text-align: center
                    }
                    .footer-bot {
                        font-size: 12px;
                        line-height: 20px
                    }
                    .wel-list3 .list3-h5:after {
                        top: 0
                    }
                    .moudle-titles1 .moudle-h6,
                    .proInfo-titles .proInfo-h6,
                    .welcome-banner-txts .wel-ban-h6 {
                        font-size: 13px
                    }
                    .wel-list2 .video-name {
                        font-size: 15px
                    }
                    .wel-list1 {
                        padding-bottom: 55px
                    }
                    .footer-outerLink .outer-item {
                        flex: 0 0 20%;
                        margin-left: 0
                    }
                    .footer-outerLink .outer-mains {
                        justify-content: center
                    }
                    .footer-outerLink .outer-ico {
                        flex: 0 0 26px;
                        margin-right: 0;
                        height: auto
                    }
                    .footer-outerLink .outer-ico .img100 {
                        position: static;
                        height: auto
                    }
                    .wel-list2 .video-btn {
                        width: 40px;
                        height: 40px;
                        background-size: 100% !important
                    }
                    .wel-list1 .smart-name {
                        font-size: 15px;
                        line-height: 1.2;
                        padding-top: 22px;
                        padding-bottom: 7px
                    }
                    .moudle-titles1 {
                        padding: 36px 0
                    }
                    .moudle-titles2 {
                        padding: 55px 0 28px
                    }
                    .moudle-titles2 .moudle-h5:after {
                        height: 2px;
                        width: 24px
                    }
                    .wel-hd01 {
                        bottom: 25px !important
                    }
                    .wel-hd01 .swiper-pagination-bullet,
                    .pro-hd01 .swiper-pagination-bullet {
                        width: 20px;
                        height: 20px;
                        margin: 0 2px !important
                    }
                    .moudle-titles1 .s-red:after {
                        width: 45px;
                        height: 30px;
                        top: -8px;
                        right: -9px;
                        background-size: 100% !important
                    }
                    .wel-list2 .list2-item-wrap {
                        padding-bottom: 5px
                    }
                    .yd_zx {
                        width: 100%
                    }
                    .yd_zx .swiper-container {
                        width: 100%;
                        margin-left: auto;
                        margin-right: auto;
                        margin-bottom: 20px
                    }
                    .yd_zx .swiper-container .swiper-wrapper {
                        width: 100%;
                    }
                    .yd_zx .swiper-container .swiper-wrapper .swiper-slide {
                        text-align: center;
                        font-size: 18px;
                        background: #fff;
                        width: 100%;
                        height: 290px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        -webkit-justify-content: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        -webkit-align-items: center;
                        align-items: center
                    }
                    .yd_zx .swiper-container .swiper-wrapper .swiper-slide img {
                        width: 100%;
                    }
                    .swiper-pagination {
                        width: 100%;
                        height: 20px
                    }
                    .yd_zx .swiper-slide .hua_wen {
                        position: absolute;
                        bottom: 15px;
                        left: 0;
                        font-size: 18px;
                        font-family: PingFangSC-Medium, PingFang SC;
                        font-weight: 500;
                        color: #FFFFFF;
                        text-align: left;
                        padding: 0 18px;
                        box-sizing: border-box;
                        line-height: 25px
                    }
                    .yd_zx .swiper-slide .hua_wen a {
                        color: #ffffff;
                    }
                    .wel-list2 {
                        padding-bottom: 30px
                    }
                    .wel-list2 .fanren2 {
                        display: none
                    }
                    .wel-list2 .fanren3 {
                        display: block
                    }
                    .wel-list5 .list5-h5 {
                        font-size: 18px;
                        text-align: center
                    }
                    .wel-list5 .list5-h5:after {
                        margin: 14px auto 22px;
                        height: 1px;
                        width: 33px
                    }
                    .wel-list5 .list5-left {
                        background: none;
                        width: 87.5%;
                        margin: 0 auto;
                        padding: 55px 0 86px;
                        flex: 0 0 87.5%;
                        position: relative;
                        z-index: 2
                    }
                    .w1600.wel-list5 {
                        width: 100%;
                        justify-content: center
                    }
                    .wel-list5 .list5-right {
                        width: 100%
                    }
                }
                .m-mask {
                    position: fixed;
                    width: 100vw;
                    height: 100vh;
                    left: 0;
                    top: 0;
                    z-index: 7;
                    display: none;
                    background: rgba(0, 0, 0, 0.5)
                }
                .recruits-nav-top {
                    padding: 0 4vw;
                    font-size: 14px;
                    line-height: 40px;
                    height: 40px;
                    background: url(../images/conproinfo-next1.png) no-repeat right 4vw center;
                    transition-duration: .3s;
                    border-bottom: 1px solid #f4f4f4;
                    background-size: 18px !important
                }
                .m-recruits-nav {
                    overflow: visible !important;
                    border-bottom: none
                }
                .recruits-list2 .recruits-nav {
                    position: relative;
                    z-index: 2
                }
                .recruits-nav-contents {
                    position: relative;
                    z-index: 2
                }
                .m-recruits-nav .swiper-slide0 {
                    display: block;
                    padding: 0 4vw;
                    color: #666;
                    font-size: 12px;
                    line-height: 29px;
                    background: #fff;
                    border-bottom: 1px solid #f4f4f4
                }
                .m-recruits-hides {
                    z-index: 3;
                    background: #fff;
                    position: absolute;
                    left: 0;
                    top: 41px;
                    width: 100%;
                    display: none;
                    height: 241px;
                    overflow: scroll;
                    border-bottom: 1px solid #f4f4f4
                }
                @media (max-width:1200px) {
                    .m-recruits-items .recruits-nav-top {
                        background-size: 14px !important
                    }
                    .m-recruits-items.cur .recruits-nav-top {
                        background: url(../images/conproinfo-next1on1.png) no-repeat right 4vw center
                    }
                    .m-recruits-info {
                        padding: 0 4vw 4vw;
                        display: none;
                        overflow: hidden
                    }
                    .recruits-list2 .recruits-a {
                        margin-top: 24px
                    }
                    .m-recruits-items {
                        border-top: 1px solid #e6e6e6
                    }
                    .m-recruits-nav .swiper-wrapper {
                        flex-wrap: wrap
                    }
                    .m-recruits-nav .swiper-slide {
                        display: inline-block;
                        flex: 0 0 50%;
                        width: 50%;
                        border-bottom: 1px solid #eee
                    }
                    .m-recruits-nav .swiper-slide:nth-child(even) {
                        border-left: 1px solid #eee
                    }
                    .recruits-list2 .para-item {
                        font-size: 13px
                    }
                    .signUp .w840 {
                        width: 100%;
                        padding: 0 30px;
                        box-sizing: border-box
                    }
                    .recruits-list2 .recruits-nav-name {
                        padding: 0;
                        text-align: center;
                        font-size: 18px;
                        line-height: 40px
                    }
                    .recruits-list2.w1200 {
                        width: 100%;
                        justify-content: center
                    }
                    .recruits-list2 .recruits-nav {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .recruits-list2 .recruits-info {
                        flex: 0 0 87.5%
                    }
                    .recruits-list2 .recruits-nav {
                        margin-bottom: 1rem
                    }
                    .pc-recruits-nav {
                        display: none
                    }
                    .m-recruits-nav {
                        display: block
                    }
                    .train-list3 .scroll-wrap {
                        height: 240px
                    }
                    .c-month-center {
                        font-size: 64px
                    }
                    .train-list3 .list3-imgs {
                        height: auto
                    }
                    .recruits-list1 .font20 {
                        font-size: 16px
                    }
                    .contact-list1 .list1-top-detail {
                        font-size: 12px
                    }
                    .contact-list2 .list2-name {
                        font-size: 18px
                    }
                    .contact-list2 .list2-txts {
                        padding: 40px 20px
                    }
                }
                .contact-list1 .list1-top-item:nth-child(2):before,
                .contact-list1 .list1-top-item:nth-child(2):after {
                    transform: translateY(-50%)
                }
                .captcha_no {
                    display: none !important
                }
                .search-list1 {
                    margin-top: 2rem;
                    opacity: 0;
                    transform: translateY(30px);
                    -webkit-transition: all .6s;
                    transition: all .6s
                }
                .search-list1.cur {
                    opacity: 1;
                    transform: translateY(0)
                }
                .search-list1 .search-item {
                    display: block;
                    box-shadow: 0 0 6px #c5c2c2;
                    margin-bottom: 24px;
                    background: #fff;
                    border-radius: 6px;
                    padding: 24px
                }
                .search-list1 .search-item:hover {
                    box-shadow: 0 0 20px #c5c2c2
                }
                .search-list1 .search-item:hover .search-h5 {
                    color: #e60039
                }
                .search-list1 .search-h5 {
                    font-size: .5rem;
                    color: #333;
                    font-family: "gothicB";
                    transition-duration: .3s
                }
                .search-list1 .search-detail {
                    font-size: .35rem;
                    line-height: 2;
                    color: #666;
                    max-height: 48px;
                    margin: 20px 0
                }
                .search-list1 .load-more {
                    margin: 0
                }
                .search-list1 .load-more {
                    padding-top: 10px;
                    height: 40px;
                    line-height: 40px;
                    width: 160px
                }
                .family-list2 .remind-more,
                .inner-nav-wrap1-remind {
                    display: none
                }
                .intro-list31 .list31-txts {
                    background: rgba(0, 0, 0, .5)
                }
                .signIn-return {
                    box-sizing: border-box;
                    padding: 0 20px;
                    background: #e60039;
                    border-radius: 14px;
                    position: absolute;
                    top: 26px;
                    right: 0;
                    color: #fff;
                    font-size: 12px;
                    line-height: 28px;
                    display: inline-block;
                    height: 28px;
                    z-index: 2
                }
                .app-return {
                    top: calc(1.9rem + 15px)
                }
                .signIn-return:hover {
                    color: #fff
                }
                .toBeDealer-list4 .flexBox {
                    justify-content: center
                }
                .toBeDealer-list4 .swiper-slide {
                    flex: 0 0 110px;
                    text-align: center
                }
                .w760 {
                    width: 760px;
                    margin-left: auto;
                    margin-right: auto
                }
                .side-always .app-item .side-ico {
                    background: #e60039 url(../images/moblie-app.png) no-repeat center;
                    background-size: 22px !important
                }
                .m-footer-nav {
                    padding: 42px 0 4px
                }
                .m-footer-nav .footer-nav-a1 {
                    display: inline-block;
                    flex: 0 0 50%;
                    width: 50%;
                    font-size: 13px;
                    line-height: 18px;
                    margin-bottom: 18px;
                    padding-left: 20px;
                    color: #fff
                }
                .m-footer-nav .footer-nav-a1:after {
                    display: inline-block;
                    vertical-align: middle;
                    content: "";
                    margin-left: 6px;
                    width: 5px;
                    height: 9px;
                    background: url(../images/footer-ico2.png) no-repeat center;
                    background-size: 100% !important
                }
                @media (min-width:1024px) {
                    .side-always .app-item,
                    .m-footer-nav {
                        display: none
                    }
                }
                @media (max-width:1023px) {
                    .app-btns {
                        top: calc(50% - 36px)
                    }
                    .intro-list31 .txt-detail {
                        font-size: 10px
                    }
                    .intro-list31 .txt-h5 {
                        font-size: 18px
                    }
                    .intro-list31 .txt-h5 {
                        font-size: 16px
                    }
                    .intro-list31 .txt-s0:before {
                        height: 10px;
                        top: 8px
                    }
                    .footer-top {
                        display: none
                    }
                    .side-always .app-item,
                    .m-footer-nav {
                        display: block
                    }
                    .onLine-list2 .toPro-more {
                        margin-top: 16px
                    }
                    .onLine-list2 .list2-left {
                        width: 10rem
                    }
                    .onLine-list2 .list2-right {
                        width: calc(100% - 10rem - 28px)
                    }
                    .onLine-list1 .list1-item {
                        flex: 0 0 calc(33.3% - 12px);
                        width: calc(33.3% - 12px);
                        margin-right: 8px;
                        margin-bottom: 8px
                    }
                    .onLine-list1 .list1-item:nth-child(3n) {
                        margin-right: 0
                    }
                    .app-list7 .w1280,
                    .app-list7 .moudle-titles3 {
                        text-align: center
                    }
                    .app-list7 .list7-font24 {
                        font-size: 18px
                    }
                    .app-list7 .list7-btn {
                        text-align: left;
                        flex: 0 0 110px;
                        width: 110px;
                        height: 32px;
                        line-height: 30px;
                        text-indent: .55rem;
                        font-size: 12px
                    }
                    .list7-btns.flexBox.left {
                        justify-content: center
                    }
                    .app-list7 .list7-middle {
                        margin: 40px auto
                    }
                    .app-list7 .list7-left,
                    .app-list7 .list7-middle,
                    .app-list7 .list7-right {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .app-btns .btn {
                        width: 36px;
                        height: 36px;
                        top: -18px
                    }
                    .app-list2-banner {
                        width: calc(100% - 100px)
                    }
                    .app-list2 .img-txts {
                        font-size: 12px
                    }
                    .w760 {
                        width: 100%
                    }
                    .video-list1 .form-section {
                        flex: 0 0 110px;
                        width: 110px
                    }
                    .intro-list5 .slide-h6 {
                        letter-spacing: 6px
                    }
                    .calendar-title .month-txt {
                        font-size: 12px
                    }
                    .signIn .control-btn {
                        margin: 0 10px !important
                    }
                    .signIn .left-control-btns {
                        justify-content: center !important
                    }
                    .signIn .control-btn {
                        height: 34px;
                        line-height: 34px
                    }
                    .signIn-return {
                        box-sizing: border-box;
                        padding: 0 20px;
                        background: #e60039;
                        border-radius: 14px;
                        position: absolute;
                        top: 26px;
                        right: 0;
                        color: #fff;
                        font-size: 12px;
                        line-height: 28px;
                        display: inline-block;
                        height: 28px
                    }
                    .app-return {
                        top: calc(1.9rem + 9px)
                    }
                    .ajax-bg0 .ajax-detail {
                        -webkit-line-clamp: 30
                    }
                    .family-list2 .remind-more {
                        display: block
                    }
                    .footer-top .footer-nav,
                    .footer-top .footer-top-right .footer-nav-a1 {
                        position: relative;
                        z-index: 2
                    }
                    .footer-top .footer-nav:nth-child(4) {
                        display: none
                    }
                    .search-top {
                        width: 100%
                    }
                    .search-list1 .search-item {
                        padding: 15px
                    }
                    .search-list1 .search-h5 {
                        font-size: .6rem
                    }
                    .search-list1 .load-more {
                        padding-top: 7px;
                        height: 34px;
                        line-height: 34px;
                        width: 120px
                    }
                    .offLine-list2 .form-input,
                    .offLine-list2 .form-tr {
                        height: 36px
                    }
                    .offLine-list2 .form-input,
                    .offLine-list2 .form-section {
                        height: 36px;
                        line-height: 36px
                    }
                    .calendar-img-bg .feedback-close {
                        top: 0;
                        right: 0
                    }
                    .calendar-img-bg .calendar-img {
                        width: 87.5vw;
                        padding: 20px
                    }
                    .pro-nav-wrap2 form {
                        flex: 0 0 100%
                    }
                    .calendar-title {
                        flex: 0 0 120px
                    }
                    .calendar-title .year {
                        font-size: 18px
                    }
                    .calendar-title .month-num {
                        font-size: 1.5rem;
                        line-height: 1.5rem
                    }
                    .train-list4 .course-h5,
                    .train-list4 .courseIntroDetail,
                    .train-list4 .course-detail {
                        font-size: 12px
                    }
                    .train-list4 .date {
                        flex: 0 0 calc(100% - 140px);
                        width: calc(100% - 140px);
                        margin-right: 10px
                    }
                    .list4-mains .calendar-wrap {
                        flex: 0 0 100%;
                        width: 100%;
                        background: #fff
                    }
                    .train-list4 .list4-mains {
                        background: none
                    }
                    .calendar .calendar-s0 {
                        height: 32px;
                        line-height: 32px;
                        width: 32px
                    }
                    .calendar-title .month {
                        padding-top: 120px
                    }
                    .list4-mains .calendar-wrap {
                        height: 350px
                    }
                    .train-list4 .list4-right {
                        flex: 0 0 100%;
                        width: 100%;
                        margin-top: 20px;
                        background: #fff
                    }
                    .train-list4 .right-mains {
                        width: 100%;
                        padding: 0 15px 40px
                    }
                    .ajax-bg0 .ajax-detail {
                        font-size: 12px;
                        line-height: 20px;
                        max-height: 180px
                    }
                    .ajax-bg0 .ajax-h5 {
                        font-size: 16px;
                        padding: 10px 0
                    }
                    .ajax-bg0 .feedback-close {
                        right: 15px;
                        top: 15px
                    }
                    .ajax-bg0 .swiper-btns-wrap5 .prev {
                        left: 15px
                    }
                    .ajax-bg0 .swiper-btns-wrap5 .next {
                        right: 15px
                    }
                    .ajax-bg0 .ajax-banner {
                        width: 100%
                    }
                    .ajax-bg0 .ajax-banner-wrap {
                        padding: 1rem 60px
                    }
                    .ajax-bg0 .toBeDealer-list2-ajax {
                        width: 92%;
                        height: auto
                    }
                    .contact-list1 .list1-top-item:first-child,
                    .contact-list1 .list1-top-item:last-child,
                    .contact-list1 .list1-top-item:nth-child(2) {
                        flex: 0 0 33%
                    }
                    .contact-list1 .list1-top-detail {
                        line-height: 24px;
                        padding: 0 15px
                    }
                    .recruits-list1 {
                        width: 100%
                    }
                    .recruits-list2 .recruits-bot-item {
                        line-height: 24px
                    }
                    .recruits-list1 .contact-ewm-img {
                        width: 90px
                    }
                    .recruits-list1 .font20 {
                        font-size: 14px
                    }
                    .recruits-list1 .list1-bot-txts {
                        margin-right: 1rem
                    }
                    .recruits-list1 .font28 {
                        font-size: 16px
                    }
                    .train-list3 .imgs-name {
                        left: 0;
                        padding: 0 10px;
                        font-size: 12px
                    }
                    .w740 {
                        width: 100%
                    }
                    .c-month-center {
                        font-size: 48px
                    }
                    .train-list1 .list1-right {
                        order: -2;
                        margin-bottom: 30px
                    }
                    .train-list1,
                    .train-list2 {
                        padding-bottom: 40px
                    }
                    .train-list1 .list1-left {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .train-list1 .time-s0,
                    .train-list1 .time-jia {
                        font-size: 24px
                    }
                    .dealer-list2 .list2-submit {
                        height: 36px;
                        line-height: 36px;
                        width: 120px
                    }
                    .no-banner {
                        display: none
                    }
                    .conProInfo-list1 .right-mains {
                        padding: 20px 20px 40px;
                        background: #fff url(../images/right-mains-bg.png) no-repeat right 12px bottom 12px;
                        background-size: 6rem !important
                    }
                    .conProInfo-list1 .proInfo-h5-cn {
                        font-size: 20px
                    }
                    .conProInfo-list1 .scroll-wrap {
                        height: auto
                    }
                    .conProInfo-list1 .list1-top-flex {
                        width: 100%
                    }
                    .conProInfo-list2 .para-td:nth-child(2n):before {
                        display: none
                    }
                    .conProInfo-list2 .list2-h2 {
                        padding: 15px
                    }
                    .conProInfo-list2 .td-content {
                        padding: 0 15px
                    }
                    .conProInfo-list2 .para-td {
                        border-bottom: 1px solid #eaeaea
                    }
                    .conProInfo-list2 .para-tr {
                        border-bottom: none
                    }
                    .conProInfo-list2 .para-td,
                    .conProInfo-list1 .list1-right,
                    .conProInfo-list1 .list1-left {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .conProInfo-list1 .list1-right,
                    .conProInfo-list1 .left-ajax-btns {
                        margin-top: 30px
                    }
                    .family-list2 .points-name {
                        font-size: 16px;
                        line-height: 20px
                    }
                    .family-list2 .points-mains {
                        padding: 10px
                    }
                    .family-list2 .nav-item {
                        background: url(../images/family-list2-prev1.png) no-repeat top 11px right 10px
                    }
                    .family-list2 .nav-item:hover,
                    .family-list2 .nav-item.cur {
                        background: url(../images/family-list2-prev1on.png) no-repeat top 11px right 10px
                    }
                    .family-list2 .list2-mains1 {
                        padding-left: 130px
                    }
                    .family-list2 .list2-nav-wrap {
                        width: 130px
                    }
                    .family-list2 .nav-item {
                        padding: 6px;
                        font-size: 12px
                    }
                    .family-list2 .list2-mains2 {
                        width: 100%
                    }
                    .office-list3 .office-list3-mains {
                        padding-right: 0
                    }
                    .office-list3 .item-h5 {
                        font-size: 16px
                    }
                    .office-list3 .list3-right {
                        position: static;
                        width: 100%;
                        margin-top: 20px
                    }
                    .family-list2 .right-bg {
                        width: 700px
                    }
                    .family-list2 .list2-right {
                        overflow: scroll
                    }
                    .intro-list7 .list7-item {
                        flex: 0 0 48%;
                        margin: 0;
                        width: 48%
                    }
                    .intro-list7 .w1200 {
                        justify-content: space-between
                    }
                    .inner-nav-wrap1 .swiper-slide {
                        padding: 20px 0;
                        font-size: 14px
                    }
                    .inner-nav-wrap1 .ico-wrap {
                        width: 32px;
                        height: 24px
                    }
                    .inner-banner .pc-img {
                        height: 10rem
                    }
                    .inner-banner .ban-en {
                        font-size: 26px
                    }
                    .inner-banner .ban-cn {
                        font-size: 18px
                    }
                    .inner-banner .ban-cn:after {
                        margin-top: 15px
                    }
                    .offLine-list2 .w1280 {
                        position: relative
                    }
                    .offLine-list2 .code-tr {
                        left: 0;
                        width: 100%
                    }
                    .offLine-list2 .form-contents {
                        flex-wrap: wrap
                    }
                    .toBeDealer-list6 .list6-item.cur .item-top {
                        background: #f6f6f6 url(../images/tobedealer-jiaon.png) no-repeat right 10px center;
                        background-size: 20px !important
                    }
                    .toBeDealer-list6 .item-top {
                        background: #f6f6f6 url(../images/tobedealer-jia.png) no-repeat right 10px center;
                        background-size: 20px !important
                    }
                    .offLine-list2 .form-input,
                    .offLine-list2 .form-tr {
                        line-height: 36px
                    }
                    .offLine-list2 .form-contents {
                        line-height: 36px
                    }
                    .offLine-list2 .city-section,
                    .offLine .offLine-list2 .province-section {
                        margin-bottom: 66px
                    }
                    .toBeDealer-list6 .item-top-txt {
                        line-height: 32px !important
                    }
                    .toBeDealer-list4 .list4-banner-wrap {
                        padding-bottom: 10px;
                        margin-bottom: 15px
                    }
                    .toBeDealer-list3 .swiper-slide {
                        height: 110px
                    }
                    .offLine-list2 .form-contents.w1100 .form-td1,
                    .offLine-list2 .form-contents.w1100 .form-td2,
                    .offLine-list2 .form-contents .form-td1,
                    .offLine-list2 .form-contents .form-td2,
                    .offLine-list2 .form-td3.form-td31,
                    .offLine-list2 .experience-submit,
                    .offLine-list2 .form-td3 {
                        flex: 0 0 100%;
                        margin-right: 0;
                        margin-left: 0;
                        width: 100%
                    }
                    .offLine-list2 .w1280 {
                        padding: 40px 0
                    }
                    .offLine-list2 .form-title,
                    .offLine-list2 .form-title2 {
                        position: static;
                        width: 100%;
                        margin-bottom: 15px
                    }
                    .toBeDealer-list6 .item-bot {
                        padding: 15px
                    }
                    .toBeDealer-list6 .list6-item {
                        font-size: 12px;
                        line-height: 2
                    }
                    .toBeDealer-list2 .list2-items-wrap {
                        margin-top: 0
                    }
                    .offLine-list2 .form-tr1,
                    .offLine-list2 .province-section,
                    .offLine-list2 .form-tr2,
                    .offLine-list2 .code-tr {
                        margin-bottom: 15px
                    }
                    .toBeDealer-list5 .list5-items-wrap {
                        width: 1023px
                    }
                    .toBeDealer-list5 .scroll-wrap2 {
                        overflow: scroll
                    }
                    .toBeDealer-list3 .list3-ico {
                        width: 40px
                    }
                    .toBeDealer-list3 .list3-h5 {
                        font-size: 14px
                    }
                    .toBeDealer .toBeDealer-list3 .list3-h5 {
                        font-size: 12px
                    }
                    .toBeDealer-list1 .w988,
                    .w850 {
                        width: 87.5%
                    }
                    .toBeDealer-list1 .list1-mains {
                        margin-top: -6rem
                    }
                    .toBeDealer-list1 .moudle-titles2 {
                        position: relative;
                        z-index: 2
                    }
                    .side-always {
                        right: 5px;
                        width: 32px;
                        height: 100px;
                        margin-top: -100px;
                        overflow: hidden;
                        top: calc(100% - 52px)
                    }
                    .side-always .tele-item .side-ico {
                        background-size: 16px !important;
                        background: #e60039 url(../images/side-teleon.png) no-repeat center
                    }
                    .side-always .qq-item .side-ico {
                        background: #e60039 url(../images/side-qqon.png) no-repeat center;
                        background-size: 16px !important
                    }
                    .side-always .ewm-item,
                    .side-always .toTop-item {
                        display: none
                    }
                    .side-always .side-ico,
                    .side-always .side-items {
                        width: 32px;
                        height: 32px;
                        margin-bottom: 2px
                    }
                    .side-always .side-tele {
                        opacity: 0
                    }
                    .products .pro-mains {
                        padding-bottom: 0
                    }
                    #drag-img-wrap {
                        overflow: hidden
                    }
                    .proInfo-list4 .list4-img-wrap {
                        text-align: center
                    }
                    .proInfo-list4 .list4-red-call {
                        transform: translate(-30px, 0) !important
                    }
                    .proInfo-list4 .list4-gray-call {
                        transform: translate(30px, 0) !important
                    }
                    .proInfo-list4 .proInfo-list4-mains.animate .js-to-left,
                    .proInfo-list4 .proInfo-list4-mains.animate .js-to-right {
                        transform: translate(0, 0) !important
                    }
                    .proInfo-list4 .list4-red-call,
                    .proInfo-list4 .list4-gray-call {
                        position: static;
                        margin: 40px 20px 0
                    }
                    .proInfo-list3 .proInfo-list-bg {
                        padding: 4rem 0
                    }
                    .proInfo-list4 .hover-bg,
                    .proInfo-list4 .unhover-bg {
                        display: none
                    }
                    .proInfo-list4 .unhover-wrap {
                        position: static
                    }
                    .proInfo-list4 .list4-red-call,
                    .proInfo-list4 .list4-gray-call {
                        left: 6.125%;
                        transform: translate(50%, 0)
                    }
                    .proInfo-list4 .list4-left-imgs {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .proInfo-list4 .hover-img,
                    .proInfo-list4 .unhover-img {
                        display: block
                    }
                    .proInfo-list7 .list7-left .img100 {
                        max-width: 340px;
                        width: 340px;
                        margin: 0 auto
                    }
                    .proInfo-icos-wrap2 {
                        width: 430px;
                        margin: 0 auto
                    }
                    .proInfo-list4 .proInfo-list-bg {
                        flex: 0 0 100%
                    }
                    .proInfo-list6 .proInfo-list-bg {
                        padding: 6rem 0 2rem;
                    }
                    .proInfo-icos-wrap1 {
                        margin-top: 30px
                    }
                    .proInfo-icos-wrap1 .icos-wrap {
                        width: 40px
                    }
                    .proInfo-list5 .proInfo-list-bg {
                        padding: 0 0 5rem
                    }
                    .proInfo-icos-wrap1 .icos-txts {
                        font-size: 12px
                    }
                    .proInfo-icos-wrap1 .icos-item {
                        margin-right: 20px
                    }
                    .proInfo-list2 .list2-imgs {
                        width: 15rem
                    }
                    .proInfo-list1 .proInfo-list-bg {
                        padding: 1rem 0 10rem
                    }
                    .proInfo-list7 .list7-left,
                    .proInfo-list7 .list7-right,
                    .proInfo-list8 .list8-left,
                    .proInfo-list8 .list8-right {
                        flex: 0 0 100%
                    }
                    .proInfo-list8 .proInfo-list-bg {
                        background: #fff !important
                    }
                    .proInfo-list8 .list8-h5 {
                        font-size: 18px
                    }
                    .proInfo-list7 .list7-right,
                    .proInfo-list8 .list8-left {
                        padding-bottom: 40px
                    }
                    .footer-top {
                        padding: 42px 0 4px
                    }
                    .wel-list3 .cir-wrap,
                    .book-email,
                    .footer-right-address {
                        display: block
                    }
                    .footer-top .footer-top-left,
                    .pro-nav-wrap2 .nav-left,
                    .footer-top .footer-top-right {
                        flex: 0 0 100%
                    }
                    .footer-top .footer-top-right {
                        justify-content: flex-end;
                        display: inline-flex;
                        margin-bottom: 0
                    }
                    .footer-top .footer-nav-a1 {
                        flex: 0 0 50%
                    }
                    .footer-top .footer-nav {
                        margin-bottom: 0;
                        flex: 0 0 50%
                    }
                    .products .pro-item .txts-wrap {
                        padding: 15px 15px 0
                    }
                    .pro-nav-wrap2 {
                        margin: 1.5rem 0 1rem
                    }
                    .pro-search-box {
                        flex: 0 0 100%
                    }
                    .pro-nav-wrap2 .nav-left {
                        margin-bottom: 1rem;
                        width: calc(100% - 102px);
                        flex: 0 0 calc(100% - 102px)
                    }
                    .footer-top .footer-top-right {
                        position: relative;
                        top: -36px
                    }
                    .footer-top .footer-nav-a1,
                    .footer-top .footer-nav-a11 {
                        font-size: 13px;
                        line-height: 18px;
                        margin-bottom: 18px;
                        padding-left: 20px;
                        color: #fff;
                        background: none
                    }
                    .footer-top .footer-nav-a1:after,
                    .footer-top .footer-nav-a11:after {
                        display: inline-block;
                        vertical-align: middle;
                        content: "";
                        margin-left: 6px;
                        width: 5px;
                        height: 9px;
                        background: url(../images/footer-ico2.png) no-repeat center;
                        background-size: 100% !important
                    }
                    .footer-top .footer-top-right .footer-nav-a1 {
                        margin-bottom: 0
                    }
                    .footer {
                        position: relative
                    }
                    .footer.zIndex7 {
                        z-index: 7
                    }
                    .footer-top .footer-nav-a2:hover {
                        color: #333
                    }
                    .footer-sub-hides {
                        display: none;
                        position: fixed;
                        left: 0;
                        bottom: 0;
                        width: 100vw;
                        height: auto;
                        z-index: 8;
                        background: #fff;
                        padding: 48px 6.125vw
                    }
                    .footer-top .footer-nav-a2 {
                        line-height: 40px;
                        height: 40px
                    }
                    .footer-top .footer-nav-a2 {
                        background: #fff;
                        border-bottom: 1px solid #F0F0F0;
                        color: #333;
                        text-align: center
                    }
                    .family-list1 .bgImg {
                        height: 15rem
                    }
                    .intro-list7 .intro-list7-banner {
                        width: 87.5%
                    }
                }
                .captcha-wrap #captcha {
                    text-indent: 10px
                }
                .dealer-list2 .captcha-wrap {
                    width: 400px;
                    margin-left: auto;
                    margin-right: auto;
                    position: relative
                }
                @media (min-width:768px) {
                    .products .swiper-btns-wrap5 {
                        display: none
                    }
                    .proInfo-list3 .pc-block {
                        display: block
                    }
                    .family-list2 .pc-nav-wrap {
                        height: 100%
                    }
                    .intro-list7 .pro-hd02,
                    .dealer-list1 .pro-hd02,
                    .family-list2 .m-nav-wrap,
                    .dealer-list1 .pro-hd03,
                    .toBeDealer-list2 .pro-hd02 {
                        display: none
                    }
                    .signIn .pc-block {
                        display: block
                    }
                    .signIn .ajax-left {
                        order: -1
                    }
                }
                .m-nav-wrap .m-nav-banner,
                .toBeDealer-list2 .list2-items-wrap {
                    overflow: hidden
                }
                .specialInfo-list3 {
                    position: relative
                }
                .specialInfo-list3 .pro-hd03 {
                    display: none
                }
                .toBeDealer-list3 .pro-hd03 {
                    display: none
                }
                .course-ajax-bg {
                    width: 100%;
                    height: 100vh;
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    z-index: 10;
                    display: none;
                    background: rgba(0, 0, 0, 0.5)
                }
                .course-ajax-bg .feedback-close {
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    display: block;
                    width: 16px;
                    height: 16px;
                    cursor: pointer
                }
                .course-ajax-bg .top-title {
                    text-align: center;
                    border-bottom: 1px solid #efefef;
                    font-size: 20px;
                    line-height: 44px;
                    color: #000;
                    margin-bottom: 20px
                }
                .course-ajax-bg .course-detail {
                    font-size: 14px;
                    line-height: 1.5;
                    color: #333
                }
                .course-ajax-bg .scroll-wrap {
                    height: 50vh
                }
                .course-ajax-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                    background: #e60039 !important
                }
                .course-ajax-bg .course-mains {
                    margin-left: 30px;
                    opacity: 0;
                    position: absolute;
                    background: #fff;
                    width: 680px;
                    padding: 20px 30px 30px;
                    height: auto;
                    left: 50%;
                    top: 50%;
                    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                    transform: translate(-50%, -50%)
                }
                .course-ajax-bg .course-mains img {
                    display: block;
                    max-width: 100%;
                    height: auto
                }
                .course-ajax-bg .course-mains.show {
                    opacity: 1;
                    margin-left: 0
                }
                .newsInfo-video-wrap {
                    width: 100%;
                    margin-bottom: 1rem
                }
                .newsInfo-video-wrap .video-wrap {
                    position: relative;
                    height: 15rem
                }
                .newsInfo-video-wrap .video-h5 {
                    text-align: center;
                    font-size: .45rem;
                    line-height: 1.5;
                    color: #333
                }
                .newsInfo-video-wrap #video1,
                .newsInfo-video-wrap #video2 {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0
                }
                .video-select-left {
                    flex-wrap: wrap
                }
                .products .pro-mains,
                .search-list1 {
                    min-height: 50vh
                }
                .course-name-s0 {
                    color: #e60039;
                    display: inline-block;
                    padding-left: 10px
                }
                .intro-list8-more {
                    display: none;
                    width: 120px;
                    height: 34px;
                    line-height: 34px;
                    background: #e6013a;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    margin: 10px auto;
                    border-radius: 17px
                }
                .inner-nav-wrap1 {
                    position: relative
                }
                .inner-nav-wrap1 .swiper-btns-wrap5,
                .pro-left-banner .swiper-btns-wrap5 {
                    display: none
                }
                .pro-left-banner {
                    position: relative
                }
                .captcha-wrap {
                    margin-top: 15px
                }
                .captcha-wrap .captcha {
                    right: 0;
                    top: 1px;
                    display: block;
                    position: absolute;
                    height: calc(100% - 2px);
                    width: 100px
                }
                .captcha-wrap #captcha {
                    display: block;
                    width: 100%;
                    height: 36px;
                    line-height: 36px;
                    border: 1px solid #d2d2d2;
                    background: none;
                    font-size: 14px
                }
                .others-down-h5 {
                    display: block
                }
                .train-list4 .course-btn.unable {
                    background: #5d5959
                }
                .intro-list9 .family-hd01 {
                    display: none
                }
                .signIn .pcct-ajax .ajax-right {
                    justify-content: center !important
                }
                .m-drop-a {
                    display: none
                }
                .moudle-detail p {
                    text-align: center
                }
                @media (min-width:768px) {
                    .family-list1 .family-hd01,
                    .family-list2 .family-hd01 {
                        display: none
                    }
                }
                @media (max-width:767px) {
                    .train-list3 .imgs-name {
                        position: static;
                        background: #5e5a5a;
                        height: auto;
                        padding: 10px 4vw;
                        width: 100%
                    }
                    .video-bg .video-box {
                        width: 92%;
                        height: 52vw
                    }
                    .office-list3 .office-list3-mains {
                        margin-bottom: 0
                    }
                    .family-list1 .swiper-btns-wrap5,
                    .family-list2 .swiper-btns-wrap5 {
                        display: none
                    }
                    .onLine-list2 .pc-inline {
                        display: block
                    }
                    .onLine-list2 .right-txts {
                        padding: 20px 10px
                    }
                    .onLine-list2 .list2-left {
                        margin-top: 40px
                    }
                    .onLine-list1 .list1-item:hover {
                        background: none;
                        color: #4d4948
                    }
                    .onLine-list1 .list1-item:hover .unhover {
                        display: block
                    }
                    .onLine-list1 .list1-item:hover:after {
                        background: url(../images/after-ico1.png) no-repeat center
                    }
                    .onLine-list1 .list1-item:hover .hover {
                        display: none
                    }
                    .onLine-list2 .right-txts {
                        position: static
                    }
                    .app-return {
                        top: 1.9rem
                    }
                    .app-list5 {
                        padding-bottom: 2rem
                    }
                    .moudle-titles3 .moudle-h4 {
                        font-size: 24px
                    }
                    .find-more {
                        font-size: 16px
                    }
                    .app-list5 .img-wrap {
                        flex: 0 0 calc(50% - 22px);
                        width: calc(50% - 22px);
                        margin: 0 10px
                    }
                    .app-list1 .list-mains {
                        padding-bottom: 270px
                    }
                    .app-list1 .images-mains {
                        width: 100%;
                        top: 0
                    }
                    .app-list1 .img100 {
                        width: 70%;
                        margin: 0 auto
                    }
                    .app-list1 {
                        margin-bottom: 40px
                    }
                    .img-txts {
                        font-size: 12px;
                        margin-top: 0
                    }
                    .app-list1 .list1-btn {
                        flex: 0 0 114px;
                        width: 114px;
                        margin: 0 6px;
                        font-size: 12px;
                        line-height: 36px;
                        height: 36px
                    }
                    .intro-list11-hd01 .swiper-pagination-bullet {
                        height: 1px
                    }
                    .intro-list11-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                        height: 2px
                    }
                    .intro-list11-hd01 {
                        padding: 10px 0
                    }
                    .intro-list11-hd01 .swiper-pagination-bullet {
                        margin: 0 4px !important
                    }
                    .solution-list1 .swiper-slide {
                        padding-top: 1rem
                    }
                    .solution-list1 .pro-h5 {
                        margin-top: 0
                    }
                    .solution-list1 .solution-list1-banner .swiper-btns-wrap5 {
                        transform: translateY(0);
                        opacity: 1
                    }
                    .proInfo-nav-wrap1,
                    .proInfo-nav-wrap1 .proInfo-nav-right,
                    .proInfo-nav-wrap1 .proInfo-nav-left {
                        display: none
                    }
                    .proInfo-nav-wrap1.drop-wrap1 {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        border-bottom: none;
                        justify-content: flex-end
                    }
                    .m-drop-a {
                        flex: 0 0 auto;
                        text-align: right;
                        display: inline-block;
                        color: #fff;
                        cursor: pointer;
                        border-bottom: 1px solid #fff
                    }
                    .proInfo-nav-wrap1 {
                        line-height: 44px
                    }
                    .no-banner {
                        height: 44px
                    }
                    .proInfo-nav-wrap1 .swiper-slide-a {
                        padding-left: 10px
                    }
                    .proInfo-nav-wrap1 .proInfo-nav-left {
                        display: none
                    }
                    .proInfo-nav-wrap1 .proInfo-nav-right {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .toBeDealer-list4 .flexBox {
                        justify-content: flex-start
                    }
                    .toBeDealer-list2 .list4-detial {
                        padding-bottom: 1rem
                    }
                    .others-down-h5 {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .intro-list31 .txt-h5 {
                        margin-bottom: 0
                    }
                    .intro-list31 .list31-txts {
                        padding: 5px 10px
                    }
                    .intro-list9 .swiper-btns-wrap5 {
                        display: none
                    }
                    .intro-list9 .family-hd01 {
                        display: block
                    }
                    .train .form-bg0 .form-td {
                        padding-left: 54px !important
                    }
                    .train .form-bg0 .form-s0 {
                        padding-left: 6px
                    }
                    .train .form-bg0 .form-section {
                        text-indent: 5px !important
                    }
                    .intro-list9 .list9-banner {
                        padding-bottom: 0
                    }
                    .pro-banner .ban-cn1 {
                        font-size: 24px
                    }
                    .pro-banner .ban-cn2 {
                        font-size: 12px;
                        margin: 6px auto 7px
                    }
                    .pro-hd01 {
                        text-align: center
                    }
                    .pro-banner .ban-en1 {
                        font-size: 18px;
                        margin-bottom: 11px
                    }
                    .pro-banner .ban-cn3:before {
                        display: none
                    }
                    .pro-banner .ban-cn3 {
                        display: inline-block;
                        border-bottom: 1px solid #cecece;
                        line-height: 1.4
                    }
                    .pro-banner .banner-titles {
                        padding-top: 38px;
                        text-align: center
                    }
                    .family-list2 .list2-banner {
                        margin-top: 40px
                    }
                    .solution-list1 {
                        padding-bottom: 0
                    }
                    .family-list2 .list2-mains2 {
                        margin-top: 0
                    }
                    .family-list2 {
                        padding-bottom: 20px
                    }
                    .family-list2.office-list3,
                    .family .family-list2 {
                        padding-bottom: 0
                    }
                    .pro-nav-wrap2 .nav-left {
                        line-height: 30px
                    }
                    .pro-nav-wrap2 .swiper-wrapper {
                        flex-wrap: wrap
                    }
                    .pro-nav-wrap2 .swiper-slide {
                        flex: 0 0 50% !important;
                        width: 50% !important;
                        margin-right: 0 !important
                    }
                    .family-list4 .user-td:before {
                        right: -12px !important
                    }
                    .dealer-list1 .list1-name {
                        font-size: 16px
                    }
                    .dealer-list1 .list1-detail {
                        font-size: 10px;
                        margin-top: 6px;
                        padding: 0 4px
                    }
                    .toBeDealer-list5 .list5-items-wrap {
                        justify-content: flex-start
                    }
                    .toBeDealer-list4 .swiper-slide:before {
                        display: none
                    }
                    .toBeDealer-list4 .swiper-wrapper {
                        flex-wrap: wrap
                    }
                    .toBeDealer-list4 .swiper-slide {
                        flex: 0 0 33.3%;
                        width: 33.3%;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 24px;
                        padding: 6px 0;
                        text-align: center;
                        background: #fff;
                        transition-duration: .3s;
                        border-bottom: 1px solid #f1f1f1;
                        border-right: 1px solid #f1f1f1
                    }
                    .toBeDealer-list4 .swiper-slide.cur {
                        background: #e60039;
                        color: #fff
                    }
                    .inner-nav-wrap1 .swiper-btns-wrap5,
                    .pro-left-banner .swiper-btns-wrap5 {
                        display: block
                    }
                    .inner-nav-wrap1 .swiper-slide {
                        border-bottom: 1px solid #e5e5e5
                    }
                    .signIn .left-font14,
                    .signIn .right-font14 {
                        line-height: 20px;
                        height: 60px
                    }
                    .recruits-list2 .para-item:before {
                        display: none
                    }
                    .intro-list8-more {
                        display: block
                    }
                    .train-list3 .scroll-wrap {
                        height: auto
                    }
                    .course-item {
                        padding-top: 0
                    }
                    .pro-banner .m-banner-img {
                        display: block
                    }
                    .pro-banner .pc-img {
                        display: none
                    }
                    .others-down-h5 {
                        display: block;
                        text-align: center;
                        width: 100%;
                        flex: 0 0 100%;
                        padding: 0 4%
                    }
                    .calendar-img-bg .feedback-close {
                        top: -20px;
                        height: 20px;
                        width: 20px;
                        padding: 0 2px;
                        background: #fff
                    }
                    .calendar-img-bg .calendar-img {
                        width: 100%;
                        padding: 10px
                    }
                    .products .pro-mains,
                    .search-list1 {
                        min-height: 60vw
                    }
                    .family-list2 .list2-left2 {
                        padding: 20px 0;
                        text-align: center;
                        margin-bottom: 0;
                        background: #1e1e1f;
                        border-bottom: 1px solid rgba(255, 255, 255, .2)
                    }
                    .family-list2 .left2-more,
                    .family-list2 .left2-h2:after {
                        display: none
                    }
                    .family-list2 .points-close {
                        right: 6px;
                        top: 6px
                    }
                    .family-list2 .points-detail {
                        height: 80px
                    }
                    .family-list1 .list1-detail {
                        height: 80px;
                        overflow: scroll
                    }
                    .intro-list5 .slide-h5,
                    .intro-list5 .slide-h6 {
                        transform: translate(0, 0);
                        opacity: 1
                    }
                    .video-select-name {
                        flex: 0 0 96px;
                        width: 96px;
                        margin-bottom: 10px;
                        margin-right: 0
                    }
                    .newsInfo-video-wrap .video-wrap {
                        height: 8rem
                    }
                    .course-ajax-bg .course-mains {
                        width: 87.5%
                    }
                    .pages {
                        padding: 1rem 0;
                        font-size: 12px;
                        line-height: 30px
                    }
                    .pages .pagination {
                        display: inline-block
                    }
                    .pages .pagination a {
                        display: inline-block;
                        width: 30px;
                        height: 30px;
                        line-height: 28px
                    }
                    .pages .pagination .prev,
                    .pages .pagination .next {
                        line-height: 30px
                    }
                    .products .pro-item .txts-wrap {
                        padding: 10px 5px
                    }
                    .pro-return-a {
                        width: 120px;
                        height: 32px;
                        line-height: 32px;
                        font-size: 12px
                    }
                    .products .pro-en {
                        font-size: 12px;
                        margin-bottom: 0
                    }
                    .intro-list8 .list8-item {
                        margin-bottom: 6px
                    }
                    .intro-list5 .w1200 {
                        background: #373434;
                        width: 100%;
                        height: auto;
                        padding: 30px 10px
                    }
                    .form-bg0 .feedback-close {
                        right: 15px;
                        top: 0
                    }
                    .form-bg0 .form-section {
                        height: 30px;
                        line-height: 30px
                    }
                    .intro-list5 .slide-bg {
                        height: auto !important
                    }
                    .intro-list6 .list6-left {
                        line-height: 2
                    }
                    .intro-list5 .slide-bg {
                        padding-top: 80vw;
                        background-position: left 25% top !important;
                        background-size: auto 80vw !important
                    }
                    .intro-list5 .swiper-btns-wrap4 {
                        top: 40vw
                    }
                    .intro-list7 {
                        padding-bottom: 40px !important
                    }
                    .intro-list7 .pro-hd02 {
                        display: block
                    }
                    .ajax-bg0 .feedback-close {
                        right: 6px;
                        top: 6px
                    }
                    .ajax-bg0 .swiper-btns-wrap5 .prev {
                        left: 0
                    }
                    .ajax-bg0 .swiper-btns-wrap5 .next {
                        right: 0
                    }
                    .ajax-bg0 .ajax-banner-wrap {
                        padding: 1rem 40px
                    }
                    .toBeDealer-list2 .list2-ico {
                        width: 80px;
                        height: 80px;
                        margin-bottom: 10px
                    }
                    .toBeDealer-list2 {
                        padding-bottom: 0
                    }
                    .contact-list2 {
                        padding: 40px 0
                    }
                    .contact-list2 .list2-txts {
                        padding: 20px 15px
                    }
                    .contact-list2 .list2-item {
                        flex: 0 0 100%;
                        margin-bottom: 20px
                    }
                    .contact-list2 .list2-item:nth-child(4) {
                        height: 140px
                    }
                    .contact-list2 .list2-name {
                        font-size: 16px
                    }
                    .contact-list1 .ico-wrap {
                        position: absolute;
                        width: 32px;
                        height: 32px;
                        top: 0;
                        left: 0
                    }
                    .contact-list1 .list1-top-h5 {
                        margin: 0
                    }
                    .contact-list1 .list1-top-detail {
                        padding: 0
                    }
                    .contact .list1-top-item {
                        position: relative;
                        text-align: left;
                        padding-left: 40px;
                        margin-bottom: 15px
                    }
                    .contact-list1 .list1-top-item:nth-child(2):before,
                    .contact-list1 .list1-top-item:nth-child(2):after {
                        display: none
                    }
                    .contact-list1 .list1-top-item:first-child,
                    .contact-list1 .list1-top-item:last-child,
                    .contact-list1 .list1-top-item:nth-child(2) {
                        flex: 0 0 100%
                    }
                    .recruits-list2 .recruits-a {
                        font-size: 12px;
                        line-height: 36px;
                        height: 36px
                    }
                    .recruits-list2 .para-item {
                        width: 48%;
                        flex: 0 0 48%;
                        margin-top: 6px;
                        padding-left: 0
                    }
                    .recruits-list2 .para-item:before {
                        left: 0
                    }
                    .recruits-list2 .para-item:nth-child(2n-1):before {
                        display: none
                    }
                    .train-list2 .w1280 {
                        display: block
                    }
                    .train-list2 .list2-main-item,
                    .train-list2 .hover-ico,
                    .train-list2 .item-contents {
                        position: static
                    }
                    .train-list2 .list2-main-item {
                        width: 100%;
                        margin-bottom: 20px
                    }
                    .train-list2 .hover {
                        position: static;
                        transform: translate(0)
                    }
                    .train-list2 .list2-jia {
                        display: none
                    }
                    .train-list2 .scroll-wrap,
                    .train-list2 .hover,
                    .train-list2 .list2-main-item {
                        height: auto
                    }
                    .train-list3 .list3-imgs,
                    .train-list3 .list3-txts,
                    .train-list1 .list1-right {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .train-list2 .hover {
                        width: 100%
                    }
                    .train-list2 .list2-ico {
                        margin: 0 auto 10px
                    }
                    .train-list2 .hover-line {
                        margin: 10px auto
                    }
                    .train-list1 .w200,
                    .train-list1 .w160,
                    .train-list1 .w288 {
                        flex: 0 0 48%;
                        width: 48%
                    }
                    .train-list3 .list3-imgs {
                        margin-bottom: 20px
                    }
                    .train-list2 .hover {
                        text-align: center;
                        padding-top: 0
                    }
                    .form-bg0 .form-tr {
                        font-size: 12px;
                        height: 30px;
                        line-height: 30px
                    }
                    .train-list2 .item-contents {
                        padding: 25px 15px
                    }
                    .form-bg0 .form-submit {
                        height: 32px;
                        line-height: 32px
                    }
                    .form-bg0 .form-td {
                        font-size: 12px;
                        padding-left: 48px;
                        height: 32px;
                        line-height: 30px
                    }
                    .form-bg0 .form-input {
                        height: 30px;
                        line-height: 30px
                    }
                    .form-bg0 .train-form {
                        width: 100%;
                        box-sizing: border-box
                    }
                    .form-bg0 .form-top-title {
                        font-size: 16px;
                        margin-bottom: 10px
                    }
                    .form-bg0 .form-mains {
                        width: 87.5%;
                        padding: 15px
                    }
                    .form-bg0 .form-tr {
                        margin-bottom: 8px
                    }
                    .video-list1 .video-select-left,
                    .video-list1 .video-select-right {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .video-list1 .video-select-input {
                        flex: 0 0 calc(100% - 44px);
                        width: calc(100% - 44px)
                    }
                    .video-list1 .form-section {
                        background: url(../images/sectiontop3.png) no-repeat right 0 top 10px
                    }
                    .video-list1 .form-section.cur {
                        background: url(../images/sectiontop3on.png) no-repeat right 0 top 10px
                    }
                    .video-list1 .form-section {
                        margin-bottom: 20px;
                        flex: 0 0 calc(100% - 120px);
                        width: calc(100% - 120px);
                        margin-right: 0
                    }
                    .video-list1 .video-select-left {
                        justify-content: space-between
                    }
                    .video-bg .close-img {
                        right: 0;
                        top: -32px
                    }
                    .down-list2 .down-name {
                        font-size: 14px
                    }
                    .down-list2 .down-reminds {
                        font-size: 12px
                    }
                    .recruits-list2 .recruits-info-contents {
                        padding: 15px 15px
                    }
                    .inner-banner .ban-en {
                        font-size: 20px
                    }
                    .inner-banner .ban-cn {
                        font-size: 16px
                    }
                    .dealer-list2 {
                        padding-bottom: 40px
                    }
                    .dealer-list2 .list2-textarea {
                        padding: 15px 15px 15px 30px;
                        background: url(../images/smile.png) no-repeat 6px 19px;
                        background-size: 20px !important
                    }
                    .dealer-list1 {
                        padding-bottom: 0
                    }
                    .dealer-list2 .moudle-titles3 {
                        padding-top: 0
                    }
                    .signUp-list1 .td {
                        font-size: 12px
                    }
                    .signUp-list1 .td-name {
                        padding-bottom: 8px
                    }
                    .signUp-list1 .signUp-input {
                        height: 40px;
                        line-height: 40px
                    }
                    .signUp-list1 .list1-mains {
                        padding: 0
                    }
                    .signUp .w840 {
                        padding: 40px 15px
                    }
                    .signUp-list1 .signUp-submit {
                        height: 36px;
                        line-height: 36px;
                        width: 110px;
                        font-size: 12px;
                        margin-top: 20px
                    }
                    .signUp-list1 .td-name {
                        font-size: 14px
                    }
                    .signUp-list1 .td {
                        flex: 0 0 100%;
                        width: 100%;
                        margin-bottom: 10px
                    }
                    .signIn .page-title {
                        font-weight: 36px
                    }
                    .signIn .control-btn {
                        flex: 0 0 124px;
                        width: 124px;
                        margin: 0
                    }
                    .ajax-mains2-flexBox {
                        display: block
                    }
                    .signIn .left-control-btns {
                        justify-content: space-between
                    }
                    .signIn .ajax-left {
                        display: block
                    }
                    .signIn .ewm-a {
                        flex: 0 0 100px;
                        width: 100px;
                        margin: 0 20px
                    }
                    .signIn .ajax-img {
                        flex: 0 0 100%;
                        height: auto;
                        width: 100%;
                        display: block
                    }
                    .signIn .others-down {
                        font-size: 12px;
                        padding: 0 14px 0 0;
                        height: 27px;
                        line-height: 26px;
                        display: inline-block
                    }
                    .others-down-h5 {
                        font-size: 12px
                    }
                    .signIn .pcct-ajax .ajax-right {
                        display: block
                    }
                    .others-down-h5 {
                        display: block
                    }
                    .signIn .pcct-down-a,
                    .signIn .others-down {
                        display: inline-block;
                        flex: 0 0 124px;
                        margin-right: 10px;
                        width: 124px
                    }
                    .signIn .others-down {
                        display: block
                    }
                    .signIn .pcct-down-a.ios-down {
                        margin: 0
                    }
                    .signIn .pcct-down-a {
                        height: auto
                    }
                    .others-down-h5 {
                        text-align: center
                    }
                    .signIn .pcct-down-a.ios-down {
                        margin-bottom: .7rem !important
                    }
                    .others-down-h5 {
                        padding: 0;
                        margin-left: 0;
                        line-height: 18px
                    }
                    .app-ajax .others-down-h5 {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .signIn .app-down-img {
                        margin-right: 0 !important
                    }
                    .signIn .ajax-right {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        flex: 0 0 270px !important;
                        margin-left: auto;
                        margin-right: auto;
                        width: 270px !important
                    }
                    .ajax-mains2-flexBox {}
                    .signIn .ajax-right {
                        flex-wrap: wrap;
                        justify-content: center
                    }
                    .signIn .others-down {
                        margin: 0
                    }
                    .signIn .ajax-left,
                    .signIn .ajax-right {
                        flex: 0 0 100%;
                        width: 100%;
                        height: auto
                    }
                    .signIn .signIn-submit,
                    .signIn .to-register {
                        flex: 0 0 140px;
                        width: 140px
                    }
                    .signIn .pc-block {
                        display: inline
                    }
                    .signIn .control-btn {
                        font-size: 12px
                    }
                    .signIn .left-font14 {
                        width: 100%
                    }
                    .signIn .left-mains {
                        width: 92%
                    }
                    .ajax-more1 {
                        width: 110px;
                        background: #e60039;
                        padding: 0;
                        height: 34px;
                        line-height: 34px;
                        text-align: center;
                        font-size: 12px;
                        margin-top: 40px
                    }
                    .toBeDealer-list6 .item-top {
                        padding-left: 10px
                    }
                    .toBeDealer-list5 .scroll-wrap2 {
                        margin-top: 0
                    }
                    .toBeDealer-list5 .list5-items-wrap {
                        width: 100%
                    }
                    .toBeDealer-list5 .list5-item {
                        margin-bottom: 20px;
                        flex: 0 0 calc(33% - 20px);
                        width: calc(33% - 20px)
                    }
                    .toBeDealer-list5 {
                        padding-bottom: 40px
                    }
                    .toBeDealer-list1 .list1-mains {
                        margin-top: -3rem
                    }
                    .moudle-titles3 .moudle-detail {
                        font-size: 12px;
                        line-height: 1.6
                    }
                    .toBeDealer-list1 .apply-a {
                        width: 110px;
                        height: 34px;
                        line-height: 34px;
                        font-size: 12px
                    }
                    .left-imgs-btns .btn {
                        background-size: 28px !important
                    }
                    .conProInfo-list1 .left-imgs-wrap {
                        height: 258px
                    }
                    .conProInfo-list1 .left-imgs-banner {
                        height: 174px
                    }
                    .conProInfo-list1 .swiper-slide {
                        padding: 11px 5px
                    }
                    .conProInfo-list1 .left-show-wrap {
                        flex: 0 0 240px;
                        width: 240px
                    }
                    .conProInfo-list1 .list1-key-wrap {
                        width: 100%;
                        flex: 0 0 100%
                    }
                    .moudle-titles2 {
                        padding-top: 40px
                    }
                    .specialInfo-list3 {
                        position: relative
                    }
                    .specialInfo-list3 .pro-hd03 {
                        display: block
                    }
                    .specialInfo-list7 .proInfo-titles {
                        width: 92%
                    }
                    .specialInfo-list1 .specialInfo-list1-mains {
                        height: 10rem
                    }
                    .specialInfo-list1 .points-items,
                    .specialInfo-list1 .item-cir {
                        height: 37px;
                        width: 37px;
                        background-size: 100% !important
                    }
                    .specialInfo-list1 .item-hides {
                        font-size: 10px;
                        height: 36px;
                        line-height: 36px
                    }
                    .specialInfo .list1-banner-wrap {
                        position: relative;
                        padding-bottom: 60px
                    }
                    .proInfo-titles .proInfo-h2 {
                        padding: 40px 0 10px
                    }
                    .office-list1 {
                        position: relative
                    }
                    .family-list1 .bgImg {
                        height: 48vw
                    }
                    .family-list1 .list1-txts {
                        position: static;
                        width: 100%;
                        margin: 0 auto;
                        transform: translateY(0);
                        background: none;
                        padding: 20px 15px;
                        border-bottom: 1px solid #efefef;
                        height: auto
                    }
                    .family-list1 .scroll-wrap {
                        height: auto
                    }
                    .hotel .family-list1 .moudle-titles3 .moudle-h6 {
                        font-size: 14px
                    }
                    .office-list2 .ico-wrap {
                        margin-bottom: 10px
                    }
                    .office-list2 .ico-h5 {
                        margin-bottom: 5px
                    }
                    .office-list1 .swiper-item:nth-child(2n-1) {
                        margin-bottom: 6px
                    }
                    .moudle-titles3 .moudle-detail {
                        margin-top: 4px
                    }
                    .pro-hd02 {
                        padding: 30px 0 40px
                    }
                    .solution-list1 .swiper-slide {
                        padding: 0 0 6px
                    }
                    .family-list2 .pro-name,
                    .solution-list1 .swiper-slide {
                        font-size: 14px
                    }
                    .office-list1 {
                        padding-bottom: 40px
                    }
                    .office-list2 {
                        padding: 0 0 60px;
                        position: relative
                    }
                    .office-list2 .ico-h5 {
                        font-size: 16px
                    }
                    .office-list1 .list1-h5 {
                        padding: 0 5px;
                        bottom: 5px;
                        font-size: 12px
                    }
                    .family .family-list2 .m-nav-wrap {
                        background: #fff
                    }
                    .moudle-titles3 .moudle-h5:nth-child(2) {
                        font-size: 18px
                    }
                    .family-list1 {
                        padding-bottom: 0
                    }
                    .family-hd01:after {
                        display: none
                    }
                    .family-hd01 {
                        height: auto;
                        transform: translateX(0);
                        position: static;
                        padding: 30px 0 40px
                    }
                    .family-list1 .list1-h5:after {
                        margin: 6px 0
                    }
                    .family-list1 .list1-detail {
                        font-size: 12px;
                        line-height: 20px
                    }
                    .family-list1 .list1-h5,
                    .family-list1 .list1-detail {
                        opacity: 1;
                        transform: translateY(0)
                    }
                    .family-hd01 .swiper-pagination-bullet {
                        color: transparent;
                        width: 10px !important;
                        height: 10px !important;
                        padding: 0;
                        overflow: hidden;
                        background: none !important;
                        border: 1px solid #8d8d8d;
                        margin: 0 5px
                    }
                    .family-hd01 .swiper-pagination-bullet-active {
                        border-color: #e60039
                    }
                    .family-list1 .list1-h5 {
                        font-size: 16px
                    }
                    .family-list4 .list4-right {
                        padding: 40px 0;
                        background-size: 2rem !important
                    }
                    .family-list4 .td {
                        flex: 0 0 100%;
                        margin-bottom: 20px;
                        border-bottom: 1px solid #dedede
                    }
                    .family-list4 .form-textarea {
                        border-bottom: 1px solid #dedede
                    }
                    .family-list4 .tr {
                        margin-bottom: 0;
                        border-bottom: none
                    }
                    .family-list4 .textarea-tr {
                        margin-bottom: 20px
                    }
                    .family-list4 .list4-submit {
                        margin-top: 0;
                        height: 40px;
                        line-height: 40px
                    }
                    .newsInfo {
                        padding-top: 40px;
                        padding-bottom: 0
                    }
                    .newsInfo .info-dt-wrap,
                    .newsInfo .info-bot-dl {
                        font-size: 14px
                    }
                    .newsInfo .info-title {
                        font-size: 18px
                    }
                    .newsInfo .info-bot-dl,
                    .newsInfo .info-bot-dr {
                        width: 100%
                    }
                    .newsInfo .news-return-a {
                        margin-left: auto;
                        margin-right: auto
                    }
                    .family-list2 .list2-mains1 {
                        padding-left: 0
                    }
                    .family-list2 .list2-nav-wrap {
                        position: static;
                        width: 100%;
                        margin-bottom: 20px;
                        height: auto
                    }
                    .family-list2 .pc-nav-wrap {
                        display: none
                    }
                    .family-list2 .m-nav-wrap {
                        display: block
                    }
                    .family-list2 .m-nav-wrap.flexBox {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex
                    }
                    .family-list2 .m-nav-wrap .swiper-slide {
                        font-size: 14px;
                        line-height: 24px;
                        padding: 6px 0;
                        text-align: center;
                        border-left: 1px solid #fff
                    }
                    .family-list2 .m-nav-wrap .swiper-slide:first-child {
                        border-left: none
                    }
                    .family-list2 .m-nav-wrap .swiper-slide.cur {
                        background: #e60039;
                        color: #fff
                    }
                    .family .family-list2 .m-nav-wrap .swiper-slide {
                        border-left: 1px solid #efefef
                    }
                    .family .family-list2 .m-nav-wrap .swiper-slide:first-child {
                        border-left: none
                    }
                    .family-list2 .list2-mains1 {
                        width: 100%
                    }
                    .offLine-list1 .map-img {
                        display: none !important
                    }
                    .offLine-list1 .BMap_bubble_content {
                        padding-left: 0
                    }
                    .intro-list4 .list4-banner,
                    .offLine-list1 .map-address-name,
                    .offLine-list1 .map-tele-name {
                        width: 100%
                    }
                    .intro-list32 .list32-btn {
                        text-align: center;
                        padding: 10px 0;
                        flex: 0 0 33.3%;
                        font-size: 14px
                    }
                    .intro-list32 .list32-h5-cn {
                        margin-bottom: 0
                    }
                    .intro-list32 .list32-h5-en,
                    .intro-list32 .list32-ico {
                        display: none
                    }
                    .intro-list32 .list32-right {
                        position: static;
                        height: 60vw;
                        width: 100%
                    }
                    .intro-list4 .swiper-detail {
                        padding: 10px 0
                    }
                    .intro-list32 .list32-left {
                        width: 100%;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between
                    }
                    .swiper-btns-wrap5 .btn,
                    .swiper-btns-wrap4 .btn {
                        background-size: 50% !important
                    }
                    .intro-list9 .list9-banner {
                        padding-top: 0
                    }
                    .intro-list9 .list9-banner-wrap,
                    .intro-list9 .moudle-titles3,
                    .introduce .moudle-titles3 {
                        padding-top: 40px
                    }
                    .moudle-titles3 {
                        padding: 40px 0
                    }
                    .swiper-btns-wrap5 .prev {
                        left: 0;
                        width: 4vw
                    }
                    .swiper-btns-wrap5 .next {
                        right: 0;
                        width: 4vw
                    }
                    .intro-list2 .intro-list2-box,
                    .intro-list31 .list31-item,
                    .intro-list32 .list32-btn-txts,
                    .intro-list6 .list6-left,
                    .intro-list6 .list6-img,
                    .intro-list8 .list8-img,
                    .intro-list8 .list8-right,
                    .intro-list8 .list8-item,
                    .intro-list5 .intro-list5-name,
                    .intro-list5 .slide-txts {
                        width: 100%;
                        flex: 0 0 100%
                    }
                    .intro-list5 .swiper-btns-wrap4 .prev {
                        left: 0
                    }
                    .intro-list5 .slide-bg {
                        height: 80vw
                    }
                    .intro-list5 .swiper-btns-wrap4 .next {
                        right: 0
                    }
                    .intro-list9 .swiper-slide-active {
                        transform: scale(1);
                        z-index: 1
                    }
                    .intro-list9 .list9-banner-wrap {
                        background: none
                    }
                    .intro-list8 .list8-item {
                        height: auto;
                        line-height: 32px
                    }
                    .intro-list8 .list8-item-wrap {
                        margin-right: 0 !important
                    }
                    .intro-list8 .scroll-wrap {
                        height: auto
                    }
                    .intro-list8 .right-contents {
                        height: 320px;
                        overflow: hidden
                    }
                    .intro-list8 .right-contents.cur .scroll-wrap {
                        height: 320px
                    }
                    .intro-list7 .list7-h5 {
                        padding: 0;
                        font-size: 10px;
                        line-height: 2
                    }
                    .intro-list6 .list6-left {
                        margin-top: 0;
                        margin-bottom: 20px
                    }
                    .intro-list2 {
                        padding: 2rem 0
                    }
                    .intro-list31 .list31-item {
                        margin-bottom: 20px
                    }
                    .intro-list8 .list8-img {
                        margin-bottom: 20px
                    }
                    .inner-nav-wrap1 .swiper-slide {
                        padding: 10px 0
                    }
                    .office-list3 .mCSB_inside>.mCSB_container {
                        padding-left: 15px !important
                    }
                    .office-list3 .ico-wrap {
                        width: 28px;
                        margin-bottom: 3px
                    }
                    .office-list3 .ico-item {
                        padding-top: 6px;
                        flex: 0 0 24%;
                        height: auto;
                        padding-bottom: 6px;
                        margin-right: 1%
                    }
                    .office-list3 .ico-item:nth-child(4n) {
                        margin-right: 0
                    }
                    .office-list3 .right-mains {
                        padding: 30px 10px
                    }
                    .office-list3 .item-detail {
                        font-size: 12px
                    }
                    .office-list3 .ico-item {
                        font-size: 10px
                    }
                    .moudle-titles2 .moudle-h5,
                    .moudle-titles3 .moudle-h5,
                    .offLine-list2 .form-title,
                    .offLine-list2 .form-title2,
                    .signIn .left-font36,
                    .signIn .right-font36,
                    .intro-list3 .list3-h4,
                    .intro-list5 .intro-list5-name,
                    .intro-list2 .font36,
                    .family-list4 .list4-h2 {
                        font-size: 20px
                    }
                    .family-list2 .moudle-titles3 .moudle-h5 {
                        width: 120%;
                        margin-left: -10%;
                        font-size: 18px
                    }
                    .intro-list3 .list3-h5,
                    .intro-list2 .font30 {
                        font-size: 16px
                    }
                    .proInfo-list9 .proInfo-h2:after {
                        width: 24px;
                        height: 1px;
                        margin-bottom: 0
                    }
                    .proInfo-list3 .list3-gray-call {
                        position: static;
                        margin-left: 10px
                    }
                    .proInfo-list3 .list3-red-call {
                        margin-right: 10px
                    }
                    .proInfo-list3 .proInfo-list-bg {
                        padding: 0
                    }
                    .proInfo-list3 .m-bg {
                        padding: 0 0 10rem;
                        background-size: cover !important
                    }
                    .proInfo-icos-wrap2 .icos-wrap {
                        flex: 0 0 36px;
                        width: 36px;
                        height: 36px
                    }
                    .proInfo-icos-wrap2 .icos-txts {
                        line-height: 18px
                    }
                    .proInfo-banner .pc-img {
                        height: 100vw
                    }
                    .proInfo-banner .ban-en1 {
                        margin-bottom: 20px
                    }
                    .proInfo-nav-wrap1 .swiper-slide {
                        text-align: center
                    }
                    .proInfo-banner .txts-mains {
                        width: 100%
                    }
                    .proInfo-list2 .list2-imgs {
                        width: 12rem;
                        margin: 0 auto
                    }
                    .proInfo-list1 .proInfo-list-bg {
                        padding-bottom: 5rem
                    }
                    .proInfo-banner .ban-cn2 {
                        font-size: 22px
                    }
                    .proInfo-banner .ban-cn3 {
                        letter-spacing: 3px
                    }
                    .proInfo-list2 .proInfo-list-bg {
                        padding-top: 0
                    }
                    .proInfo-list9 .pro-name {
                        font-size: 16px
                    }
                    .proInfo-banner .video-btn {
                        width: 40px;
                        height: 40px
                    }
                    .swiper-btns-wrap1 .prev {
                        left: 15px
                    }
                    .swiper-btns-wrap1 .next {
                        right: 15px
                    }
                    .proInfo-icos-wrap1 .icos-wrap {
                        margin-bottom: 0
                    }
                    .proInfo-titles .proInfo-h6 {
                        line-height: 24px
                    }
                    .proInfo-list6 .proInfo-list-bg {
                        padding: 1rem 0 3.6rem
                    }
                    .proInfo-list5 .proInfo-list-bg {
                        padding-bottom: 7rem;
                        background-color: #ebebeb
                    }
                    .proInfo-list3 .proInfo-titles,
                    .proInfo-list5 .proInfo-titles {
                        flex: 0 0 100%;
                        width: 100%
                    }
                    .products .pro-cn {
                        font-size: 12px
                    }
                    .pro-hd01 {
                        bottom: 1rem !important
                    }
                    .pro-banner .pc-img {
                        height: 100vw
                    }
                    .load-more {
                        width: 140px;
                        height: 36px;
                        padding-top: 8px;
                        border-radius: 18px
                    }
                    .search-list1 .load-more {
                        width: 120px;
                        font-size: .35rem
                    }
                    .pro-nav-wrap1 .pro-nav-banner {
                        width: 100%
                    }
                    .products .pro-item {
                        flex: 0 0 48%;
                        margin-right: 4%
                    }
                    .products .pro-item:nth-child(2n) {
                        margin-right: 0
                    }
                    .header-search-wrap {
                        width: calc(87.5% - 40px);
                        left: 6.125%;
                        margin-left: 0
                    }
                    .wel-list4 {
                        padding-bottom: 0
                    }
                    .wel-list4 .list4-h5 {
                        font-size: 15px
                    }
                    .wel-list4 .img-wrap {
                        width: 58px;
                        margin-bottom: 15px
                    }
                    .wel-list4 .list4-detail {
                        font-size: 13px;
                        margin: 7px 0 10px
                    }
                    .wel-list4 .list4-a {
                        display: inline-block;
                        width: 90px;
                        height: 30px;
                        line-height: 28px;
                        font-size: 12px;
                        border: 1px solid #d2d2d2;
                        background-position: center right 14px !important
                    }
                    .wel-list4 .list4-item {
                        flex: 0 0 38%;
                        margin-bottom: 50px
                    }
                    .wel-list3 .txts-mains {
                        opacity: 0
                    }
                    .wel-list3 .list3-ico1 {
                        height: 44px;
                        width: 44px
                    }
                    .wel-list3 .flexBox {
                        float: left;
                        width: 100%;
                        margin-bottom: 20px
                    }
                    .wel-list3 .flexBox .list3-item {
                        float: left;
                        width: 100%;
                        margin: 10px 0
                    }
                    .wel-list3 .list3-item .list3-txts {
                        height: auto;
                        display: flex;
                        display: -webkit-flex;
                        justify-content: center;
                        align-items: center;
                        flex-wrap: wrap
                    }
                    .wel-list3 .list3-item .list3-txts .list3-ico1 {
                        margin: 0 calc((100% - 44px)/2);
                        margin-top: calc((50% - 44px)/2)
                    }
                    .wel-list3 .list3-item:hover>.list3-txts .list3-ico1 {
                        margin-top: 0
                    }
                    .wel-list3 .list3-item:hover>.list3-txts .txts-mains {
                        opacity: 1
                    }
                    .wel-list3 .list3-item:before {
                        width: calc(100% - 20px);
                        height: calc(100% - 20px);
                        left: 10px;
                        top: 10px
                    }
                    .wel-list2 .list2-item {
                        flex: 0 0 87.5vw;
                        width: 87.5vw;
                        margin: 0
                    }
                    .wel-list2 .list2-item .img-wrap {
                        width: 100%;
                        height: 39vw;
                        overflow: hidden
                    }
                    .wel-list2 .list2-item .img-wrap img {
                        width: 100%;
                        height: auto!important;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto
                    }
                    .wel-list2 .list3-item {
                        flex: 0 0 100%;
                        margin-bottom: 25px
                    }
                }
                @media (max-width:768px) and (min-width:480px) {
                    .case-list1 .case-item,
                    .video-list2 .video-item,
                    .news-list1 .news-items {
                        flex: 0 0 48%;
                        margin-right: 0;
                        margin-bottom: 20px
                    }
                    .case-list1 .case-item:nth-child(2n-1),
                    .video-list2 .video-item:nth-child(2n-1),
                    .news-list1 .news-items:nth-child(2n-1) {
                        margin-right: 4%
                    }
                }
                .forget-bg0 {
                    width: 100%;
                    height: 100vh;
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    z-index: 6;
                    display: none;
                    background: rgba(0, 0, 0, 0.5)
                }
                .forget-bg0 .feedback-close {
                    position: absolute;
                    right: 12px;
                    top: 12px;
                    display: block;
                    width: 16px;
                    height: 16px;
                    cursor: pointer
                }
                .forget-bg0 .form-top-title {
                    font-size: 20px;
                    line-height: 2.5;
                    color: #000;
                    margin-bottom: 22px;
                    padding: 0 24px;
                    border-bottom: 1px solid #e5e5e5
                }
                .forget-bg0 .form-mains {
                    position: absolute;
                    background: #fff;
                    width: 420px;
                    padding-bottom: 40px;
                    height: auto;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    opacity: 0;
                    margin-left: 30px;
                    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
                }
                .forget-bg0 .form-mains.show {
                    opacity: 1;
                    margin-left: 0
                }
                .forget-bg0 .form-tr {
                    font-size: 16px;
                    line-height: 32px;
                    color: #000;
                    margin-bottom: 16px;
                    padding-left: 44px;
                    padding-right: 88px
                }
                .forget-bg0 .form-td {
                    height: 23px;
                    position: relative;
                    padding-left: 112px
                }
                .forget-bg0 .form-s0 {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: auto;
                    display: inline-block
                }
                .forget-bg0 .code-td {
                    padding-left: 70px
                }
                .forget-bg0 .form-input {
                    display: block;
                    width: 100%;
                    height: 32px;
                    background: none;
                    color: #000;
                    box-sizing: border-box;
                    border: 1px solid #e5e5e5;
                    text-indent: 5px
                }
                .forget-bg0 .input2-wrap {
                    text-align: center
                }
                .forget-bg0 .form-btn0 {
                    margin-left: 15px;
                    position: absolute;
                    display: block;
                    width: 42px;
                    text-align: center;
                    height: 24px;
                    line-height: 24px;
                    background: #e60039;
                    color: #fff;
                    left: 100%;
                    top: 0;
                    cursor: pointer;
                    font-size: 12px
                }
                .forget-bg0 .input2-wrap {
                    margin-top: 28px
                }
                .forget-bg0 .form-input2 {
                    width: 120px;
                    display: inline-block;
                    height: 32px;
                    line-height: 32px;
                    border: none;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    margin: 0 8px;
                    cursor: pointer
                }
                .forget-bg0 .form-reset {
                    background: #666
                }
                .forget-bg0 .form-submit,
                .forget-bg0 .again-btn {
                    background: #e60039
                }
                .forget-bg0 .erro-txts {
                    padding: 40px 0 0;
                    text-align: center
                }
                .forget-bg0 .erro-red,
                .forget-bg0 .sucess-red {
                    display: inline-block;
                    padding-left: 40px;
                    height: 32px;
                    line-height: 32px;
                    color: #e60039
                }
                .forget-bg0 .erro-red {
                    background: url(../images/sad.png) no-repeat left center
                }
                .forget-bg0 .sucess-red {
                    background: url(../images/smile2.png) no-repeat left center
                }
                .forget-bg0 .form-detail {
                    font-size: 14px;
                    line-height: 32px;
                    color: #333;
                    padding: 5px 0 10px
                }
                .forget-bg0 .erro-mains,
                .forget-bg0 .sucess-mains {
                    z-index: 0;
                    opacity: 0
                }
                .forget-bg0 .erro-mains.show,
                .forget-bg0 .sucess-mains.show {
                    z-index: 8;
                    opacity: 1
                }
                .forget-bg0 .form-mains1 {
                    z-index: 7
                }
                .forget-bg0 .form-mains1.zindex9 {
                    z-index: 9
                }
                .online-video-wrap {
                    z-index: 3;
                    background: #000;
                    height: calc(100% - 1.8rem - 24px)
                }
                #online-video {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%)
                }
                .onLine-list20 .list2-right {
                    overflow: hidden;
                    background: #000
                }
                .onLine-list2 .right-txts .flexBox {
                    justify-content: flex-start
                }
                .list32-right-a {
                    position: absolute;
                    right: 0;
                    display: block;
                    text-align: right;
                    font-size: 16px;
                    line-height: 24px;
                    height: 24px;
                    color: #fff;
                    padding-right: 30px;
                    bottom: 20px;
                    transition-duration: .3s
                }
                .list32-right-a:hover {
                    color: #fff;
                    transform: translateX(-6px)
                }
                @media(max-width:767px) {
                    .intro-list4 .swiper-slide:hover {
                        box-shadow: none
                    }
                    .intro-list4 .swiper-slide .swiper-year {
                        padding-top: 0
                    }
                    .intro-list4 .swiper-detail {
                        font-size: 12px;
                        line-height: 2
                    }
                    .intro-list6 .colorRed span {
                        font-size: 30px
                    }
                    .intro-list4 .swiper-slide:hover .swiper-year {
                        padding-top: 0
                    }
                    .intro-list4 .swiper-slide .swiper-line:before,
                    .intro-list4 .swiper-slide:hover .swiper-line:before {
                        background: #fff;
                        border-color: #e60039
                    }
                    .list32-right-a {
                        font-size: 12px;
                        bottom: 10px
                    }
                    .solution-list1.w1600 {
                        width: 100%;
                    }
                    .solution-list1.w1600 .moudle-titles3 {
                        width: 87.5%;
                        margin-left: auto;
                        margin-right: auto
                    }
                    .solution-list1 .img-wrap {
                        width: clac(100% - 20px)
                    }
                    .onLine-list2 .list2-right {
                        position: relative;
                        height: auto;
                        width: 100%
                    }
                    .onLine-list2 .bgImg {
                        position: static;
                        height: auto
                    }
                    .onLine-list2 .online-video-wrap {
                        position: relative;
                        height: 49vw
                    }
                    .onLine-list2 .list2-left {
                        width: 100%;
                        margin-bottom: 40px
                    }
                    .onLine-list2 .ajax-mains {
                        padding: 0
                    }
                    .onLine-list2 .toPro-more {
                        width: 110px;
                        height: 34px;
                        line-height: 32px;
                        font-size: 12px
                    }
                    .conProInfo-list1 .para-item-wrap {
                        padding-left: 0
                    }
                    .conProInfo-list1 .left-imgs-wrap {
                        left: 0
                    }
                    .yanse-tihsi {
                        position: relative;
                        left: -17%
                    }
                    .conProInfo-list1 .list1-right,
                    .conProInfo-list1 .left-ajax-btns.btn {
                        position: relative;
                        left: -20%
                    }
                }
                @media (max-width:480px) {
                    .voice-list4 .loaddings {
                        display: none
                    }
                    .onLine-list2 .item-s0 {
                        font-size: 12px
                    }
                    .onLine-list1 .item-contents {
                        padding: 5px 34px 5px 44px
                    }
                    .onLine-list1 .list1-item {
                        flex: 0 0 48%;
                        width: 48%;
                        margin-right: 4%;
                        margin-bottom: 10px
                    }
                    .onLine-list1 .list1-item:nth-child(3n) {
                        margin-right: 4%
                    }
                    .onLine-list1 .list1-item:nth-child(2n),
                    .onLine-list1 .list1-item:nth-child(6n) {
                        margin-right: 0
                    }
                    .app-list1 .list-mains {
                        padding-bottom: 260px
                    }
                    .dealer-list2 .list2-textarea {
                        border-radius: 0
                    }
                    .app-list1 .images-mains {
                        margin-top: -200px
                    }
                    .dealer-list2 .captcha-wrap {
                        width: 100%
                    }
                    .forget-bg0 .form-mains {
                        width: 92% !important
                    }
                    .forget-bg0 .form-top-title {
                        padding: 0 15px
                    }
                    .forget-bg0 .form-tr {
                        font-size: 12px
                    }
                    .forget-bg0 .form-top-title {
                        font-size: 16px
                    }
                    .forget-bg0 .form-btn0 {
                        height: 32px;
                        line-height: 32px
                    }
                    .forget-bg0 .form-input2 {
                        width: 84px;
                        font-size: 12px
                    }
                    .forget-bg0 .form-td {
                        padding-left: 88px
                    }
                    .forget-bg0 .form-tr {
                        padding-left: 15px;
                        padding-right: 73px
                    }
                    .wel-list5 .list5-section {
                        text-indent: 18px !important
                    }
                    .wel-list5 .list5-td1:before {
                        right: -12px !important
                    }
                    .inner-nav-wrap1-remind {
                        display: block
                    }
                    .train-list4 .course-h5,
                    .train-list4 .courseIntroDetail,
                    .train-list4 .course-detail {
                        font-size: 13px
                    }
                    .train-list4 .w1280 {
                        width: 94%
                    }
                    .calendar-title {
                        flex: 0 0 80px
                    }
                    .calendar-btns {
                        right: 4px
                    }
                    .calendar-title .month {
                        padding-top: 80px
                    }
                    .list4-mains .calendar-wrap {
                        height: 280px
                    }
                    .calendar .week {
                        padding: 10px 0;
                        font-size: 10px
                    }
                    .calendar ul li {
                        margin-bottom: 5px
                    }
                    .train-list4 .date {
                        margin-right: 0;
                        flex: 0 0 calc(100% - 81px);
                        width: calc(100% - 81px)
                    }
                    .case-list1 .case-txts {
                        padding: 20px 15px
                    }
                    .case-list1 .case-h5,
                    .news-list1 .news-title,
                    .video-list2 .video-name {
                        font-size: 16px
                    }
                    .case-list1 .case-detail {
                        font-size: 12px
                    }
                    .case-list1 .case-item,
                    .video-list2 .video-item,
                    .news-list1 .news-items {
                        flex: 0 0 100%;
                        margin-right: 0;
                        margin-bottom: 20px
                    }
                    .signIn .right-mains {
                        width: 87.5%;
                        padding-top: 0
                    }
                    .proInfo-titles {
                        min-width: 92%;
                        margin-left: auto;
                        margin-right: auto;
                        padding: 0 2vw 3vw
                    }
                    .proInfo-list3 .list3-red-call,
                    .proInfo-list3 .list3-gray-call,
                    .proInfo-list4 .list4-gray-call,
                    .proInfo-list4 .list4-red-call {
                        height: 34px;
                        line-height: 34px
                    }
                    .proInfo-list3 .list3-red-call {
                        margin-top: 50px
                    }
                    .proInfo-list3 .list3-gray-call {
                        margin-top: 50px;
                        margin-left: 0;
                        margin-right: 10px
                    }
                    .proInfo-list3 .list3-red-call {
                        margin-right: 0
                    }
                    .proInfo-list4 .list4-red-call,
                    .proInfo-list4 .list4-gray-call {
                        margin: 40px 1px 0
                    }
                    .proInfo-list4 .proInfo-list-bg {
                        padding-bottom: 1rem
                    }
                    .proInfo-list4 .list4-red-call {
                        margin-right: 20px
                    }
                    .proInfo-list4 .list4-img {
                        margin-top: 10px
                    }
                    .proInfo-list8 .para-item {
                        font-size: 12px;
                        margin: 0 4px;
                        width: 32px;
                        height: 32px;
                        line-height: 32px
                    }
                    .proInfo-list8 .img-btn {
                        font-size: 12px
                    }
                    .proInfo-list7 .list7-left .img100,
                    .proInfo-icos-wrap2,
                    .proInfo-list8 .left-imgs-wrap {
                        width: 100%
                    }
                    .proInfo-icos-wrap2 .icos-item {
                        flex: 0 0 100%
                    }
                    .wel-list5 .list5-td {
                        flex: 0 0 100%
                    }
                    .wel-list5 .list5-td:first-child {
                        margin-bottom: 26px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
                    }
                    .wel-list5 .list5-td,
                    .wel-list5 .tr3 .section-top,
                    .wel-list5 .tr2 .section-top {
                        padding-left: 22px
                    }
                    .wel-list5 .tr {
                        line-height: 30px
                    }
                    .wel-list5 .tr1 {
                        flex-wrap: wrap
                    }
                    .wel-list5 .left-mains {
                        width: 100%
                    }
                    .wel-list5 .list5-submit {
                        height: 44px;
                        line-height: 44px;
                        width: 230px;
                        font-size: 12px;
                        margin: 54px auto 0
                    }
                    .conProInfo-list1 .para-item {
                        font-size: 12px
                    }
                    .conProInfo-list2 .pro-en,
                    .conProInfo-list2 .pro-cn {
                        font-size: 12px;
                        margin-bottom: 2px;
                        line-height: 18px;
                        height: 18px
                    }
                }
                @media (max-width:321px) {
                    .inner-nav-wrap1 .swiper-slide {
                        font-size: 12px
                    }
                    .wel-list4 .list4-detail {
                        font-size: 12px
                    }
                    .conProInfo-list1 .left-show-wrap {
                        flex: 0 0 220px;
                        width: 220px
                    }
                    .conProInfo-list1 .left-imgs-wrap {
                        flex: 0 0 50px;
                        width: 50px;
                        height: 236px
                    }
                    .conProInfo-list1 .left-imgs-banner {
                        height: 152px
                    }
                    .conProInfo-list1 .swiper-slide {
                        padding: 13px 5px
                    }
                }
                .protocol-bg {
                    width: 100%;
                    height: 100vh;
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    background: rgba(0, 0, 0, 0.5);
                    transition-duration: .5s;
                    display: none;
                    z-index: 5
                }
                .protocol-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                    background: #e60039 !important
                }
                .protocol-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.mCSB_dragger_onDrag {
                    background: #e60039 !important
                }
                .protocol-bg .feedback-close {
                    z-index: 12;
                    position: absolute;
                    right: 30px;
                    top: 30px;
                    display: block;
                    width: 20px;
                    height: 20px;
                    cursor: pointer
                }
                .protocol-bg .protocol-mains {
                    padding: 40px;
                    position: absolute;
                    background: #fff;
                    width: 960px;
                    height: 60%;
                    transform: translate(-50%, -50%);
                    margin-left: 30px;
                    opacity: 0;
                    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
                }
                .protocol-bg .protocol-mains.show {
                    opacity: 1;
                    margin-left: 0
                }
                .protocol-bg .protocol-title {
                    font-size: 20px;
                    line-height: 40px;
                    color: #666;
                    padding: 20px 0 10px;
                    border-bottom: 1px solid #efefef;
                    text-align: center
                }
                .protocol-bg .protocol-detail {
                    font-size: 16px;
                    color: #7b7b7b;
                    line-height: 1.5;
                    height: calc(100% - 70px)
                }
                .protocol-bg .scroll-wrap {
                    height: 100%
                }
                .header-nav .nav-sub-wrap1 .sub-a {
                    /*flex:0 0 100%*/
                    ;
                    width: 100%
                }
                @media (max-width:1270px) {
                    .header-nav .nav-sub-wrap1 .sub-a {
                        flex: 0 0 50%;
                        width: 50%
                    }
                    .protocol-bg .feedback-close {
                        top: 4px;
                        right: 4px
                    }
                    .protocol-bg .protocol-h5 {
                        font-size: 18px;
                        padding: 5px 0
                    }
                    .protocol-bg .protocol-mains {
                        width: 87.5%;
                        padding: 20px
                    }
                    .protocol-bg .protocol-detail {
                        font-size: 14px;
                        height: calc(100% - 46px)
                    }
                }
                .captcha_ok {
                    position: absolute;
                    right: 12px;
                    top: 0
                }
                .wel-list5 .list5-td {
                    position: relative
                }
                .wel-list5 .list5-td:before,
                .form-bg0 .form-td:before,
                .form-bg0 .select-tr:before {
                    content: "";
                    display: block;
                    width: 10px;
                    position: absolute;
                    right: -12px;
                    top: 0;
                    height: 100%;
                    background: url(../images/must.png) no-repeat center;
                    background-size: 10px !important
                }
                .wel-list5 .list5-td.code-td:before {
                    right: -12px
                }
                .form-bg0 .code-td:before {
                    right: -12px
                }
                .wel-list5 .list5-textarea::placeHolder {
                    color: rgba(255, 255, 255, .5)
                }
                .wel-list5 .tr4,
                .wel-list5 .tr2,
                .wel-list5 .tr3,
                .form-bg0 .select-tr,
                .family-list4 .code-tr,
                .family-list4 .province-section,
                .family-list4 .textarea-tr {
                    position: relative
                }
                .wel-list5 .tr4:before,
                .wel-list5 .tr2:before,
                .wel-list5 .tr3:before,
                .form-bg0 .select-tr:before,
                .family-list4 .code-tr:before,
                .family-list4 .textarea-tr:before,
                .family-list4 .province-section:before {
                    content: "";
                    display: block;
                    width: 10px;
                    position: absolute;
                    right: -12px;
                    top: 0;
                    height: 36px;
                    background: url(../images/must.png) no-repeat center;
                    background-size: 10px !important
                }
                .wel-list5 .tr2:before,
                .wel-list5 .tr3:before {
                    right: -12px
                }
                .wel-list5 .list5-td1:before {
                    right: -6px
                }
                .form-bg0 .select-tr:before,
                .family-list4 .form-section:before {
                    right: -12px
                }
                .wel-list5 .list5-section,
                .form-bg0 .form-section,
                .family-list4 #captcha {
                    text-indent: 22px
                }
                .family-list4 select {
                    text-indent: 18px
                }
                .family-list4 .form-textarea,
                .wel-list5 .list5-textarea {
                    text-indent: 0;
                    padding-left: 22px;
                    box-sizing: border-box
                }
                .form-bg0 .form-section {
                    text-indent: 16px
                }
                .family-list4 .user-td,
                .family-list4 .tel-td {
                    position: relative;
                    padding-left: 22px
                }
                .family-list4 .user-td {
                    background: url(../images/user-input.png) no-repeat left center
                }
                .family-list4 .tel-td {
                    background: url(../images/tele-input.png) no-repeat left center
                }
                .family-list4 .user-td:before,
                .family-list4 .tel-td:before {
                    content: "";
                    display: block;
                    width: 10px;
                    position: absolute;
                    right: -12px;
                    top: 0;
                    height: 40px;
                    background: url(../images/must.png) no-repeat center;
                    background-size: 10px !important
                }
                .family-list4 .user-td:before {
                    right: 0
                }
                .family-list4 .form-textarea,
                .wel-list5 .list5-textarea {
                    box-sizing: border-box;
                    padding-right: 10px
                }
                .family-list4 .user-input,
                .family-list4 .tele-input {
                    background: none;
                    text-indent: 0
                }
                .offLine-list2 {
                    position: relative
                }
                #offLine-list2 {
                    position: absolute;
                    display: block;
                    width: 1px;
                    height: 1px;
                    opacity: 0;
                    top: -200px;
                    left: 0
                }
                .train-list3 .course-item {
                    cursor: pointer
                }
                .remind-more {
                    padding-top: 20px;
                    text-align: center;
                    font-size: 15px;
                    line-height: 30px;
                    color: #666
                }
                .remind-span {
                    display: inline-block;
                    padding: 0 7px;
                    vertical-align: top;
                    color: #333;
                    max-width: 80px
                }
                .family-list4 .form-input::placeholder,
                .family-list4 .form-textarea::placeholder {
                    color: #666
                }
                .m-nav-wrap.flexBox {
                    justify-content: flex-start
                }
                .m-nav-a0 {
                    flex: 0 0 33.3%;
                    width: 33.3%;
                    display: inline-block;
                    font-size: 14px;
                    line-height: 24px;
                    padding: 6px 0;
                    text-align: center;
                    background: #fff;
                    transition-duration: .3s;
                    border-bottom: 1px solid #f1f1f1;
                    border-right: 1px solid #f1f1f1
                }
                .m-nav-a0:first-child,
                .m-nav-a0:nth-child(2),
                .m-nav-a0:nth-child(3) {
                    border-top: 1px solid #f1f1f1
                }
                .m-nav-a0.cur {
                    background: #e60039;
                    color: #fff
                }
                .family-list4 .form-textarea::-webkit-input-placeholder {
                    color: #999
                }
                .recruits-list3 .m-img {
                    display: none
                }
                .recruits-list3 .list3-txts {
                    padding: .7rem;
                    height: auto;
                    width: 100%;
                    max-height: 100%;
                    transform: translate(-50%, -50%)
                }
                .recruits-list3 {
                    padding: 1.8rem 0
                }
                .recruits-list3 .img-wrap {
                    height: 355px
                }
                .recruits-list3 .swiper-slide {
                    position: relative;
                    color: #fff;
                    text-align: center
                }
                .recruits-list3 .ico-wrap {
                    width: 40px;
                    margin: 0 auto 20px
                }
                .recruits-list3 .list3-h5 {
                    font-size: 20px;
                    line-height: 1rem
                }
                .recruits-list3 .list3-h5:after {
                    content: "";
                    display: block;
                    width: 32px;
                    height: 1px;
                    background: #fff;
                    margin: 20px auto
                }
                .recruits-list3 .txts-mains {
                    font-size: 14px;
                    line-height: 28px;
                    transition-duration: .3s;
                    height: 0;
                    overflow: hidden
                }
                .recruits-list3 .scroll-wrap,
                .recruits-list3 .txts-mains.autoHeight {
                    height: 168px
                }
                .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
                    background-color: #b7dbf9
                }
                .white .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                    background: #fff !important
                }
                .white .mCSB_scrollTools .mCSB_draggerRail {
                    background: #fff !important
                }
                @media(min-width:768px) {
                    .onLine-list2 .m-img {
                        display: none
                    }
                }
                @media(max-width:1270px) {
                    .recruits-list3 .ico-wrap {
                        width: 30px;
                        margin-bottom: 10px
                    }
                    .recruits-list3 .list3-h5:after {
                        margin: 10px auto
                    }
                    .recruits-list3 .list3-h5 {
                        font-size: 16px;
                        line-height: 30px
                    }
                    .recruits-list3 .img-wrap {
                        height: 280px
                    }
                    .recruits-list3 .scroll-wrap,
                    .recruits-list3 .txts-mains,
                    .recruits-list3 .txts-mains.autoHeight {
                        height: 96px
                    }
                    .recruits-list3 .txts-mains {
                        font-size: 12px;
                        line-height: 24px
                    }
                }
                .submit-input,
                .submit-inputs {
                    position: relative
                }
                .submit-input.disable,
                .submit-inputs.disable {
                    background: #999 !important
                }
                .new-pro {
                    position: relative
                }
                .new-pro:after {
                    width: 40px;
                    height: 40px;
                    content: "";
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    background: url(../images/new-pro1.png);
                    background-size: 40px !important
                }
                .new-pro.cur:after,
                .new-pro:hover:after {
                    background: url(../images/new-pro1on.png)
                }
                #cnzz_stat_icon_1276754625 {
                    display: inline-block;
                    width: 50px;
                    height: 12px
                }
                #cnzz_stat_icon_1276754625 a,
                #cnzz_stat_icon_1276754625 img {
                    display: block;
                    width: 50px;
                    height: 12px
                }
                @media(max-width:1270px) {
                    .xinjiaimgdiv .pc-imgixn {
                        display: none
                    }
                    .xinjiaimgdiv .pho-imgixn {
                        display: block;
                        position: relative
                    }
                    .xinjiaimgdiv .pho-imgixn .title-xin {
                        position: absolute;
                        top: 4%;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 90%;
                        text-align: center
                    }
                    .xinjiaimgdiv .pho-imgixn .title-xin .xinname {
                        font-size: 20px;
                        line-height: 1.25
                    }
                    .xinjiaimgdiv .pho-imgixn .title-xin .xin-p {
                        font-size: 13px;
                        line-height: 24px;
                        color: #666;
                        margin-top: 6px
                    }
                }
                @keyframes rotate360 {
                    form {
                        transform: rotate(0)
                    }
                    to {
                        transform: rotate(360deg)
                    }
                }
                @keyframes cir-scale {
                    0% {
                        opacity: 1;
                        transform: translate(-50%, -50%) scale(1)
                    }
                    80% {
                        opacity: 1;
                        transform: translate(-50%, -50%) scale(1.2)
                    }
                    100% {
                        opacity: 0;
                        transform: translate(-50%, -50%) scale(1.1)
                    }
                }
                @keyframes cir-scale2 {
                    0% {
                        opacity: 0;
                        transform: scale(0.5)
                    }
                    60% {
                        opacity: 1;
                        transform: scale(1.2)
                    }
                    100% {
                        opacity: 0;
                        transform: scale(0.5)
                    }
                }
                @keyframes cir-scale3 {
                    0% {
                        opacity: 0;
                        transform: scale(0.85)
                    }
                    20% {
                        opacity: 1
                    }
                    60% {
                        opacity: 1;
                        transform: scale(1)
                    }
                    80% {
                        opacity: 1
                    }
                    100% {
                        opacity: 0;
                        transform: scale(0.85)
                    }
                }
                @keyframes cir-scale4 {
                    0% {
                        transform: scale(0.5)
                    }
                    60% {
                        transform: scale(1.2)
                    }
                    100% {
                        transform: scale(0.5)
                    }
                }
				video::-internal-media-controls-download-button {
				    display:none;
				}
				video::-webkit-media-controls-enclosure {
				    overflow:hidden;
				}
				video::-webkit-media-controls-panel {
				    width: calc(100% + 30px); 
				}