.t10 {
    font-size: 10px!important
}

.t11 {
    font-size: 11px!important
}

.t12 {
    font-size: 12px!important
}

.t13 {
    font-size: 13px!important
}

.t14 {
    font-size: 14px!important
}

.t15 {
    font-size: 15px!important
}

.t16 {
    font-size: 16px!important
}

.t17 {
    font-size: 17px!important
}

.t18 {
    font-size: 18px!important
}

.t19 {
    font-size: 19px!important
}

.t20 {
    font-size: 20px!important
}

.t21 {
    font-size: 21px!important
}

.t22 {
    font-size: 22px!important
}

.t23 {
    font-size: 23px!important
}

.t24 {
    font-size: 24px!important
}

.t25 {
    font-size: 25px!important
}

.t26 {
    font-size: 26px!important
}

.t27 {
    font-size: 27px!important
}

.t28 {
    font-size: 28px!important
}

.t29 {
    font-size: 29px!important
}

.t30 {
    font-size: 30px!important
}

.t31 {
    font-size: 31px!important
}

.t32 {
    font-size: 32px!important
}

.t33 {
    font-size: 33px!important
}

.t34 {
    font-size: 34px!important
}

.t35 {
    font-size: 35px!important
}

.t36 {
    font-size: 36px!important
}

.t37 {
    font-size: 37px!important
}

.t38 {
    font-size: 38px!important
}

.t39 {
    font-size: 39px!important
}

.t40 {
    font-size: 40px!important
}

.t41 {
    font-size: 41px!important
}

.t42 {
    font-size: 42px!important
}

.t43 {
    font-size: 43px!important
}

.t44 {
    font-size: 44px!important
}

.t45 {
    font-size: 45px!important
}

.t46 {
    font-size: 46px!important
}

.t47 {
    font-size: 47px!important
}

.t48 {
    font-size: 48px!important
}

.t49 {
    font-size: 49px!important
}

.t50 {
    font-size: 50px!important
}

.text-center {
    text-align: center
}

.fwb {
    font-weight: 700
}

* {
    margin: 0;
    padding: 0
}

html {
    font-family: Microsoft YaHei, 寰蒋闆呴粦
}

ol,
ul {
    list-style: none
}

body,
html {
    height: auto!important
}

img {
    border: none
}

input,
textarea {
    outline: none;
    border: none;
    background: none;
    outline: 0;
    -webkit-appearance: none
}

textarea {
    resize: none
}

a {
    text-decoration: none
}

@font-face {
    font-family: dincond;
    src: url(../source/font/din/font-face/DIN-BoldAlternate.eot);
    src: url(../source/font/din/font-face/DIN-BoldAlternate.eot?#iefix) format("embedded-opentype"), url(../source/font/din/font-face/DIN-BoldAlternate.woff2) format("woff2"), url(../source/font/din/font-face/DIN-BoldAlternate.woff) format("woff"), url(../source/font/din/font-face/DIN-BoldAlternate.ttf) format("truetype"), url(../source/font/din/font-face/DIN-BoldAlternate.svg#DIN-BoldAlternate) format("svg")
}

@font-face {
    font-family: DIN;
    src: url(../source/font/dincond/DINCOND-BOLDALTERNATE_0.OTF)
}

.webtop {
    width: 100%;
    height: 97px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.9791666666666665rem 0 2.083333333333333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.webtop .le {
    width: 300px;
    height: 37px
}

.webtop .le img {
    width: 100%
}

.webtop .mid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.webtop .mid .ls {
    width: 112px;
    position: relative;
    text-align: center;
    line-height: 97px
}

.webtop .mid .ls .title {
    position: relative;
    z-index: 2;
    color: #6a6a6a;
    font-size: 16px;
    display: block
}

.webtop .mid .ls:before {
    content: "";
    width: 100%;
    height: 0;
    background: #ce2c30;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.webtop .mid .ls:hover:before {
    height: 100%
}

.webtop .mid .ls:hover .title {
    color: #fff
}

.webtop .mid .ls:hover li {
    height: 54px;
    opacity: 1
}

.webtop .mid .ls ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 2;
    overflow: hidden;
    height: auto
}

.webtop .mid .ls ul li {
    height: 0;
    background: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    border-bottom: 1px solid #dadada
}

.webtop .mid .ls ul li:hover {
    background: #3c3c3c
}

.webtop .mid .ls ul li:hover a {
    color: #fff
}

.webtop .mid .ls ul li a {
    color: #6a6a6a;
    font-size: 16px;
    display: block;
    height: 54px;
    line-height: 54px
}

.webtop .mid .active .title {
    color: #fff
}

.webtop .mid .active:before {
    height: 100%
}

.webtop .ri,
.webtop .ri .jd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.webtop .ri .jd {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.webtop .ri .jd:hover img:nth-of-type(2) {
    display: block
}

.webtop .ri .jd:hover img:first-of-type,
.webtop .ri .jd img:nth-of-type(2) {
    display: none
}

.webtop .ri .tmall {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.webtop .ri .tmall:hover img:nth-of-type(2) {
    display: block
}

.webtop .ri .tmall:hover img:first-of-type,
.webtop .ri .tmall img:nth-of-type(2) {
    display: none
}

.webtop .ri .one {
    margin: 0 0 0 40px
}

.webtop .ri .three,
.webtop .ri .two {
    cursor: pointer;
    display: none
}

.webtop .ri .search,
.webtop .up {
    display: none
}

.webtop .up {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 91vh;
    left: 0;
    background: #fff;
    z-index: 40;
    border-top: 1px solid #eee;
    overflow: auto
}

.webtop .up::-webkit-scrollbar {
    width: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.webtop .up::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: red
}

.webtop .up::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eee
}

.webtop .up .ls {
    padding: 10px;
    position: relative
}

.webtop .up .ls:before {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    cursor: pointer;
    border: 4px dashed transparent;
    border-top: 4px solid #6a6a6a;
    border-bottom: none;
    position: absolute;
    top: 18px;
    right: 20px
}

.webtop .up .ls .title {
    color: #6a6a6a;
    font-size: 16px
}

.webtop .up .ls ul {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.webtop .up .ls li {
    height: 40px;
    line-height: 40px;
    margin: 5px 0
}

.webtop .up .ls li a {
    color: #6a6a6a;
    font-size: 16px;
    display: block
}

.webtop .up .ls1 {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 20px 0
}

.webtop-active {
    position: fixed;
    top: 0;
    z-index: 30;
    left: 0;
    background: #fff
}

.next-active {
    margin-top: 97px
}

.carousel {
    width: 100%;
    height: 820px;
    overflow: hidden;
    position: relative
}

.carousel_phone {
    display: none
}

.carousel img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel .pag {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.carousel .pag .swiper-pagination-bullet {
    background: #fff;
    opacity: 1
}

.carousel .pag .swiper-pagination-bullet-active {
    background: #ce2c30
}

.isearch {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    height: 83px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.isearch .le {
    color: #242424;
    font-size: 14px;
    font-weight: 700
}

.isearch .le .ls {
    color: #414141;
    font-size: 14px;
    display: inline-block;
    font-weight: 400
}

.isearch .le .ls:hover {
    color: #ce2c30
}

.isearch .ri {
    width: 400px;
    height: 44px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #bfbfbf;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6px 0 16px
}

.isearch .ri .one {
    color: #999;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.isearch .ri .two {
    background: url(../img/pcimg6.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 32px;
    height: 32px;
    margin-left: 10%
}

.iabout {
    width: 100%;
    height: 1263px;
    background: url(../img/pcimg7.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.iabout .cont {
    max-width: 1400px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.iabout .tops {
    padding-top: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.iabout .tops .one {
    width: 860px;
    height: 440px
}

.iabout .tops .two {
    width: 537px;
    height: 380px
}

.iabout .tops .two .tones {
    color: #fff;
    text-align: center;
    margin-top: 95px
}

.iabout .tops .two .tones .tone {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #bdbdbd
}

.iabout .tops .two .tones .ttwo {
    font-size: 30px;
    margin-top: 14px;
    color: #272727
}

.iabout .tops .two .then {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.iabout .tops .three {
    display: none
}

.iabout .foots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 377px
}

.iabout .foots .one {
    width: 860px;
    height: 377px;
    overflow: hidden
}

.iabout .foots .one .title {
    color: #000;
    font-size: 18px;
    margin: 80px 0 25px;
    font-weight: 700
}

.iabout .foots .one .des {
    color: #4e4e4e;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 55px;
    width: 800px
}

.iabout .foots .one .more {
    width: 34px;
    height: 25px;
    background: url(../img/pcimg11.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: inline-block
}

.iabout .foots .two {
    width: 530px;
    height: 377px;
    background: url(../img/pcimg10.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iabout .foots .two .swiper {
    width: 68%;
    overflow: hidden;
    height: 160px
}

.iabout .foots .two .title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center
}

.iabout .foots .two .des {
    color: #dbdbdb;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    line-height: 2;
    margin: 8px 0
}

.iabout .foots .two .swiper-button-prev {
    width: 16px;
    height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px;
    left: 20px;
    background: url(../img/pcimg13.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.iabout .foots .two .swiper-button-prev:hover {
    background: url(../img/pcimg119.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.iabout .foots .two .swiper-button-next {
    width: 16px;
    height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -13.5px;
    right: 20px;
    background: url(../img/pcimg12.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.iabout .foots .two .swiper-button-next:hover {
    background: url(../img/pcimg118.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.iabout .foots .two .pagination {
    position: absolute;
    bottom: 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #959595;
    font-style: italic;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iabout .foots .two .pagination .swiper-pagination-current {
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    font-family: Arial;
    margin-right: 5px
}

.iabout .foots .two .pagination .swiper-pagination-total {
    margin-left: 5px
}

.iabout .icont {
    margin-top: 120px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.0416666666666665rem
}

.iabout .icont,
.iabout .icont .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iabout .icont .ls img {
    width: 64px;
    margin-right: 12px
}

.iabout .icont .ls .one {
    color: #414141;
    font-family: Arial;
    font-size: 28px;
    font-weight: 700
}

.iabout .icont .ls .one span {
    font-size: 14px
}

.iabout .icont .ls .two {
    color: #888;
    font-size: 16px;
    font-weight: 500
}

.isell {
    width: 100%;
    height: 884px;
    position: relative
}

.isell-pc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.isell-pc img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.isell .container {
    width: 100%;
    max-width: 1200px;
    height: auto;
    padding-top: 115px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.isell .container .ones {
    text-align: center
}

.isell .container .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #fff
}

.isell .container .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #fff
}

.isell .container .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 80px
}

.isell .swiper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 760px;
    height: 300px;
    margin: 0 auto
}

.isell .swiper_phone {
    display: none
}

.isell .swiper .swiper-ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.isell .swiper .swiper-ls .one {
    font-family: DIN;
    font-size: 12px;
    text-transform: uppercase;
    color: #b9b9b9
}

.isell .swiper .swiper-ls .two {
    color: #fff;
    font-size: 24px;
    position: relative;
    font-weight: 700;
    margin: 10px 0 28px
}

.isell .swiper .swiper-ls .two:before {
    left: -80px
}

.isell .swiper .swiper-ls .two:after,
.isell .swiper .swiper-ls .two:before {
    content: "";
    width: 60px;
    height: 1px;
    background: #9f9fa0;
    position: absolute;
    top: 50%
}

.isell .swiper .swiper-ls .two:after {
    right: -80px
}

.isell .swiper .swiper-ls .three {
    color: #d4d4d4;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.isell .swiper .swiper-ls .three .mo {
    margin-right: 12px;
    margin-bottom: 20px
}

.isell .swiper .swiper-ls .four {
    color: #c02a2d;
    font-size: 16px
}

.isell .swiper .swiper-ls .four span {
    font-weight: 700;
    font-size: 18px
}

.isell .isell-button-prev {
    position: absolute;
    left: 10%;
    width: 43px;
    height: 26px;
    background: url(../img/pcimg20.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    top: 50%;
    margin-top: -13px;
    z-index: 10;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.isell .isell-button-prev:hover {
    background: url(../img/pcimg120.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.isell .isell-button-next {
    position: absolute;
    right: 10%;
    width: 43px;
    height: 26px;
    background: url(../img/pcimg21.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    top: 50%;
    margin-top: -13px;
    z-index: 10;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.isell .isell-button-next:hover {
    background: url(../img/pcimg121.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.isell .foots {
    width: 100%;
    height: 98px;
    border-top: 1px solid #59606f;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10
}

.isell .cont {
    max-width: 1400px;
    margin: 0 auto
}

.isell .cont,
.isell .cont .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.isell .cont .ls {
    width: 175px;
    height: 98px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.isell .cont .ls .one {
    color: #d3d3d3;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.isell .cont .ls .two {
    width: 20px;
    background: #c32c30
}

.isell .cont .ls .three,
.isell .cont .ls .two {
    height: 2px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.isell .cont .ls .three {
    opacity: 0;
    color: #a0a0a0;
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    text-transform: uppercase
}

.isell .cont .ls:hover {
    border-top: 2px solid #c32c30;
    border-left: 1px solid #59606f;
    border-right: 1px solid #59606f
}

.isell .cont .ls:hover .one {
    margin-top: -2px
}

.isell .cont .ls:hover .two {
    opacity: 0
}

.isell .cont .ls:hover .three,
.isell .cont .ls:hover .two {
    -webkit-transform: translateY(10);
    -moz-transform: translateY(10);
    -ms-transform: translateY(10);
    -o-transform: translateY(10);
    transform: translateY(10)
}

.isell .cont .ls:hover .three {
    opacity: 1
}

.isell .cont .active {
    width: 173px;
    border-left: 1px solid #59606f;
    border-right: 1px solid #59606f;
    border-top: 2px solid #c32c30
}

.isell .cont .active .one {
    margin-top: -2px
}

.isell .cont .active .two {
    opacity: 0
}

.isell .cont .active .three {
    opacity: 1
}

.wfoots {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #59606f;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0
}

.wfoots .cont {
    max-width: 1400px;
    margin: 0 auto
}

.wfoots .cont,
.wfoots .cont .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.wfoots .cont .ls {
    width: 100%;
    height: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.wfoots .cont .ls .one {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px
}

.wfoots .cont .ls .two {
    width: 20px;
    height: 2px;
    background: #c32c30
}

.wfoots .cont .active {
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
    border-left: 1px solid #59606f;
    border-right: 1px solid #59606f
}

.idoor {
    width: 100%;
    height: 719px;
    margin: 20px 0;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

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

.idoor-hover {
    background: url(../img/pcimg22.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 6s ease-in;
    -webkit-transition: -webkit-transform 6s ease-in;
    -o-transition: -o-transform 6s ease-in;
    -moz-transition: transform 6s ease-in, -moz-transform 6s ease-in;
    transition: transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in, -moz-transform 6s ease-in, -o-transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in
}

.idoor .cont {
    max-width: 1400px;
    margin: 0 auto;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    position: relative;
    z-index: 3
}

.idoor .cont,
.idoor .cont-pc {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.idoor .cont-pc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: absolute;
    z-index: 2
}

.idoor .cont-pc .one {
    font-size: 30px;
    margin-bottom: 14px
}

.idoor .cont-pc .two {
    font-size: 18px
}

.idoor .title .ones {
    color: #fff
}

.idoor .title .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN
}

.idoor .title .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial
}

.idoor .title .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.idoor .hen {
    width: 40px;
    height: 2px;
    background: #c32c30;
    margin-bottom: 40px;
    margin-top: 50px
}

.idoor .des {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 62px
}

.idoor .more {
    display: inline-block;
    width: 34px;
    height: 25px;
    background: url(../img/pcimg24.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.iwindow {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.iwindow .le {
    width: 49.47916666666667rem;
    height: 38.54166666666667rem;
    margin-right: 20px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.iwindow .le:hover .le-hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.iwindow .le-hover {
    background: url(../img/pcimg25.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 6s ease-in;
    -webkit-transition: -webkit-transform 6s ease-in;
    -o-transition: -o-transform 6s ease-in;
    -moz-transition: transform 6s ease-in, -moz-transform 6s ease-in;
    transition: transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in, -moz-transform 6s ease-in, -o-transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in;
    z-index: -1
}

.iwindow .le .c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iwindow .le .title {
    font-size: 30px;
    margin-bottom: 14px
}

.iwindow .le .small {
    font-size: 18px
}

.iwindow .le .tutsmall {
    width: 94%;
    margin-top: 8px;
    font-size: 16px
}

.iwindow .le .cont-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.iwindow .le .cont-show .title {
    margin-left: 2.083333333333333rem
}

.iwindow .le .cont-show .title .ones {
    color: #fff
}

.iwindow .le .cont-show .title .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN
}

.iwindow .le .cont-show .title .ones .two {
    font-size: 26px;
    margin-top: 14px;
    font-family: Arial
}

.iwindow .le .cont-show .title .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px 2.083333333333333rem
}

.iwindow .le .cont-show .hen {
    width: 40px;
    height: 2px;
    background: #c32c30;
    margin-bottom: 40px;
    margin-top: 50px;
    margin-left: 2.083333333333333rem!important;
    display: none
}

.iwindow .le .cont-show .des {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    width: 80%;
    margin: 0 auto 30px 2.083333333333333rem
}

.iwindow .le .cont-show .more {
    display: inline-block;
    width: 34px;
    height: 25px;
    background: url(../img/pcimg24.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-left: 2.083333333333333rem
}

.iwindow .ri {
    width: 49.47916666666667rem;
    height: 38.54166666666667rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iwindow .ri,
.iwindow .ri .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iwindow .ri .one {
    width: 100%;
    height: 18.75rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: relative;
    overflow: hidden
}

.iwindow .ri .one:hover .one-hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.iwindow .ri .one-hover {
    background: url(../img/pcimg26.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 6s ease-in;
    -webkit-transition: -webkit-transform 6s ease-in;
    -o-transition: -o-transform 6s ease-in;
    -moz-transition: transform 6s ease-in, -moz-transform 6s ease-in;
    transition: transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in, -moz-transform 6s ease-in, -o-transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in;
    z-index: -1
}

.iwindow .ri .one .c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iwindow .ri .one .title {
    font-size: 30px;
    margin-bottom: 14px
}

.iwindow .ri .one .small {
    font-size: 18px
}

.iwindow .ri .one .tutsmall {
    width: 94%;
    margin-top: 8px;
    font-size: 16px
}

.iwindow .ri .one .cont-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.iwindow .ri .one .cont-show .title {
    margin-left: 2.083333333333333rem
}

.iwindow .ri .one .cont-show .title .ones {
    color: #fff
}

.iwindow .ri .one .cont-show .title .ones .onezi {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN
}

.iwindow .ri .one .cont-show .title .ones .twozi {
    font-size: 26px;
    margin-top: 14px;
    font-family: Arial
}

.iwindow .ri .one .cont-show .title .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px 2.083333333333333rem
}

.iwindow .ri .one .cont-show .hen {
    width: 40px;
    height: 2px;
    background: #c32c30;
    margin-bottom: 40px;
    margin-top: 50px;
    margin-left: 2.083333333333333rem!important;
    display: none
}

.iwindow .ri .one .cont-show .des {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    width: 80%;
    margin: 0 auto 10px 2.083333333333333rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.iwindow .ri .one .cont-show .more {
    display: inline-block;
    width: 34px;
    height: 25px;
    background: url(../img/pcimg24.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-left: 2.083333333333333rem
}

.iwindow .ri .two {
    width: 100%;
    height: 18.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    overflow: hidden
}

.iwindow .ri .two:hover .two-hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.iwindow .ri .two-hover {
    background: url(../img/pcimg27.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 6s ease-in;
    -webkit-transition: -webkit-transform 6s ease-in;
    -o-transition: -o-transform 6s ease-in;
    -moz-transition: transform 6s ease-in, -moz-transform 6s ease-in;
    transition: transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in, -moz-transform 6s ease-in, -o-transform 6s ease-in;
    transition: transform 6s ease-in, -webkit-transform 6s ease-in;
    z-index: -1
}

.iwindow .ri .two .c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iwindow .ri .two .title {
    font-size: 30px;
    margin-bottom: 14px
}

.iwindow .ri .two .small {
    font-size: 18px
}

.iwindow .ri .two .tutsmall {
    width: 94%;
    margin-top: 8px;
    font-size: 16px
}

.iwindow .ri .two .cont-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.iwindow .ri .two .cont-show .title {
    margin-left: 2.083333333333333rem
}

.iwindow .ri .two .cont-show .title .ones {
    color: #fff
}

.iwindow .ri .two .cont-show .title .ones .onezi {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN
}

.iwindow .ri .two .cont-show .title .ones .twozi {
    font-size: 26px;
    margin-top: 14px;
    font-family: Arial
}

.iwindow .ri .two .cont-show .title .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px 2.083333333333333rem
}

.iwindow .ri .two .cont-show .hen {
    width: 40px;
    height: 2px;
    background: #c32c30;
    margin-bottom: 40px;
    margin-top: 50px;
    margin-left: 2.083333333333333rem!important;
    display: none
}

.iwindow .ri .two .cont-show .des {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    width: 80%;
    margin: 0 auto 10px 2.083333333333333rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.iwindow .ri .two .cont-show .more {
    display: inline-block;
    width: 34px;
    height: 25px;
    background: url(../img/pcimg24.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-left: 2.083333333333333rem
}

.ijoin {
    width: 100%;
    height: 1333px;
    background: url(../img/pcimg28.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.ijoin .cont {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    height: auto
}

.ijoin .cont .ones {
    width: 134px;
    height: 120px;
    background: url(../img/pcimg29.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin: 0 auto
}

.ijoin .cont .hen {
    margin: 50px auto 60px;
    width: 40px;
    height: 2px;
    background: #c32c30
}

.ijoin .cont .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ijoin .cont .container .le {
    width: 700px;
    height: 780px;
    background: url(../img/pcimg30.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 60px 0
}

.ijoin .cont .container .le .one {
    width: 253px;
    height: 26px;
    background: url(../img/pcimg30.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.ijoin .cont .container .le .tutone {
    text-align: left
}

.ijoin .cont .container .le .two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.ijoin .cont .container .le .two .more,
.ijoin .cont .container .le .two .title {
    color: #fff;
    font-weight: 700;
    font-size: 36px
}

.ijoin .cont .container .le .two .more {
    width: 155px;
    height: 155px;
    background: #cc3539;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ijoin .cont .container .le .three {
    color: #fff;
    font-size: 18px;
    margin-bottom: 55px;
    font-weight: 500
}

.ijoin .cont .container .le .four {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 40px
}

.ijoin .cont .container .le .five {
    text-align: center
}

.ijoin .cont .container .le .five .eone {
    color: #a9aaa9;
    font-size: 16px;
    margin-bottom: 6px
}

.ijoin .cont .container .le .five .etwo {
    color: #fff;
    font-weight: 700;
    font-family: Arial;
    font-size: 30px
}

.ijoin .cont .container .ri {
    width: 700px;
    height: 780px;
    background: url(../img/pcimg35.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 60px
}

.ijoin .cont .container .ri .ls {
    padding: 55px 0 35px;
    border-bottom: 1px solid #d9d9d9
}

.ijoin .cont .container .ri .ls .lsones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 20px
}

.ijoin .cont .container .ri .ls .lsones .one {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.ijoin .cont .container .ri .ls .lstwos {
    color: #4e4e4e;
    font-size: 16px;
    line-height: 1.7
}

.igjoin {
    width: 100%;
    height: 705px;
    background: url(../img/pcimg36.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.igjoin .cont {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 130px 0 80px;
    position: relative
}

.igjoin .cont .tutones {
    text-align: left
}

.igjoin .cont .tutones .tuttwo {
    color: #fff
}

.igjoin .cont .tutones .tutthree {
    color: #fff;
    font-size: 18px;
    margin-top: 12px
}

.igjoin .cont .tuthen {
    margin-left: 0
}

.igjoin .cont .ones {
    display: block
}

.igjoin .cont .hen {
    width: 40px;
    height: 2px;
    background: #c22c30;
    margin: 35px 0 70px
}

.igjoin .cont .swiper {
    width: 400px;
    overflow: hidden
}

.igjoin .cont .swiper .title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px
}

.igjoin .cont .swiper .des {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 1.7;
    padding-left: 2px
}

.igjoin .cont .twos {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.igjoin .cont .twos>a {
    width: 108px;
    height: 32px;
    background: #c52e32;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.igjoin-foot {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    height: 175px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.igjoin-foot .ls {
    width: 115px;
    height: 115px;
    cursor: pointer
}

.igjoin-foot .ls .ones {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 6px
}

.igjoin-foot .ls .twos {
    color: #6a6a6a;
    font-size: 16px;
    text-align: center;
    line-height: 1.7
}

.igjoin-foot .ls:hover {
    position: relative
}

.igjoin-foot .ls:hover:before {
    width: 100%
}

.igjoin-foot .ls:before {
    -webkit-transition: width .4s ease-in;
    -o-transition: width .4s ease-in;
    -moz-transition: width .4s ease-in;
    transition: width .4s ease-in;
    width: 0;
    content: "";
    height: 2px;
    bottom: -30px;
    left: 0;
    background: #c52e32;
    position: absolute
}

.igjoin-foot .active {
    position: relative
}

.igjoin-foot .active:before {
    content: "";
    width: 100%;
    height: 2px;
    bottom: -30px;
    left: 0;
    background: #c52e32;
    position: absolute
}

.igjoin-foot-swiper {
    display: none
}

.inews {
    height: 995px;
    width: 100%;
    background: url(../img/pcimg46.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.inews .cont {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 150px 0
}

.inews .phoneimg {
    display: none
}

.inews .ones {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inews .ones,
.inews .ones .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.inews .ones .list {
    margin-right: 100px
}

.inews .ones .list .ls {
    width: 90px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    color: #6a6a6a;
    font-size: 16px;
    text-align: center;
    line-height: 30px
}

.inews .ones .list .ls:not(:last-of-type) {
    margin-right: 35px
}

.inews .ones .list .active,
.inews .ones .list .ls:hover {
    background: #c52e32;
    color: #fff
}

.inews .ones .tutones {
    text-align: left
}

.inews .hen {
    width: 40px;
    height: 2px;
    background: #c52e32;
    margin: 50px 0 60px
}

.inews-phone {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 315px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    display: none
}

.inews-phone .pones {
    height: 70%
}

.inews-phone .pones img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.inews-phone .ptwos {
    height: 28%;
    margin-top: 2%
}

.inews-phone .ptwos,
.inews-phone .ptwos .l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.inews-phone .ptwos .l {
    width: 30%;
    height: 100%;
    color: #6a6a6a;
    font-size: 14px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inews-phone .ptwos .l .t {
    font-size: 24px;
    color: #454545
}

.inews-phone .ptwos .r {
    border-left: 1px solid #cfcfcf;
    width: 65%;
    height: 100%;
    padding-left: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inews-phone .ptwos .r .title {
    color: #202020;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 5px
}

.inews-phone .ptwos .r .des {
    color: #6a6a6a;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.inews-pagination {
    display: none
}

.inews-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.inews-pagination .swiper-pagination-bullet-active {
    background: #c52e32
}

.inews .swiper {
    width: 100%;
    overflow: hidden;
    height: 500px
}

.inews .swiper>.swiper-slide {
    position: relative
}

.inews .swiper .morenews .ls {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.inews .swiper .morenews-pagination,
.inews .swiper .morenews .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.inews .swiper .morenews-pagination {
    position: absolute;
    z-index: 1;
    bottom: -40px;
    left: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.inews .swiper .morenews-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    opacity: 1;
    background: #fff;
    width: 8px;
    height: 8px;
    display: block
}

.inews .swiper .morenews-pagination .swiper-pagination-bullet-active {
    border-color: #ce2c30;
    background: #ce2c30;
    width: 8px;
    height: 8px;
    display: block
}

.inews .swiper .le {
    width: 685px;
    height: 450px
}

.inews .swiper .le:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.inews .swiper .le .leone {
    width: 100%;
    height: 320px;
    overflow: hidden
}

.inews .swiper .le .leone img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform .6s ease-in;
    -webkit-transition: -webkit-transform .6s ease-in;
    -o-transition: -o-transform .6s ease-in;
    -moz-transition: transform .6s ease-in, -moz-transform .6s ease-in;
    transition: transform .6s ease-in;
    transition: transform .6s ease-in, -webkit-transform .6s ease-in, -moz-transform .6s ease-in, -o-transform .6s ease-in;
    transition: transform .6s ease-in, -webkit-transform .6s ease-in
}

.inews .swiper .le .letwo {
    height: 130px;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.inews .swiper .le .letwo .one {
    font-family: Arial;
    text-align: center
}

.inews .swiper .le .letwo .one .t {
    color: #454545;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px
}

.inews .swiper .le .letwo .one .f {
    color: #6a6a6a;
    font-size: 18px;
    font-weight: 500
}

.inews .swiper .le .letwo .two {
    width: 1px;
    height: 100%;
    background: #cfcfcf;
    margin: 0 32px
}

.inews .swiper .le .letwo .three {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.inews .swiper .le .letwo .three .title {
    color: #202020;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 6px
}

.inews .swiper .le .letwo .three .des {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 1.6;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.inews .swiper .ri {
    width: 685px;
    height: 450px;
    overflow: hidden
}

.inews .swiper .ri .ls {
    height: 130px;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.inews .swiper .ri .ls .one {
    font-family: Arial;
    text-align: center
}

.inews .swiper .ri .ls .one .t {
    color: #454545;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px
}

.inews .swiper .ri .ls .one .f {
    color: #6a6a6a;
    font-size: 18px;
    font-weight: 500
}

.inews .swiper .ri .ls .two {
    width: 1px;
    height: 100%;
    background: #cfcfcf;
    margin: 0 32px
}

.inews .swiper .ri .ls .three {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px
}

.inews .swiper .ri .ls .three .title {
    color: #202020;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 6px
}

.inews .swiper .ri .ls .three .des {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 1.6;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
}

.webfoot {
    width: 100%;
    height: 815px;
    background: url(../img/pcimg49.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding: 95px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.webfoot .cont {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto
}

.webfoot .tops {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 100px;
    border-bottom: 1px solid #4f4f4f
}

.webfoot .tops .le .one {
    margin-bottom: 24px;
    display: block
}

.webfoot .tops .le .two,
.webfoot .tops .le .two .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.webfoot .tops .le .two .ls {
    margin-right: 18px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4f4f4f;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.webfoot .tops .le .two .ls .img2 {
    display: none
}

.webfoot .tops .mid {
    font-weight: 500;
    text-align: center
}

.webfoot .tops .mid .one {
    color: #a9aaa9;
    font-size: 16px;
    margin-bottom: 4px
}

.webfoot .tops .mid .two {
    color: #f6f6f6;
    font-size: 30px;
    font-family: Arial
}

.webfoot .tops .ri {
    width: 185px
}

.webfoot .tops .ri .ls {
    display: block;
    width: 185px;
    height: 30px;
    background: #4f4f4f
}

.webfoot .tops .ri .ls:first-child {
    margin-bottom: 20px
}

.webfoot .tops .ri .ls .one {
    width: 100%;
    height: 90%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.webfoot .tops .ri .lsup {
    position: relative;
    cursor: pointer
}

.webfoot .tops .ri .lsup ul {
    position: absolute;
    width: 100%;
    height: auto;
    display: none
}

.webfoot .tops .ri .lsup ul li {
    background: #4f4f4f;
    padding: 5px 0
}

.webfoot .tops .ri .lsup ul a {
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center
}

.webfoot .mids {
    padding: 55px 0;
    border-bottom: 1px solid #4f4f4f;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.webfoot .mids,
.webfoot .mids .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.webfoot .mids .le .ls:not(:last-of-type) {
    margin-right: 125px
}

.webfoot .mids .le .ls .one {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 15px
}

.webfoot .mids .le .ls .two {
    color: #a9aaa9;
    font-size: 14px;
    margin-bottom: 15px;
    display: block
}

.webfoot .mids .le .ls .two:hover {
    color: #fff
}

.webfoot .mids .ri {
    margin-right: 40px
}

.webfoot .foots {
    margin-top: 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.webfoot .foots .le,
.webfoot .foots a {
    color: #a9aaa9;
    font-size: 14px;
    font-weight: 500
}

.webfoot .foots .le .t {
    margin-bottom: 15px
}

.webfoot .foots .le .t .ls {
    padding-right: 8px;
    position: relative
}

.webfoot .foots .le .t .ls:not(:last-of-type):before {
    content: "";
    width: 2px;
    height: 70%;
    background: #8e8f8e;
    position: absolute;
    top: 15%;
    right: -3px
}

.webfoot .foots .le .t .ls:not(:first-of-type) {
    margin-left: 8px
}

.webfoot .foots .le .t .ls:hover {
    color: #fff
}

.webfoot .foots .ri {
    color: #a9aaa9;
    font-size: 14px;
    font-weight: 500
}

.webfoot .foots .ri a:hover {
    color: #fff
}

.webfix {
    position: fixed;
    top: 50%;
    z-index: 35;
    right: 20px;
    width: 132px;
    margin-top: -250px
}

.webfix .ones {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0 auto;
    background: url(../img/pcimg60.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.webfix .twos {
    width: 2px;
    height: 30px;
    background: #000;
    margin: 0 auto
}

.webfix .threes {
    width: 100%;
    height: 395px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: url(../img/pcimg59.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 10px
}

.webfix .threes .t {
    display: block;
    margin: 30px auto 20px
}

.webfix .threes .mess {
    margin: 0 auto 10px;
    background: #d0141b;
    color: #fff
}

.webfix .threes .join,
.webfix .threes .mess {
    width: 90px;
    height: 30px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px
}

.webfix .threes .join {
    margin: 0 auto 20px;
    background: #fff;
    color: #d0141b
}

.webfix .threes .m {
    width: 90px;
    display: block;
    margin: 0 auto 20px
}

.webfix .threes .f {
    height: 75px;
    background: #d0141b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.webfix .threes .f .one {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.webfix .threes .f .two {
    font-size: 18px;
    font-weight: 700;
    font-family: Arial
}

.webfix .threes .f:before {
    content: "";
    width: 12px;
    height: 13px;
    background: url(../img/pcimg63.png) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    position: absolute
}

.webfix .fours {
    cursor: pointer;
    height: 30px;
    background: #d0141b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px
}

.rbanner {
    width: 100%;
    height: 500px;
    position: relative
}

.rbanner img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rbanner .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%!important;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rbanner .cont .tutone,
.rbanner .cont .tuttwo {
    color: #fff!important
}

.rbanner .cont .tuthen {
    margin-bottom: 0!important
}

.rcompany-search .ls {
    margin-right: 0!important
}

.rcompany-about .cont {
    position: relative
}

.rcompany-about .list {
    position: absolute;
    top: 60px;
    left: 0;
    height: 60px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rcompany-about .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rcompany-about .list .le,
.rcompany-about .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcompany-about .list .le .left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rcompany-about .list .le .left img {
    margin-right: 8px
}

.rcompany-about .list .le .right,
.rcompany-about .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rcompany-about .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcompany-about .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rcompany-about .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcompany-about .list .ri,
.rcompany-about .tops {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rcompany-about .tops {
    padding-top: 170px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.rcompany-about .tops .one {
    width: 860px;
    height: 440px
}

.rcompany-about .tops .two {
    width: 537px;
    height: 380px
}

.rcompany-about .tops .three {
    display: none
}

.rcourse {
    background: #f4f4f4;
    height: 980px
}

.rcourse .cont {
    overflow: hidden
}

.rcourse .list {
    margin-bottom: 100px;
    position: relative;
    margin-top: 60px;
    top: unset;
    left: unset
}

.rcourse .mids {
    display: block;
    margin: 0 auto 70px;
    overflow: hidden
}

.rcourse .tuttwo {
    margin-bottom: 60px
}

.rcourse .foots {
    position: relative;
    padding: 0!important;
    height: 84px!important;
    margin-bottom: 30px
}

.rcourse .foots .swiper {
    width: 78%;
    height: 50px;
    margin: 0 auto;
    overflow: hidden
}

.rcourse .foots .swiper .ls {
    height: 42px;
    border-bottom: 1px solid #c8c8c8;
    position: relative;
    cursor: pointer
}

.rcourse .foots .swiper .ls:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    bottom: -4.5px;
    background: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    margin-left: -4.5px
}

.rcourse .foots .swiper .ls .lsone {
    color: #424242;
    font-size: 24px;
    text-align: center;
    line-height: 20px
}

.rcourse .foots .swiper .active:before {
    background: #ce2c30
}

.rcourse .foots .swiper .active .lsone {
    color: #ce2c30
}

.rcourse .foots .les {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    cursor: pointer;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.rcourse .foots .les .img {
    width: 32px;
    height: 32px
}

.rcourse .foots .les .img1 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rcourse .foots .les .img2,
.rcourse .foots .les:hover .img1 {
    display: none
}

.rcourse .foots .les:hover .img2 {
    display: block
}

.rcourse .foots .ris {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    cursor: pointer;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.rcourse .foots .ris .img {
    width: 32px;
    height: 32px
}

.rcourse .foots .ris .img2 {
    display: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rcourse .foots .ris:hover .img1 {
    display: none
}

.rcourse .foots .ris:hover .img2 {
    display: block
}

.rcourse .fos {
    height: 380px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto
}

.rcourse .fos .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.rcourse .fos .swiper-slide .fosle {
    width: 700px;
    height: 380px
}

.rcourse .fos .swiper-slide .fosle img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rcourse .fos .swiper-slide .fosri {
    width: 700px;
    height: 380px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 0 0 38px
}

.rcourse .fos .swiper-slide .fosri .title {
    color: #000;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 500
}

.rcourse .fos .swiper-slide .fosri .des {
    color: #666;
    font-size: 16px;
    line-height: 1.8
}

.rhoor {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden
}

.rhoor .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rhoor .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 70px
}

.rhoor .list,
.rhoor .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rhoor .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rhoor .list .le,
.rhoor .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rhoor .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rhoor .list .le .left img {
    margin-right: 8px
}

.rhoor .list .le .right,
.rhoor .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rhoor .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rhoor .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rhoor .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rhoor-list,
.rhoor .list .ri {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rhoor-list {
    width: 100%;
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rhoor-list .ls {
    width: -webkit-calc(33.33% - 30px);
    width: -moz-calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    height: 325px;
    margin-bottom: 15px;
    background: #eee
}

.rhoor-list .ls:not(:nth-of-type(3n)) {
    margin-right: 45px
}

.rhoor-list .ls .ones {
    width: 100%;
    height: 86%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e0dede
}

.rhoor-list .ls .ones img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.rhoor-list .ls .twos {
    height: 14%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.listpages,
.rhoor-list .ls .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.listpages {
    margin: 40px 0 60px;
    height: 36px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.listpages a,
.listpages span {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ccc;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 13px;
    font-family: Arial;
    font-weight: 500;
    margin: 0 3px 6px
}

.listpages .active,
.listpages a:hover,
.listpages span:hover {
    background: #d0141b
}

.listpages .sel {
    width: 66px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    margin-bottom: 6px;
    margin-left: 12px
}

.rpro {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden
}

.rpro .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rpro .sections {
    margin: 60px 0 45px;
    width: 100%;
    height: auto
}

.rpro .sections .tops {
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    padding: 0 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff
}

.rpro .sections .tops,
.rpro .sections .tops .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rpro .sections .tops .left {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rpro .sections .tops .left img {
    margin-right: 8px
}

.rpro .sections .tops .right {
    color: #626262;
    font-size: 16px;
    cursor: pointer
}

.rpro .sections .foots {
    height: auto;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-top: none
}

.rpro .sections .foots,
.rpro .sections .foots .lists {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rpro .sections .foots .lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 42px
}

.rpro .sections .foots .lists:not(:last-of-type) {
    border-bottom: 1px solid #d3d3d3
}

.rpro .sections .foots .lists .le {
    font-size: 16px;
    font-weight: 700;
    color: #626262;
    margin-right: 55px;
    margin-top: 20px
}

.rpro .sections .foots .lists .ri {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.rpro .sections .foots .lists .ri a {
    color: #868686;
    font-size: 16px;
    font-weight: 500;
    margin-right: 25px;
    margin-bottom: 19px
}

.rpro .sections .foots .lists1 .active {
    color: #242424!important;
    position: relative
}

.rpro .sections .foots .lists1 .active:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #d0141b;
    bottom: -10px;
    left: 0;
    position: absolute
}

.rpro .sections .foots .lists2 .active {
    color: #242424!important
}

.rpro .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rpro .container .le {
    width: 72%;
    height: auto
}

.rpro .container .le .all {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpro .container .le .all .ls {
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    height: 390px;
    background: #fff;
    margin-bottom: 30px
}

.rpro .container .le .all .ls:nth-of-type(2n) {
    margin-left: 30px
}

.rpro .container .le .all .ls .ones {
    height: 80%
}

.rpro .container .le .all .ls .ones img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rpro .container .le .all .ls .twos {
    height: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rpro .container .le .all .ls .twos .title {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.rpro .container .le .all .ls .twos .des {
    color: #868686;
    font-size: 14px
}

.rpro .container .ri {
    width: 304px
}

.rpro .container .ri .tops {
    background: #fff;
    margin-bottom: 30px
}

.rpro .container .ri .tops .ones {
    height: 135px;
    background: #1d1d1d;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rpro .container .ri .tops .ones .one {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px
}

.rpro .container .ri .tops .ones .two {
    font-size: 14px
}

.rpro .container .ri .tops .ones .two span {
    font-size: 18px;
    font-weight: 700
}

.rpro .container .ri .tops .twos {
    height: 310px;
    position: relative
}

.rpro .container .ri .tops .twos .tone {
    width: 265px;
    height: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    top: -30px;
    position: absolute;
    left: 20px;
    background: #fff;
    padding: 20px 20px 0
}

.rpro .container .ri .tops .twos .tone select {
    outline: none;
    border: none;
    background: none;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer
}

.rpro .container .ri .tops .twos .tone .province {
    position: relative;
    margin-bottom: 12px
}

.rpro .container .ri .tops .twos .tone .province select {
    width: 100%;
    display: block;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rpro .container .ri .tops .twos .tone .province:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rpro .container .ri .tops .twos .tone .hetwo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rpro .container .ri .tops .twos .tone .city {
    position: relative;
    margin-bottom: 12px
}

.rpro .container .ri .tops .twos .tone .city select {
    width: 106px;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rpro .container .ri .tops .twos .tone .city:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rpro .container .ri .tops .twos .tone .aree {
    position: relative;
    margin-bottom: 12px
}

.rpro .container .ri .tops .twos .tone .aree select {
    width: 106px;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rpro .container .ri .tops .twos .tone .aree:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rpro .container .ri .tops .twos .tone .join,
.rpro .container .ri .tops .twos .tone .phone,
.rpro .container .ri .tops .twos .tone .youname {
    width: 100%;
    display: block;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rpro .container .ri .tops .twos .tone .join::-webkit-input-placeholder,
.rpro .container .ri .tops .twos .tone .phone::-webkit-input-placeholder,
.rpro .container .ri .tops .twos .tone .youname::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.rpro .container .ri .tops .twos .tone .join:-moz-placeholder,
.rpro .container .ri .tops .twos .tone .join::-moz-placeholder,
.rpro .container .ri .tops .twos .tone .phone:-moz-placeholder,
.rpro .container .ri .tops .twos .tone .phone::-moz-placeholder,
.rpro .container .ri .tops .twos .tone .youname:-moz-placeholder,
.rpro .container .ri .tops .twos .tone .youname::-moz-placeholder {
    color: #999;
    font-size: 14px
}

.rpro .container .ri .tops .twos .tone .join:-ms-input-placeholder,
.rpro .container .ri .tops .twos .tone .phone:-ms-input-placeholder,
.rpro .container .ri .tops .twos .tone .youname:-ms-input-placeholder {
    color: #999;
    font-size: 14px
}

.rpro .container .ri .tops .twos .tone .jointrue {
    background: #d0141b;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 100%
}

.rpro .container .ri .mids {
    height: auto;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 30px 24px
}

.rpro .container .ri .mids .ones {
    margin-bottom: 26px
}

.rpro .container .ri .mids .ones,
.rpro .container .ri .mids .ones .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rpro .container .ri .mids .ones .one .l {
    width: 10px;
    height: 24px;
    position: relative;
    margin-right: 10px
}

.rpro .container .ri .mids .ones .one .l:before {
    content: "";
    width: 5px;
    height: 24px;
    background: #ff8502;
    position: absolute;
    top: 0;
    left: 0
}

.rpro .container .ri .mids .ones .one .l:after {
    content: "";
    width: 5px;
    height: 24px;
    background: #e61d4c;
    position: absolute;
    top: 0;
    right: 0
}

.rpro .container .ri .mids .ones .one .r {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: unset
}

.rpro .container .ri .mids .ones .two {
    color: #929292;
    font-size: 14px
}

.rpro .container .ri .mids .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rpro .container .ri .mids .twos .one {
    width: 6px;
    height: 6px;
    background: #e3e3e3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 8px
}

.rpro .container .ri .mids .twos .two {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #5e5e5e;
    font-size: 14px
}

.rpro .container .ri .mids .twos:not(:last-of-type) {
    margin-bottom: 14px
}

.rpro .container .ri .foots {
    height: auto;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 20px 24px
}

.rpro .container .ri .foots .ones {
    margin-bottom: 26px
}

.rpro .container .ri .foots .ones,
.rpro .container .ri .foots .ones .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rpro .container .ri .foots .ones .one .l {
    width: 10px;
    height: 24px;
    position: relative;
    margin-right: 10px
}

.rpro .container .ri .foots .ones .one .l:before {
    content: "";
    width: 5px;
    height: 24px;
    background: #ff8502;
    position: absolute;
    top: 0;
    left: 0
}

.rpro .container .ri .foots .ones .one .l:after {
    content: "";
    width: 5px;
    height: 24px;
    background: #e61d4c;
    position: absolute;
    top: 0;
    right: 0
}

.rpro .container .ri .foots .ones .one .r {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: unset
}

.rpro .container .ri .foots .ones .two {
    color: #929292;
    font-size: 14px
}

.rpro .container .ri .foots .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpro .container .ri .foots .twos .ls {
    height: 40px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    background: #efefef;
    color: #5e5e5e;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px
}

.rpro .container .ri .foots .twos .ls:nth-of-type(2n) {
    margin-left: 10px
}

.rprocont-le {
    width: 72%;
    height: auto
}

.rprocont-le .contents {
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.rprocont-le-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: 60px
}

.rprocont-le-one .les {
    width: 58%;
    height: 360px
}

.rprocont-le-one .les img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rprocont-le-one .ris {
    width: 42%;
    height: 360px;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
    overflow: hidden
}

.rprocont-le-one .ris .one {
    font-size: 24px;
    color: #474443;
    font-weight: 700;
    margin: 30px 0 20px
}

.rprocont-le-one .ris .two {
    color: #474443;
    font-size: 16px;
    margin-bottom: 10px
}

.rprocont-le-one .ris .two span {
    color: #585757
}

.rprocont-le-one .ris .three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 26px
}

.rprocont-le-one .ris .three img {
    margin-right: 8px
}

.rprocont-le-one .ris .three span {
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700
}

.rprocont-le-one .ris .three_phone {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none
}

.rprocont-le-one .ris .bdsharebuttonbox {
    margin-bottom: 22px
}

.rprocont-le-one .ris .bdsharebuttonbox .bds_more {
    font-size: 16px;
    background: none;
    padding-left: 0
}

.rprocont-le-one .ris .bdsharebuttonbox a {
    margin: 0 6px 0 0
}

.rprocont-le-one .ris .four,
.rprocont-le-one .ris .four .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rprocont-le-one .ris .four .ls {
    width: 133px;
    height: 43px;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #6d6d6d;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rprocont-le-one .ris .four .ls:first-of-type {
    margin-right: 18px
}

.rprocont-le-two {
    margin-bottom: 38px
}

.rprocont-le-two img {
    max-width: 100%
}

.rprocont-le-two .tutones {
    padding-bottom: 35px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px
}

.rprocont-le-two .tutones .one {
    font-size: 36px;
    font-family: DIN;
    text-transform: uppercase;
    color: #000
}

.rprocont-le-two .tutones .two {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin: 4px 0 30px
}

.rprocont-le-two .tutones .three {
    line-height: 1.7;
    color: #474443;
    font-size: 16px
}

.rprocont-le-three {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rprocont-le-three .ls {
    color: #787878;
    font-size: 16px
}

.rprocont-le-three .ls:hover {
    color: #d0141b
}

.rprocont-ri {
    height: auto;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 20px 24px
}

.rprocont-ri .ones {
    margin-bottom: 26px
}

.rprocont-ri .ones,
.rprocont-ri .ones .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rprocont-ri .ones .one .l {
    width: 10px;
    height: 24px;
    position: relative;
    margin-right: 10px
}

.rprocont-ri .ones .one .l:before {
    content: "";
    width: 5px;
    height: 24px;
    background: #ff8502;
    position: absolute;
    top: 0;
    left: 0
}

.rprocont-ri .ones .one .l:after {
    content: "";
    width: 5px;
    height: 24px;
    background: #e61d4c;
    position: absolute;
    top: 0;
    right: 0
}

.rprocont-ri .ones .one .r {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: unset
}

.rprocont-ri .ones .two {
    color: #929292;
    font-size: 14px
}

.rprocont-ri .twos {
    display: block;
    height: auto;
    width: 100%
}

.rprocont-ri .twos:not(:last-of-type) {
    margin-bottom: 15px
}

.rprocont-ri .twos .one {
    height: 195px
}

.rprocont-ri .twos .one img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rprocont-ri .twos .two {
    height: 66px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rprocont-ri .twos .two .t {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.rprocont-ri .twos .two .f {
    color: #868686;
    font-size: 14px
}

.rjoin {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden
}

.rjoin .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rjoin .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 90px
}

.rjoin .list,
.rjoin .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rjoin .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rjoin .list .le,
.rjoin .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rjoin .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rjoin .list .le .left img {
    margin-right: 8px
}

.rjoin .list .le .right,
.rjoin .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rjoin .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rjoin .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rjoin .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rjoin-one {
    display: block;
    margin: 0 auto
}

.rjoin-hen {
    width: 40px;
    height: 2px;
    background: #cb3438;
    margin: 50px auto 60px
}

.rjoin-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px
}

.rjoin-two .le {
    width: 500px;
    height: 670px;
    background: url(../img/pcimg30.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 30px 0
}

.rjoin-two .le .one {
    display: block
}

.rjoin-two .le .two {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.7;
    margin: 8px 0 28px
}

.rjoin-two .le .three {
    color: #a9aaa9;
    font-size: 16px
}

.rjoin-two .le .four {
    color: #f6f6f6;
    font-size: 30px;
    font-family: Arial;
    font-weight: 500;
    margin: 7px 0 50px
}

.rjoin-two .le .five {
    display: block;
    width: 100%;
    height: 290px
}

.rjoin-two .ri {
    width: 700px;
    height: 670px;
    background: url(../img/pcimg35.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 60px 0
}

.rjoin-two .ri .ls {
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7
}

.rjoin-two .ri .ls .one {
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px
}

.rjoin-two .ri .ls .two {
    font-size: 16px;
    color: #4e4e4e;
    line-height: 1.9
}

.rjoin-condition {
    width: 100%;
    height: 720px;
    background: url(../img/pcimg78.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rjoin-condition .cont {
    width: 100%;
    max-width: 1200px;
    height: auto;
    padding: 140px 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rjoin-condition .ones {
    display: block
}

.rjoin-condition .hen {
    width: 40px;
    height: 2px;
    background: #c0292e;
    margin: 50px 0 42px
}

.rjoin-condition .twos {
    color: #fff;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 50px;
    font-weight: 500
}

.rjoin-condition .more {
    width: 108px;
    height: 32px;
    background: #c52e32;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    text-align: center;
    line-height: 32px
}

.rjoin-process {
    width: 100%;
    height: auto;
    padding: 100px 0 85px
}

.rjoin-process .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rjoin-process .ones {
    display: block;
    margin: 0 auto
}

.rjoin-process .hen {
    width: 40px;
    height: 2px;
    background: #c0292e;
    margin: 50px auto 60px
}

.rjoin-process .twos {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rjoin-process .twos,
.rjoin-process .twos .lsone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rjoin-process .twos .lsone {
    width: 100px;
    height: 100px;
    background: #1d1d1d;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 15px
}

.rjoin-process .twos .lstwo {
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px
}

.rjoin-process .twos .lsthree {
    color: #888;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.rjoin-support {
    width: 100%;
    height: auto;
    background: url(../img/pcimg88.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rjoin-support .cont {
    width: 100%;
    max-width: 1200px;
    height: auto;
    padding: 100px 0 70px;
    margin: 0 auto
}

.rjoin-support .ones {
    display: block;
    margin: 0 auto
}

.rjoin-support .hen {
    width: 40px;
    height: 2px;
    background: #c0292e;
    margin: 50px auto 60px
}

.rjoin-support .twos {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjoin-support .twos,
.rjoin-support .twos .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rjoin-support .twos .ls {
    width: 175px;
    height: 175px;
    background: #fff;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rjoin-support .twos .ls:nth-of-type(6),
.rjoin-support .twos .ls:nth-of-type(10) {
    margin-right: 0
}

.rjoin-support .twos .ls .one {
    font-size: 36px;
    color: #cc3539;
    font-family: Arial;
    font-weight: 700
}

.rjoin-support .twos .ls .two {
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    margin: 6px 0 5px
}

.rjoin-support .twos .ls .three {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    text-align: center
}

.rjoin-eva {
    background: #f4f4f4;
    width: 100%;
    height: auto;
    padding: 85px 0 95px
}

.rjoin-eva .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rjoin-eva .ones {
    display: block;
    margin: 0 auto
}

.rjoin-eva .hen {
    width: 40px;
    height: 2px;
    background: #c0292e;
    margin: 50px auto 60px
}

.rjoin-eva .twos {
    overflow: hidden;
    margin-bottom: 60px
}

.rjoin-eva .twos .swiper-slide {
    background: #000
}

.rjoin-eva .twos .t {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #d9d6dd;
    height: 320px;
    padding: 14px
}

.rjoin-eva .twos .t img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rjoin-eva .twos .f {
    background: #fff;
    height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 35px 0 25px;
    overflow: hidden
}

.rjoin-eva .twos .f .one {
    font-size: 16px;
    color: #202020;
    margin: 24px 0 7px
}

.rjoin-eva .twos .f .two {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 1.7;
    height: 135px;
    overflow: auto
}

.rjoin-eva .twos .f .two::-webkit-scrollbar {
    width: 2px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.rjoin-eva .twos .f .two::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: red
}

.rjoin-eva .twos .f .two::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eee
}

.rjoin-eva .twos .f .two {
    padding-right: 20px
}

.rjoin-eva .pagination {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rjoin-eva .pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #c1c1c1;
    margin: 0 5px;
    opacity: 1
}

.rjoin-eva .pagination .swiper-pagination-bullet-active {
    background: #cb3438
}

.rnews {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden
}

.rnews .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rnews .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 70px
}

.rnews .list,
.rnews .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnews .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rnews .list .le,
.rnews .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rnews .list .le .left img {
    margin-right: 8px
}

.rnews .list .le .right,
.rnews .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rnews .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rnews .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .container,
.rnews .list .ri {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnews .container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rnews .container .le {
    width: 72%;
    height: auto
}

.rnews .container .le .all {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rnews .container .le .all,
.rnews .container .le .all .ls {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnews .container .le .all .ls {
    height: 230px;
    background: #fff;
    margin-bottom: 30px
}

.rnews .container .le .all .ls .left {
    width: 305px;
    height: 230px
}

.rnews .container .le .all .ls .left img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rnews .container .le .all .ls .right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px
}

.rnews .container .le .all .ls .right .title {
    font-size: 18px;
    color: #202020;
    margin-top: 25px
}

.rnews .container .le .all .ls .right .des {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 1.8;
    margin: 10px 0 16px;
    height: 50px;
    overflow: auto
}

.rnews .container .le .all .ls .right .des::-webkit-scrollbar {
    width: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.rnews .container .le .all .ls .right .des::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: red
}

.rnews .container .le .all .ls .right .des::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eee
}

.rnews .container .le .all .ls .right .des {
    padding-right: 15px
}

.rnews .container .le .all .ls .right .times {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6a6a6a;
    margin-bottom: 24px
}

.rnews .container .le .all .ls .right .more {
    display: block;
    width: 90px;
    height: 30px;
    background: #9e9e9e;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    font-family: Arial;
    font-weight: 500
}

.rnews .container .le .all .ls:hover .more {
    background: #d0141b
}

.rnews .container .ri {
    width: 304px
}

.rnews .container .ri .tops {
    background: #fff;
    margin-bottom: 30px
}

.rnews .container .ri .tops .ones {
    height: 135px;
    background: #1d1d1d;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rnews .container .ri .tops .ones .one {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 24px
}

.rnews .container .ri .tops .ones .two {
    font-size: 14px
}

.rnews .container .ri .tops .ones .two span {
    font-size: 18px;
    font-weight: 700
}

.rnews .container .ri .tops .twos {
    height: 310px;
    position: relative
}

.rnews .container .ri .tops .twos .tone {
    width: 265px;
    height: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    top: -30px;
    position: absolute;
    left: 20px;
    background: #fff;
    padding: 20px 20px 0
}

.rnews .container .ri .tops .twos .tone select {
    outline: none;
    border: none;
    background: none;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer
}

.rnews .container .ri .tops .twos .tone .province {
    position: relative;
    margin-bottom: 12px
}

.rnews .container .ri .tops .twos .tone .province select {
    width: 100%;
    display: block;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rnews .container .ri .tops .twos .tone .province:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rnews .container .ri .tops .twos .tone .hetwo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .container .ri .tops .twos .tone .city {
    position: relative;
    margin-bottom: 12px
}

.rnews .container .ri .tops .twos .tone .city select {
    width: 106px;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rnews .container .ri .tops .twos .tone .city:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rnews .container .ri .tops .twos .tone .aree {
    position: relative;
    margin-bottom: 12px
}

.rnews .container .ri .tops .twos .tone .aree select {
    width: 106px;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    z-index: 1
}

.rnews .container .ri .tops .twos .tone .aree:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 6px
}

.rnews .container .ri .tops .twos .tone .join,
.rnews .container .ri .tops .twos .tone .phone,
.rnews .container .ri .tops .twos .tone .youname {
    width: 100%;
    display: block;
    height: 35px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rnews .container .ri .tops .twos .tone .join::-webkit-input-placeholder,
.rnews .container .ri .tops .twos .tone .phone::-webkit-input-placeholder,
.rnews .container .ri .tops .twos .tone .youname::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.rnews .container .ri .tops .twos .tone .join:-moz-placeholder,
.rnews .container .ri .tops .twos .tone .join::-moz-placeholder,
.rnews .container .ri .tops .twos .tone .phone:-moz-placeholder,
.rnews .container .ri .tops .twos .tone .phone::-moz-placeholder,
.rnews .container .ri .tops .twos .tone .youname:-moz-placeholder,
.rnews .container .ri .tops .twos .tone .youname::-moz-placeholder {
    color: #999;
    font-size: 14px
}

.rnews .container .ri .tops .twos .tone .join:-ms-input-placeholder,
.rnews .container .ri .tops .twos .tone .phone:-ms-input-placeholder,
.rnews .container .ri .tops .twos .tone .youname:-ms-input-placeholder {
    color: #999;
    font-size: 14px
}

.rnews .container .ri .tops .twos .tone .jointrue {
    background: #d0141b;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 100%
}

.rnews .container .ri .mids {
    height: auto;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 30px 24px
}

.rnews .container .ri .mids .ones {
    margin-bottom: 26px
}

.rnews .container .ri .mids .ones,
.rnews .container .ri .mids .ones .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .container .ri .mids .ones .one .l {
    width: 10px;
    height: 24px;
    position: relative;
    margin-right: 10px
}

.rnews .container .ri .mids .ones .one .l:before {
    content: "";
    width: 5px;
    height: 24px;
    background: #ff8502;
    position: absolute;
    top: 0;
    left: 0
}

.rnews .container .ri .mids .ones .one .l:after {
    content: "";
    width: 5px;
    height: 24px;
    background: #e61d4c;
    position: absolute;
    top: 0;
    right: 0
}

.rnews .container .ri .mids .ones .one .r {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: unset
}

.rnews .container .ri .mids .ones .two {
    color: #929292;
    font-size: 14px
}

.rnews .container .ri .mids .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .container .ri .mids .twos .one {
    width: 6px;
    height: 6px;
    background: #e3e3e3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 8px
}

.rnews .container .ri .mids .twos .two {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #5e5e5e;
    font-size: 14px
}

.rnews .container .ri .mids .twos:not(:last-of-type) {
    margin-bottom: 14px
}

.rnews .container .ri .foots {
    height: auto;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 20px 24px
}

.rnews .container .ri .foots .ones {
    margin-bottom: 26px
}

.rnews .container .ri .foots .ones,
.rnews .container .ri .foots .ones .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnews .container .ri .foots .ones .one .l {
    width: 10px;
    height: 24px;
    position: relative;
    margin-right: 10px
}

.rnews .container .ri .foots .ones .one .l:before {
    content: "";
    width: 5px;
    height: 24px;
    background: #ff8502;
    position: absolute;
    top: 0;
    left: 0
}

.rnews .container .ri .foots .ones .one .l:after {
    content: "";
    width: 5px;
    height: 24px;
    background: #e61d4c;
    position: absolute;
    top: 0;
    right: 0
}

.rnews .container .ri .foots .ones .one .r {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: unset
}

.rnews .container .ri .foots .ones .two {
    color: #929292;
    font-size: 14px
}

.rnews .container .ri .foots .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rnews .container .ri .foots .twos .ls {
    height: 40px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    background: #efefef;
    color: #5e5e5e;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px
}

.rnews .container .ri .foots .twos .ls:nth-of-type(2n) {
    margin-left: 10px
}

.rnewscont .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rnewscont .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 70px
}

.rnewscont .list,
.rnewscont .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnewscont .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rnewscont .list .le,
.rnewscont .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnewscont .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rnewscont .list .le .left img {
    margin-right: 8px
}

.rnewscont .list .le .right,
.rnewscont .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rnewscont .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnewscont .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rnewscont .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rnewscont-le {
    width: 72%;
    height: auto
}

.rnewscont-le .contents {
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px
}

.rnewscont-le-ones {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 32px;
    border-bottom: 1px solid #d9d9d9
}

.rnewscont-le-ones .title {
    font-size: 30px;
    color: #434144;
    font-weight: 700;
    margin-bottom: 12px
}

.rnewscont-le-ones .small-title {
    color: #787878;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnewscont-le-ones .small-title p {
    margin-right: 12px
}

.rnewscont-le-ones .bdsharebuttonbox {
    position: absolute;
    bottom: 40px;
    right: 0
}

.rnewscont-le-ones .bdsharebuttonbox .bds_more {
    font-size: 16px;
    background: none;
    padding-left: 0
}

.rnewscont-le-ones .bdsharebuttonbox a {
    margin: 0 6px 0 0
}

.rnewscont-le-contents {
    color: #787878;
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d9d9d9
}

.rnewscont-le-contents img {
    max-width: 100%!important
}

.rnewscont-le-twos {
    margin-bottom: 20px
}

.rnewscont-le-twos .ls {
    margin-bottom: 5px
}

.rnewscont-le-twos .ls a {
    font-size: 16px;
    color: #787878
}

.rnewscont-le-twos .ls a:hover {
    color: #d0141b
}

.rnewscont-le-threes {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.rnewscont-le-threes .one {
    width: 65px;
    background: #d0141b
}

.rnewscont-le-threes .more,
.rnewscont-le-threes .one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.rnewscont-le-threes .more {
    background: #1d1d1d;
    color: #fff;
    width: 150px;
    font-size: 16px
}

.rnewscont-le-threes .more span {
    margin-top: -2px
}

.rnewscont-le-fours {
    width: 100%;
    border: 1px solid #ebebeb;
    border-top: 2px solid #e61d4c
}

.rnewscont-le-fours .tops {
    background: #fafafa;
    text-align: center;
    overflow: hidden
}

.rnewscont-le-fours .tops .one {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    margin-top: 20px
}

.rnewscont-le-fours .tops .one span {
    color: #d0141b
}

.rnewscont-le-fours .tops .two {
    font-size: 20px;
    color: #333;
    margin: 8px 0 30px
}

.rnewscont-le-fours .tops .two span {
    color: #ffc119;
    font-weight: 700;
    font-size: 24px;
    display: inline-block;
    margin: 0 3px;
    letter-spacing: 1px
}

.rnewscont-le-fours .foots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnewscont-le-fours .foots .les {
    width: 50%;
    height: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 34px 20px 26px;
    font-size: 14px;
    color: #333
}

.rnewscont-le-fours .foots .les .two {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.rnewscont-le-fours .foots .les .two,
.rnewscont-le-fours .foots .les .two .r {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rnewscont-le-fours .foots .les .two .r {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rnewscont-le-fours .foots .les .two .r>div {
    width: 88px;
    height: 40px;
    position: relative
}

.rnewscont-le-fours .foots .les .two .r>div:not(:last-of-type) {
    margin-right: 4px
}

.rnewscont-le-fours .foots .les .two .r>div:before {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../img/pcimg73.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 18px;
    right: 6px
}

.rnewscont-le-fours .foots .les .two .r>div select {
    width: 88px;
    height: 40px;
    outline: none;
    background: none;
    outline: 0;
    -webkit-appearance: none;
    border: 1px solid #ddd!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    color: #999;
    font-size: 14px;
    cursor: pointer
}

.rnewscont-le-fours .foots .les .three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.rnewscont-le-fours .foots .les .three .r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    color: #999;
    font-size: 14px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px
}

.rnewscont-le-fours .foots .les .three .r::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.rnewscont-le-fours .foots .les .three .r:-moz-placeholder,
.rnewscont-le-fours .foots .les .three .r::-moz-placeholder {
    color: #999;
    font-size: 14px
}

.rnewscont-le-fours .foots .les .three .r:-ms-input-placeholder {
    color: #999;
    font-size: 14px
}

.rnewscont-le-fours .foots .les .four {
    margin-top: 15px;
    background: #db214c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: block;
    height: 50px;
    width: 100%
}

.rnewscont-le-fours .foots .ris {
    width: -webkit-calc(50% - 1px);
    width: -moz-calc(50% - 1px);
    width: calc(50% - 1px);
    height: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #ebebeb;
    padding: 20px 30px;
    overflow: hidden
}

.rnewscont-le-fours .foots .ris .ls {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 20px
}

.rnewscont-le-fours .foots .ris .ls span {
    color: #e61d4c
}

.rcall {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 60px
}

.rcall .cont {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto
}

.rcall .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 70px
}

.rcall .list,
.rcall .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rcall .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rcall .list .le,
.rcall .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcall .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rcall .list .le .left img {
    margin-right: 8px
}

.rcall .list .le .right,
.rcall .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.rcall .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcall .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rcall .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rcall .mobile {
    display: none;
}

.rcall .diannaopc {
    display: block;
}

.rcall .intro2 {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    color: #787878;
    font-size: 16px
}

.rcall .intro2 .ones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

.rcall .intro2 .ones .le {
    line-height: 1.8
}

.rcall .intro2 .ones .ri {
    width: 120px
}

.rcall .intro2 .twos {
    height: 480px;
    width: 100%
}

.rcall .intro {
    height: 762px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: url(../img/contact.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.rcall .intro .ones {
    width: 28.75%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px;
}

.rcall .intro .ones .le h3 {
    padding-top: 10px;
    font-size: 30px;
    line-height: 35px;
    color: #2b2b2b;
    white-space: pre-wrap;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

.rcall .intro .ones .le h5 {
    font-size: 26px;
    line-height: 1;
    color: #2b2b2b;
    margin-top: 20px;
}

.rcall .intro .ones .le hr {
    width: 60px;
    height: 5px;
    background-color: #d62a25;
    border: none;
    margin-top: 10px;
}

.rcall .intro .ones .le hr:nth-of-type(2) {
    background-color: #959595;
}

.rcall .intro .ones .le h6 {
    font-size: 16px;
    line-height: 1.4;
    color: #2b2b2b;
    margin-top: 20px;
}

.rcall .intro .ones .le p {
    font-size: 14px;
    line-height: 30px;
    color: #818181;
    margin-top: 20px;
    white-space: pre-wrap;
}

.footer-code {
    /* margin: 0 -17px 34px; */
    margin-top: 20px;
    font-size: 0;
    overflow: hidden
}

.footer-code .item {
    margin-bottom: 20px;
    padding: 0 17px;
    display: inline-block;
    vertical-align: top
}

.footer-code .pic {
    margin: 0 auto 6px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 0;
    text-align: center;
    /* background-color: #fff; */
    border-radius: 4px;
    overflow: hidden
}

.footer-code .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer-code h4 {
    font-size: 14px;
    color: #959595;
    font-weight: 400;
    text-align: center
}


/* .rcall .intro .ones .le p:nth-of-type(2) {
    margin-top: 131px;
} */

.rcall .intro .ones .le {
    margin-top: 0%;
    padding-left: 30%;
    line-height: 1.8
}

.rcall .intro .ones .ri {
    width: 120px
}

.rcall .intro .twos {
    width: 40%;
    height: 70%;
    margin-right: 9.9%;
    top: -2%;
}

.rgcjoin-banner {
    height: 700px
}

.rgcjoin-ones {
    width: 100%;
    height: auto;
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 100px
}

.rgcjoin-ones .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.rgcjoin-ones .list {
    height: 60px;
    width: 100%;
    margin: 60px 0 35px
}

.rgcjoin-ones .list,
.rgcjoin-ones .list .le {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rgcjoin-ones .list .le {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    background: #fff
}

.rgcjoin-ones .list .le,
.rgcjoin-ones .list .le .left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rgcjoin-ones .list .le .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #626262;
    font-size: 16px
}

.rgcjoin-ones .list .le .left img {
    margin-right: 8px
}

.rgcjoin-ones .list .le .right,
.rgcjoin-ones .list .le .right .ls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rgcjoin-ones .list .le .right .ls {
    color: #626262;
    font-size: 16px;
    padding: 0 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rgcjoin-ones .list .le .right .active {
    background: #ce2c30;
    color: #fff
}

.rgcjoin-ones .list .ri {
    background: #1d1d1d;
    width: 105px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rgcjoin-ones .list .ri,
.rgcjoin-ones .tops {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rgcjoin-ones .tops {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 40px
}

.rgcjoin-ones .tops .ones {
    width: 705px;
    height: 440px
}

.rgcjoin-ones .tops .ones img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rgcjoin-ones .tops .twos {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 375px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

.rgcjoin-ones .tops .twos .one {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 28px;
    line-height: 1.6
}

.rgcjoin-ones .tops .twos .two {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rgcjoin-ones .tops .twos .two img {
    margin-right: 5px;
    margin-top: 6px
}

.rgcjoin-ones .foots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rgcjoin-ones .foots .ls {
    width: 580px;
    height: auto
}

.rgcjoin-ones .foots .ls .ones {
    height: 377px
}

.rgcjoin-ones .foots .ls .ones img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rgcjoin-ones .foots .ls .twos {
    height: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 20px 0;
    background: #fff
}

.rgcjoin-ones .foots .ls .twos .one {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 28px
}

.rgcjoin-ones .foots .ls .twos .two {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.rgcjoin-ones .foots .ls .twos .two img {
    margin-right: 5px;
    margin-top: 6px
}

.rgcjoin-twos {
    width: 100%;
    height: 1135px;
    background: url(../img/pcimg99.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.rgcjoin-twos .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px
}

.rgcjoin-twos .ones {
    color: #fff;
    text-align: center
}

.rgcjoin-twos .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN
}

.rgcjoin-twos .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial
}

.rgcjoin-twos .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.rgcjoin-twos .twos .t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rgcjoin-twos .twos .t .ls {
    width: 600px;
    height: 595px;
    background: #fff
}

.rgcjoin-twos .twos .t .ls>div {
    border-bottom: 1px solid #dadada
}

.rgcjoin-twos .twos .t .ls .one {
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-weight: 700;
    font-size: 18px
}

.rgcjoin-twos .twos .t .ls .three,
.rgcjoin-twos .twos .t .ls .two {
    background: #f6f6f6;
    height: 145px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 0 30px;
    color: #4e4e4e;
    font-size: 16px
}

.rgcjoin-twos .twos .t .ls .three .intros,
.rgcjoin-twos .twos .t .ls .two .intros {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    float: left;
    margin-bottom: 12px
}

.rgcjoin-twos .twos .t .ls .three .intros img,
.rgcjoin-twos .twos .t .ls .two .intros img {
    margin-right: 5px
}

.rgcjoin-twos .twos .t .ls .three {
    height: 108px;
    background: #fff;
    padding-top: 22px
}

.rgcjoin-twos .twos .t .ls .four {
    height: 266px;
    background: #f6f6f6;
    padding: 30px 0 0 30px;
    color: #4e4e4e;
    font-size: 16px
}

.rgcjoin-twos .twos .t .ls .four,
.rgcjoin-twos .twos .t .ls .four .intros {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rgcjoin-twos .twos .t .ls .four .intros {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 12px
}

.rgcjoin-twos .twos .t .ls .four .intros img {
    margin-right: 5px
}

.rgcjoin-twos .twos .t .ls1 .one {
    color: #ce2c30
}

.rgcjoin-twos .twos .t .ls2 {
    width: 599px;
    border-left: 1px solid #dadada
}

.rgcjoin-twos .twos .t .ls2 .one {
    color: #000
}

.rgcjoin-twos .twos .f {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 26px 0 30px
}

.rgcjoin-twos .twos .f .one {
    font-size: 18px;
    color: #ce2c30;
    font-weight: 700;
    margin-bottom: 18px
}

.rgcjoin-twos .twos .f .more {
    width: 110px;
    height: 32px;
    background: #ce2c30;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 16px
}

.rgcjoin-threes {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px
}

.rgcjoin-threes .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px
}

.rgcjoin-threes .ones {
    text-align: center
}

.rgcjoin-threes .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #bdbdbd
}

.rgcjoin-threes .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #272727
}

.rgcjoin-threes .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.rgcjoin-threes .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rgcjoin-threes .twos .ls {
    width: 280px;
    height: 325px;
    background: #f4f4f4;
    margin-bottom: 26px
}

.rgcjoin-threes .twos .ls:not(:nth-of-type(4n)) {
    margin-right: 26px
}

.rgcjoin-threes .twos .ls .one {
    height: 160px
}

.rgcjoin-threes .twos .ls .one img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rgcjoin-threes .twos .ls .two {
    height: 165px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 20px 0
}

.rgcjoin-threes .twos .ls .two .t {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px
}

.rgcjoin-threes .twos .ls .two .f {
    font-size: 14px;
    color: #4e4e4e;
    line-height: 1.6
}

.rgcjoin-fours {
    background: url(../img/pcimg108.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 96px;
    height: 680px
}

.rgcjoin-fours .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px
}

.rgcjoin-fours .ones {
    text-align: center
}

.rgcjoin-fours .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #fff
}

.rgcjoin-fours .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #fff
}

.rgcjoin-fours .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.rgcjoin-fours .twos {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 1.9
}

.rgcjoin-fours .more {
    width: 110px;
    height: 32px;
    background: #ce2c30;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 35px auto 0
}

.rgcjoin-fives {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-bottom: 95px;
    background: #f4f4f4
}

.rgcjoin-fives .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px
}

.rgcjoin-fives .ones {
    text-align: center
}

.rgcjoin-fives .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #bdbdbd
}

.rgcjoin-fives .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #272727
}

.rgcjoin-fives .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.rgcjoin-fives .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.rgcjoin-fives .twos .le {
    width: 500px;
    height: 425px;
    background: url(../img/pcimg30.jpg) no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 48px
}

.rgcjoin-fives .twos .le .one {
    font-family: DIN;
    font-size: 36px;
    text-transform: uppercase;
    color: #a4a4a4;
    font-weight: 700;
    margin-bottom: 8px
}

.rgcjoin-fives .twos .le .two {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 65px;
    line-height: 1.5
}

.rgcjoin-fives .twos .le .three {
    color: #a9aaa9;
    font-size: 16px
}

.rgcjoin-fives .twos .le .four {
    font-family: Arial;
    color: #f6f6f6;
    font-size: 30px;
    font-weight: 500;
    margin: 8px 0 32px
}

.rgcjoin-fives .twos .le .more {
    width: 110px;
    height: 32px;
    background: #ce2c30;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    display: block
}

.rgcjoin-fives .twos .ri {
    width: 700px;
    height: 425px
}

.rgcjoin-sixs {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-bottom: 10px
}

.rgcjoin-sixs .cont {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 90px
}

.rgcjoin-sixs .ones {
    text-align: center
}

.rgcjoin-sixs .ones .one {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #bdbdbd
}

.rgcjoin-sixs .ones .two {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #272727
}

.rgcjoin-sixs .hen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 45px auto 40px
}

.rgcjoin-sixs .twos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rgcjoin-sixs .twos .ls {
    margin-bottom: 58px
}

.rgcjoin-sixs .twos .ls:not(:nth-of-type(6)) {
    margin-right: 115px
}

.rgcjoin-sixs .twos .ls:nth-of-type(10) {
    margin-right: 0
}

.rgcjoin-sixs .twos .lsone {
    width: 100px;
    height: 100px;
    background: #1d1d1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 15px
}

.rgcjoin-sixs .twos .lstwo {
    color: #414141;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px
}

.rgcjoin-sixs .twos .lsthree {
    color: #888;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.messbox {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none
}

.messbox .mess {
    width: 500px;
    height: 430px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -215px;
    left: 50%;
    margin-left: -250px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.messbox .mess .ones {
    font-size: 24px;
    color: #434144;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.messbox .mess .threes,
.messbox .mess .twos {
    display: block;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    color: #979797;
    font-size: 14px;
    border: 1px solid #bebebe;
    width: 100%;
    margin-bottom: 20px
}

.messbox .mess .threes::-webkit-input-placeholder,
.messbox .mess .twos::-webkit-input-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .threes:-moz-placeholder,
.messbox .mess .threes::-moz-placeholder,
.messbox .mess .twos:-moz-placeholder,
.messbox .mess .twos::-moz-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .threes:-ms-input-placeholder,
.messbox .mess .twos:-ms-input-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .four {
    width: 100%;
    display: block;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #979797;
    font-size: 14px;
    border: 1px solid #bebebe;
    padding: 10px 20px;
    margin-bottom: 20px
}

.messbox .mess .four::-webkit-input-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .four:-moz-placeholder,
.messbox .mess .four::-moz-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .four:-ms-input-placeholder {
    color: #979797;
    font-size: 14px
}

.messbox .mess .five {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 100%;
    height: 40px;
    background: #c02a2d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.messbox .mess .di {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 30px
}

.joinbox {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none
}

.joinbox .mess {
    width: 500px;
    height: 360px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -180px;
    left: 50%;
    margin-left: -250px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.joinbox .mess .ones {
    font-size: 24px;
    color: #434144;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.joinbox .mess .threes,
.joinbox .mess .twos {
    display: block;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    color: #979797;
    font-size: 14px;
    border: 1px solid #bebebe;
    width: 100%;
    margin-bottom: 20px
}

.joinbox .mess .threes::-webkit-input-placeholder,
.joinbox .mess .twos::-webkit-input-placeholder {
    color: #979797;
    font-size: 14px
}

.joinbox .mess .threes:-moz-placeholder,
.joinbox .mess .threes::-moz-placeholder,
.joinbox .mess .twos:-moz-placeholder,
.joinbox .mess .twos::-moz-placeholder {
    color: #979797;
    font-size: 14px
}

.joinbox .mess .threes:-ms-input-placeholder,
.joinbox .mess .twos:-ms-input-placeholder {
    color: #979797;
    font-size: 14px
}

.joinbox .mess .province3 {
    float: left;
    width: 48%;
    height: 40px;
    position: relative
}

.joinbox .mess .province3 select {
    display: block;
    height: 40px;
    border: 1px solid #bebebe;
    width: 100%;
    color: #979797;
    font-size: 14px;
    background: #fff
}

.joinbox .mess .city3 {
    float: right;
    width: 48%;
    height: 40px;
    position: relative
}

.joinbox .mess .city3 select {
    display: block;
    height: 40px;
    border: 1px solid #bebebe;
    width: 100%;
    color: #979797;
    font-size: 14px;
    background: #fff
}

.joinbox .mess .area3 {
    display: none
}

.joinbox .mess .five {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 100%;
    height: 40px;
    background: #c02a2d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 80px;
    clear: both
}

.joinbox .mess .di {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 30px
}

.tutfont {
    background: none!important;
    height: auto!important;
    width: 100%!important
}

.tutfont .tutones {
    color: #fff;
    text-align: center
}

.tutfont .tutones .tutone {
    font-size: 36px;
    text-transform: uppercase;
    font-family: DIN;
    color: #bdbdbd
}

.tutfont .tutones .tuttwo {
    font-size: 30px;
    margin-top: 14px;
    font-family: Arial;
    color: #272727
}

.tutfont .tuthen {
    width: 40px;
    height: 2px;
    background: #c32d31;
    margin: 50px auto 60px
}

.customer-service {
    position: fixed;
    right: 20px;
    bottom: 20%;
    width: auto;
    height: auto;
    z-index: 99
}

.customer-service .close-btn {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    cursor: pointer;
    background: url(../img/pcimg116.png) #000 no-repeat 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    width: 30px;
    height: 30px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 30px;
    position: relative
}

.customer-service .close-btn.rota {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 50%;
    margin: -15px 0 0
}

.customer-service .close-btn.rota:after {
    display: none
}

.customer-service .close-btn:hover {
    background: url(../img/pcimg116.png) #d0141b no-repeat 50%
}

.customer-service .close-btn.rota:hover {
    border: 1px solid #fff
}

.customer-service .content:before {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background: #000;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -1px
}

.customer-service .content {
    position: relative;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    background: url(../img/pcimg117.png) #000 no-repeat 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 30px
}

.customer-service .content>img {
    display: block;
    margin: 0 auto
}

.customer-service .content>img:first-of-type {
    margin-bottom: 10px
}

.customer-service .content a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: #fff;
    color: #d0141b;
    display: block;
    width: 90px;
    height: 28px;
    text-align: center;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    line-height: 28px;
    font-size: 14px;
    margin: 0 auto
}

.customer-service .content a:hover {
    background: #d0141b;
    color: #fff
}

.customer-service .content .consult {
    margin-bottom: 10px
}

.customer-service .content .join {
    margin-bottom: 20px
}

.customer-service .content>img:last-of-type {
    margin-bottom: 20px;
    width: 100px
}

.customer-service .content .phone {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #d0141b;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 20px 10px;
    line-height: 2;
    position: relative
}

.customer-service .content .phone:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    margin-left: -8px;
    left: 50%
}

.customer-service .content .phone b {
    font-size: 18px
}

.customer-service .content p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 700
}

.customer-service .go-top {
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 10px 42px;
    background: #d0141b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.sear {
    position: fixed;
    top: 0;
    left: 0;
    background: #313131;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 50
}

.sear-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.sear .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px
}

.sear .inputone {
    width: 80%;
    height: 40px;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px
}

.sear .inputtwo {
    width: 80%;
    height: 40px;
    background: #434144;
    color: #fff;
    font-size: 16px;
    margin-bottom: 60px
}

.sear .close {
    cursor: pointer
}

.webfixed {
    position: fixed;
    top: 254px;
    right: 10px;
    z-index: 10;
    display: none
}

.webfixed .ls {
    width: 85px;
    height: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #c4c4c4;
    font-size: 12px;
    cursor: pointer
}

.webfixed .ls .img2 {
    display: none
}

.webfixed .ls .title {
    margin-top: 8px
}

.webfixed .ls1 {
    position: relative
}

.webfixed .ls1 .tel {
    width: 125px;
    height: 84px;
    background: #101012;
    position: absolute;
    top: 0;
    left: -125px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 84px;
    display: none
}

.webfixed .ls1:hover .tel {
    display: block
}

.webfixed .ls2 {
    position: relative
}

.webfixed .ls2 .erweima {
    width: 200px;
    height: 200px;
    position: absolute;
    top: -57.5px;
    left: -220px;
    display: none
}

.webfixed .ls2:hover .erweima {
    display: block
}

.newnav,
.webfixed .gotop {
    display: none
}

.newnav {
    width: 100%;
    height: auto;
    padding-bottom: 20px
}

.newnav .tops {
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    border-top: 1px solid #bdbdbd;
    color: #434144;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #bdbdbd
}

.newnav .tops-active .img1,
.newnav .tops .img2 {
    display: none
}

.newnav .tops-active .img2 {
    display: block
}

.newnav .foots {
    height: auto;
    display: none;
    background: #fff
}

.newnav .foots a {
    height: 45px;
    color: #434144;
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #bdbdbd
}

.newlist {
    width: 100%;
    height: auto;
    display: none;
    padding-bottom: 20px;
    background: #f4f4f4
}

.newlist .tops {
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    border-top: 1px solid #bdbdbd;
    color: #434144;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #bdbdbd
}

.newlist-f {
    display: none;
    background: #f4f4f4
}

.newlist-f .conts {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-bottom: none
}

.newlist-f .conts .container {
    height: auto;
    border-bottom: 1px solid #d3d3d3
}

.newlist-f .conts .container .ones {
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newlist-f .conts .container .ones p {
    color: #6a6a6a;
    font-size: 14px;
    margin-right: 4px
}

.newlist-f .conts .container .ones .img2 {
    display: none
}

.newlist-f .conts .container .ones-active {
    background: #d0141b
}

.newlist-f .conts .container .ones-active p {
    color: #fff
}

.newlist-f .conts .container .ones-active .img1 {
    display: none
}

.newlist-f .conts .container .ones-active .img2 {
    display: block
}

.newlist-f .conts .container .twos {
    padding: 8px 0;
    height: auto;
    display: none
}

.newlist-f .conts .container .twos a {
    display: block;
    padding: 8px 0;
    color: #6a6a6a;
    font-size: 14px;
    text-align: center
}

.input-page {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 50px
}

@media(max-width:768px) {
    .webtop {
        height: 60px
    }
    .webtop .le {
        width: 200px;
        height: auto
    }
    .webtop .ri .jd,
    .webtop .ri .tmall {
        display: none
    }
    .webtop .ri .search {
        display: block;
        margin-right: 5px
    }
    .next-active {
        margin-top: 60px
    }
    .carousel {
        height: 90vh
    }
    .isearch {
        height: auto;
        margin: 10px 0;
        display: none
    }
    .isearch .ri {
        height: 35px
    }
    .isearch .le {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 8px
    }
    .isearch .ri .two {
        width: 28px;
        height: 28px
    }
    .iabout {
        background: none
    }
    .iabout .tops {
        padding: 0 10px!important
    }
    .iabout .tops .two .tones {
        margin-top: 20px
    }
    .iabout .tops .two .tones .tone {
        font-size: 28px
    }
    .iabout .tops .two .tones .ttwo {
        font-size: 18px
    }
    .iabout .tops .two .then {
        margin: 10px auto
    }
    .iabout .foots {
        padding: 0 10px!important
    }
    .iabout .foots .one {
        margin-bottom: 0!important
    }
    .iabout .foots .one .title {
        margin: 30px 0 20px!important
    }
    .iabout .foots .one .des {
        font-size: 14px;
        line-height: 1.7!important
    }
    .iabout .foots .one .des,
    .iabout .foots .one .more {
        margin-bottom: 20px!important
    }
    .iabout .foots .two {
        margin-bottom: 30px;
        background: #fff;
        -webkit-box-shadow: -1px 1px 16px 2px #eee;
        -moz-box-shadow: -1px 1px 16px 2px #eee;
        box-shadow: -1px 1px 16px 2px #eee;
        height: 280px!important
    }
    .iabout .foots .two .des,
    .iabout .foots .two .pagination .swiper-pagination-current,
    .iabout .foots .two .title {
        color: #000
    }
    .iabout .foots .two .swiper {
        width: 90%
    }
    .iabout .foots .two .swiper-pagination-total {
        font-size: 14px
    }
    .iabout .foots .two .swiper .des {
        font-size: 12px
    }
    .iabout .foots .two .swiper-button-next,
    .iabout .foots .two .swiper-button-prev,
    .isell-pc {
        display: none
    }
    .isell {
        height: auto;
        background: #fff;
        -webkit-box-shadow: -1px 1px 16px 2px #eee;
        -moz-box-shadow: -1px 1px 16px 2px #eee;
        box-shadow: -1px 1px 16px 2px #eee;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 65px
    }
    .isell .container {
        padding-top: 50px
    }
    .isell .container .ones .one,
    .isell .container .ones .two {
        color: #000
    }
    .isell .swiper {
        width: 94%;
        margin: 0 auto;
        height: 400px
    }
    .isell .swiper .swiper-ls {
        display: block;
        text-align: center
    }
    .isell .swiper .swiper-ls .one {
        color: #000
    }
    .isell .swiper .swiper-ls .two {
        font-size: 22px;
        color: rgba(0, 0, 0, .93333)
    }
    .isell .swiper .swiper-ls .two:after,
    .isell .swiper .swiper-ls .two:before {
        display: none
    }
    .isell .swiper .swiper-ls .three {
        display: block
    }
    .isell .swiper .swiper-ls .three .mo {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 8px;
        color: #666
    }
    .isell .container .ones .one {
        font-size: 26px
    }
    .isell .container .ones .two {
        font-size: 16px
    }
    .isell .container .hen {
        margin: 25px auto 20px
    }
    .isell .swiper {
        height: auto;
        display: none
    }
    .isell .isell-button-next,
    .isell .isell-button-prev {
        display: none
    }
    .wfoots {
        height: 50px
    }
    .wfoots .ls {
        height: 50px!important
    }
    .wfoots .ls .one {
        margin-bottom: 8px!important;
        color: #666!important
    }
    .wfoots .cont .ls .one {
        font-size: 12px
    }
    .idoor {
        padding: 10px 0;
        height: 200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .idoor .title .ones .one {
        font-size: 28px
    }
    .idoor .title .ones .two {
        font-size: 18px
    }
    .idoor .title .hen {
        margin: 25px auto 20px
    }
    .idoor .hen {
        margin: 20px 0
    }
    .idoor .des {
        font-size: 14px;
        display: none
    }
    .iwindow {
        display: block
    }
    .iwindow .le {
        width: 100%;
        display: block;
        height: 200px;
        margin-bottom: 20px
    }
    .iwindow .ri {
        display: block;
        width: 100%;
        height: auto
    }
    .iwindow .ri>a {
        height: 200px!important;
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    .iwindow .ri .two {
        margin-bottom: 0
    }
    .iwindow .le .title {
        font-size: 24px
    }
    .iwindow .le .small {
        font-size: 16px
    }
    .iwindow .le .tutsmall {
        font-size: 14px;
        display: none
    }
    .iwindow .le .cont-show .title .ones .one {
        font-size: 28px
    }
    .iwindow .le .cont-show .title .ones .two {
        font-size: 18px
    }
    .iwindow .le .cont-show .title .hen {
        margin: 25px auto 2.083333333333333rem
    }
    .iwindow .le .cont-show .hen {
        margin: 20px 0
    }
    .iwindow .le .cont-show .des {
        font-size: 14px;
        display: none
    }
    .iwindow .ri .one .title {
        font-size: 24px
    }
    .iwindow .ri .one .small {
        font-size: 16px
    }
    .iwindow .ri .one .tutsmall {
        font-size: 14px;
        display: none
    }
    .iwindow .ri .one .cont-show .title .ones .onezi {
        font-size: 28px
    }
    .iwindow .ri .one .cont-show .title .ones .twozi {
        font-size: 18px
    }
    .iwindow .ri .one .cont-show .title .hen {
        margin: 25px auto 2.083333333333333rem
    }
    .iwindow .ri .one .cont-show .hen {
        margin: 20px 0;
        display: block
    }
    .iwindow .ri .one .cont-show .des {
        font-size: 14px;
        display: none
    }
    .iwindow .ri .two .title {
        font-size: 24px
    }
    .iwindow .ri .two .small {
        font-size: 16px
    }
    .iwindow .ri .two .tutsmall {
        font-size: 14px;
        display: none
    }
    .iwindow .ri .two .cont-show .title .ones .onezi {
        font-size: 28px
    }
    .iwindow .ri .two .cont-show .title .ones .twozi {
        font-size: 18px
    }
    .iwindow .ri .two .cont-show .title .hen {
        margin: 25px auto 2.083333333333333rem
    }
    .iwindow .ri .two .cont-show .hen {
        margin: 20px 0;
        display: block
    }
    .iwindow .ri .two .cont-show .des {
        font-size: 14px;
        display: none
    }
    .ijoin .cont .container .ri .ls .lsones img {
        width: 20px
    }
    .ijoin {
        height: auto;
        padding-top: 40px
    }
    .ijoin .hen {
        margin: 20px auto 30px!important
    }
    .ijoin .le {
        padding: 25px 15px 0!important;
        height: auto!important;
        width: 92%!important;
        margin: 0 auto!important
    }
    .ijoin .le .two {
        margin-top: 10px
    }
    .ijoin .le .two .more,
    .ijoin .le .two .title {
        font-size: 20px!important
    }
    .ijoin .le .two .more {
        width: 100px!important;
        height: 100px!important
    }
    .ijoin .le .three {
        font-size: 14px!important
    }
    .ijoin .le .four {
        margin-bottom: 15px!important
    }
    .ijoin .le .five {
        padding-bottom: 30px
    }
    .ijoin .le .five .eone {
        font-size: 14px!important
    }
    .ijoin .le .five .etwo {
        font-size: 24px!important
    }
    .ijoin .ri {
        height: auto!important;
        padding: 0 20px!important;
        width: 100%!important;
        margin-bottom: 40px!important
    }
    .ijoin .ri .ls {
        padding: 25px 0 20px!important
    }
    .ijoin .ri .lstwos {
        font-size: 14px!important
    }
    .ijoin .container {
        display: block!important
    }
    .igjoin .cont .tutones .tutthree {
        margin-top: 5px;
        font-size: 14px
    }
    .igjoin-foot-swiper {
        width: -webkit-calc(100% - 20px)!important;
        width: -moz-calc(100% - 20px)!important;
        width: calc(100% - 20px)!important;
        margin: 0 auto
    }
    .igjoin-foot-swiper .twos {
        display: none!important
    }
    .igjoin-foot-swiper .swiper-slide {
        height: 70px!important
    }
    .igjoin {
        height: 455px!important;
        background: url(../img/pcimg36.jpg) no-repeat 35%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 0 auto;
        -webkit-box-shadow: -1px 1px 16px 2px #eee;
        -moz-box-shadow: -1px 1px 16px 2px #eee;
        box-shadow: -1px 1px 16px 2px #eee
    }
    .igjoin .tutthree,
    .igjoin .tuttwo {
        color: #000!important
    }
    .igjoin .cont {
        padding: 30px 10px!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 400px!important
    }
    .igjoin .cont .ones {
        width: 250px
    }
    .igjoin .cont .hen {
        margin: 15px 0 35px!important
    }
    .igjoin .cont .swiper {
        width: 100%!important
    }
    .igjoin .cont .swiper .title {
        font-size: 16px;
        margin-bottom: 15px;
        color: #000
    }
    .igjoin .cont .swiper .des {
        font-size: 14px;
        line-height: 1.6;
        color: #666
    }
    .igjoin .cont .twos {
        padding-left: 10px;
        bottom: 15px!important
    }
    .igjoin .cont .twos>a {
        width: 85px!important;
        height: 30px!important;
        line-height: 30px!important;
        font-size: 14px!important;
        margin-right: 10px!important
    }
    .inews .phonepc {
        display: none
    }
    .inews-phone {
        display: block
    }
    .inews-pagination {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0 30px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inews {
        height: auto!important
    }
    .inews .phoneimg {
        width: 90px;
        display: block;
        margin: 0 auto 15px
    }
    .inews .hen {
        display: none
    }
    .inews .cont {
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 0
    }
    .inews .ones {
        display: none
    }
    .inews .ones .list {
        margin-right: 0!important;
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -moz-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
        width: 100%;
        margin-bottom: 15px
    }
    .inews .ones .list .ls {
        width: 80px!important;
        font-size: 14px!important;
        text-align: center;
        @mixn phoneclickborder
    }
    .inews .ones .list .ls:not(:last-of-type) {
        margin-right: 0!important
    }
    .inews .swiper {
        height: auto!important;
        display: none
    }
    .inews .swiper .swiper-slide {
        display: block!important
    }
    .inews .swiper .le,
    .inews .swiper .ri {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: auto!important
    }
    .inews .swiper .le .leone {
        height: 180px!important
    }
    .inews .swiper .le .letwo {
        height: auto!important;
        padding: 5px!important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .inews .swiper .le .letwo .one .t {
        font-size: 20px!important;
        line-height: unset!important
    }
    .inews .swiper .le .letwo .one .f {
        font-size: 14px!important
    }
    .inews .swiper .le .letwo .two {
        display: none
    }
    .inews .swiper .le .letwo .three {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 20px
    }
    .inews .swiper .le .letwo .three .title {
        font-size: 14px!important;
        margin-bottom: 6px;
        width: 100%!important
    }
    .inews .swiper .le .letwo .three .des {
        font-size: 12px!important;
        line-height: 1.6;
        width: 100%!important
    }
    .inews .swiper .ri {
        margin-top: 10px
    }
    .inews .swiper .ri .ls {
        height: auto!important;
        padding: 5px!important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px!important
    }
    .inews .swiper .ri .ls .one .t {
        font-size: 20px!important;
        line-height: unset!important
    }
    .inews .swiper .ri .ls .one .f {
        font-size: 14px!important
    }
    .inews .swiper .ri .ls .two {
        display: none
    }
    .inews .swiper .ri .ls .three {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 20px
    }
    .inews .swiper .ri .ls .three .title {
        font-size: 14px!important;
        margin-bottom: 6px;
        width: 100%!important
    }
    .inews .swiper .ri .ls .three .des {
        font-size: 12px!important;
        line-height: 1.6;
        width: 100%!important
    }
    .webfoot {
        height: auto;
        padding: 20px 0;
        margin-bottom: 55px
    }
    .webfoot .tops {
        display: none;
        padding-bottom: 20px
    }
    .webfoot .tops .le {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        margin-bottom: 10px
    }
    .webfoot .tops .le .one {
        margin-bottom: 10px
    }
    .webfoot .tops .le .two img {
        width: 20px
    }
    .webfoot .tops .mid {
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        margin-bottom: 10px
    }
    .webfoot .tops .ri {
        margin-left: 20px
    }
    .webfoot .mids {
        display: none;
        padding: 20px 0
    }
    .webfoot .mids .le {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px
    }
    .webfoot .mids .le .ls {
        display: inline-block
    }
    .webfoot .mids .le .ls:not(:last-of-type) {
        margin-right: 10px
    }
    .webfoot .mids .le .ls .one {
        margin-bottom: 6px;
        font-size: 14px
    }
    .webfoot .mids .le .ls .two,
    .webfoot .mids .ri {
        display: none
    }
    .webfoot .foots {
        margin-top: 10px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px
    }
    .webfoot .foots .le {
        margin-bottom: 10px
    }
    .rbanner,
    .webfix,
    .webfoot .foots .le .t {
        display: none
    }
    .rbanner {
        height: 300px
    }
    .hidden-phone-list {
        display: none!important
    }
    .rcompany-about .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto
    }
    .rcompany-about .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rcompany-about .list .le .left {
        display: none
    }
    .rcompany-about .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rcompany-about .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rcompany-about .list .le .right .active {
        color: #ce2c30
    }
    .rcompany-about .list .ri {
        display: none
    }
    .rcompany-about .tops .three img {
        width: 50%;
        height: auto
    }
    .rcourse .list,
    .rcourse .mids {
        margin-bottom: 40px
    }
    .rcourse .mids {
        width: 115px
    }
    .rcourse .foots .swiper {
        width: 70%
    }
    .rcourse .foots .swiper .ls .lsone {
        font-size: 18px
    }
    .rcourse .foots .les {
        left: 20px
    }
    .rcourse .foots .ris {
        right: 20px
    }
    .rcourse .fos {
        height: auto;
        padding-bottom: 30px
    }
    .rcourse .fos .swiper-slide {
        display: block
    }
    .rcourse .fos .swiper-slide .fosle {
        margin: 0 auto;
        width: 100%;
        height: 280px
    }
    .rcourse .fos .swiper-slide .fosri {
        margin: 0 auto;
        height: auto;
        padding: 20px 10px 30px;
        width: 100%
    }
    .rcourse .fos .swiper-slide .fosri .title {
        font-size: 26px;
        margin-bottom: 5px
    }
    .rcourse .fos .swiper-slide .fosri .des {
        font-size: 14px
    }
    .rhoor {
        background: #fff
    }
    .rhoor .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rhoor .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rhoor .list .le .left {
        display: none
    }
    .rhoor .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rhoor .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rhoor .list .le .right .active {
        color: #ce2c30
    }
    .rhoor .list .ri {
        display: none
    }
    .rhoor-list .ls {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 0 auto 15px!important;
        height: 325px
    }
    .rpro .sections {
        display: none
    }
    .rpro .sections .foots .lists .le {
        font-size: 14px;
        margin-top: 10px
    }
    .rpro .sections .foots .lists .ri {
        margin-top: 10px
    }
    .rpro .sections .foots .lists .ri a {
        font-size: 14px;
        margin-bottom: 10px
    }
    .rpro .sections .foots .lists1 .active:before {
        bottom: -6px;
        height: 2px
    }
    .rpro .container .le {
        width: 96%
    }
    .rpro .container .le .all .ls {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        height: 220px;
        margin-bottom: 10px
    }
    .rpro .container .le .all .ls:nth-of-type(2n) {
        margin-left: 10px
    }
    .rpro .container .le .all .ls .ones {
        height: 75%
    }
    .rpro .container .le .all .ls .twos {
        height: 25%
    }
    .rpro .container .le .all .ls .twos .title {
        font-size: 16px
    }
    .rpro .container .le .all .ls .twos .des {
        font-size: 12px
    }
    .rprocont-le {
        padding: 0;
        margin: 0 auto;
        width: 96%
    }
    .rprocont-le .contents {
        padding: 5px;
        margin-bottom: 20px
    }
    .rprocont-le-one {
        display: block;
        margin-bottom: 20px
    }
    .rprocont-le-one .les {
        width: 100%;
        height: 300px
    }
    .rprocont-le-one .ris {
        width: 100%;
        height: auto;
        padding-bottom: 30px
    }
    .rprocont-le-one .ris .bdsharebuttonbox {
        display: none
    }
    .rprocont-le-one .ris .three_phone {
        padding-bottom: 26px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 26px;
        height: auto
    }
    .rprocont-le-one .ris .three_pc {
        display: none
    }
    .rprocont-le-two {
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 20px
    }
    .rprocont-le-three .ls {
        font-size: 14px
    }
    .rjoin {
        background: none
    }
    .rjoin .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rjoin .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rjoin .list .le .left {
        display: none
    }
    .rjoin .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rjoin .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rjoin .list .le .right .active {
        color: #ce2c30
    }
    .rjoin .list .ri {
        display: none
    }
    .rjoin-one {
        width: 200px
    }
    .rjoin-hen {
        margin: 20px auto 30px
    }
    .rjoin-two {
        display: block;
        margin-bottom: 0
    }
    .rjoin-two .le {
        width: 100%;
        height: auto;
        padding: 30px 15px
    }
    .rjoin-two .le .one {
        width: 150px
    }
    .rjoin-two .le .two {
        font-size: 20px
    }
    .rjoin-two .le .three {
        font-size: 14px
    }
    .rjoin-two .le .four {
        font-size: 24px;
        margin-bottom: 25px
    }
    .rjoin-two .le .five {
        height: auto
    }
    .rjoin-two .ri {
        width: 100%;
        height: auto;
        padding: 20px
    }
    .rjoin-two .ri .ls .one {
        font-size: 16px
    }
    .rjoin-two .ri .ls .two {
        font-size: 14px
    }
    .rjoin-condition {
        height: auto
    }
    .rjoin-condition .cont {
        padding: 30px 10px
    }
    .rjoin-condition .ones {
        width: 105px
    }
    .rjoin-condition .hen {
        margin: 30px 0 22px
    }
    .rjoin-condition .twos {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 20px
    }
    .rjoin-condition .more {
        width: 80px;
        height: 28px;
        font-size: 14px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        line-height: 28px
    }
    .rjoin-process {
        padding: 40px 0 25px
    }
    .rjoin-process .ones {
        width: 80px
    }
    .rjoin-process .hen {
        margin: 20px auto 30px
    }
    .rjoin-process .twos .ls {
        margin-bottom: 20px;
        width: 33.33%
    }
    .rjoin-process .twos .ls .lsone {
        width: 60px;
        height: 60px;
        margin: 0 auto 8px
    }
    .rjoin-process .twos .ls .lsone img {
        width: 20px
    }
    .rjoin-process .twos .ls .lstwo {
        font-size: 14px
    }
    .rjoin-support .cont {
        padding: 60px 0 30px
    }
    .rjoin-support .ones {
        width: 100px
    }
    .rjoin-support .hen {
        margin: 20px auto 30px
    }
    .rjoin-support .twos {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .rjoin-support .twos .ls {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 15px 0
    }
    .rjoin-support .twos .ls:nth-of-type(2n) {
        margin-left: 20px
    }
    .rjoin-support .twos .ls .one {
        font-size: 30px
    }
    .rjoin-support .twos .ls .two {
        font-size: 16px
    }
    .rjoin-support .twos .ls .three {
        font-size: 12px
    }
    .rjoin-eva {
        padding: 35px 0 25px
    }
    .rjoin-eva .ones {
        width: 100px
    }
    .rjoin-eva .hen {
        margin: 20px auto 30px
    }
    .rjoin-eva .twos {
        margin-bottom: 25px
    }
    .rjoin-eva .twos .t {
        height: 200px
    }
    .rjoin-eva .twos .f {
        height: 150px
    }
    .rjoin-eva .twos .f .one {
        font-size: 14px;
        margin: 10px 0 6px
    }
    .rjoin-eva .twos .f .two {
        height: 100px
    }
    .rnews {
        background: none
    }
    .rnews .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rnews .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rnews .list .le .left {
        display: none
    }
    .rnews .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rnews .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rnews .list .le .right .active {
        color: #ce2c30
    }
    .rnews .list .ri {
        display: none
    }
    .rnews .container .le {
        width: 96%
    }
    .rnews .container .le .all .ls {
        display: block;
        height: auto;
        -webkit-box-shadow: -1px 1px 16px 2px #eee;
        -moz-box-shadow: -1px 1px 16px 2px #eee;
        box-shadow: -1px 1px 16px 2px #eee
    }
    .rnews .container .le .all .ls .left {
        width: 100%;
        height: 200px
    }
    .rnews .container .le .all .ls .right {
        padding: 0 10px 20px;
        height: auto
    }
    .rnews .container .le .all .ls .right .title {
        font-size: 16px
    }
    .rnews .container .le .all .ls .right .des {
        font-size: 12px;
        height: auto
    }
    .rnews .container .le .all .ls .right .times {
        font-size: 12px
    }
    .rnews .container .le .all .ls .right .more {
        font-size: 14px;
        width: 80px
    }
    .rnewscont {
        background: none
    }
    .rnewscont .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rnewscont .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rnewscont .list .le .left {
        display: none
    }
    .rnewscont .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rnewscont .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rnewscont .list .le .right .active {
        color: #ce2c30
    }
    .rnewscont .list .ri {
        display: none
    }
    .rnewscont-le {
        padding: 0;
        margin: 0 auto;
        width: 96%
    }
    .rnewscont-le .contents {
        padding: 8px;
        margin-bottom: 20px
    }
    .rnewscont-le-ones .title {
        font-size: 20px;
        margin-top: 20px
    }
    .rnewscont-le-ones .small-title {
        display: block;
        font-size: 14px
    }
    .rnewscont-le-ones .small-title p {
        margin-bottom: 3px
    }
    .rnewscont-le-ones .bdsharebuttonbox {
        font-size: 12px;
        position: unset;
        margin-top: 10px
    }
    .rnewscont-le-twos .ls {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }
    .rnewscont-le-twos .ls a {
        font-size: 14px
    }
    .rnewscont-le-fours .tops .one {
        font-size: 16px
    }
    .rnewscont-le-fours .tops .two {
        font-size: 14px
    }
    .rnewscont-le-fours .foots {
        display: block
    }
    .rnewscont-le-fours .foots .les {
        width: 100%;
        padding: 20px 10px;
        height: auto
    }
    .rnewscont-le-fours .foots .les .two {
        display: block
    }
    .rnewscont-le-fours .foots .les .two .l {
        margin-bottom: 8px
    }
    .rnewscont-le-fours .foots .les .two .r>div {
        width: -webkit-calc(38% - 16px);
        width: -moz-calc(38% - 16px);
        width: calc(38% - 16px)
    }
    .rnewscont-le-fours .foots .les .two .r>div:not(:last-of-type) {
        margin-right: 8px
    }
    .rnewscont-le-fours .foots .les .two .r>div select {
        width: 100%
    }
    .rnewscont-le-fours .foots .les .four {
        height: 40px;
        font-size: 16px
    }
    .rnewscont-le-fours .foots .ris {
        width: 100%;
        padding: 20px 10px
    }
    .rcall .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rcall .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rcall .list .le .left {
        display: none
    }
    .rcall .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rcall .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rcall .list .le .right .active {
        color: #ce2c30
    }
    .rcall .list .ri {
        display: none
    }
    .rcall {
        padding-bottom: 0
    }
    .rcall .mobile {
        display: block;
    }
    .rcall .diannaopc {
        display: none;
    }
    .rcall .intro2 {
        padding: 30px 10px;
        font-size: 14px
    }
    .rcall .intro2 .ones {
        display: block
    }
    /* .rcall .intro2 .ones .ri {
        display: none
    } */
    .rcall .intro2 .twos {
        height: 300px
    }
    .footer-code {
        margin: 0 -10px
    }
    .footer-code .item {
        padding: 0 10px;
        margin-bottom: 10px
    }
    .footer-code h4 {
        font-size: 12px
    }
    .rcall .intro {
        padding: 30px 10px;
        font-size: 14px
    }
    .rcall .intro .ones {
        display: block
    }
    .rcall .intro .ones .ri {
        display: none
    }
    .rcall .intro .twos {
        height: 300px
    }
    .rgcjoin-ones {
        padding-bottom: 10px;
        background: none
    }
    .rgcjoin-ones .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        height: auto;
        margin-bottom: 40px
    }
    .rgcjoin-ones .list .le {
        padding-left: 0;
        display: block;
        background: none;
        border: none
    }
    .rgcjoin-ones .list .le .left {
        display: none
    }
    .rgcjoin-ones .list .le .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rgcjoin-ones .list .le .right .ls {
        width: -webkit-calc(33.33% - 2px);
        width: -moz-calc(33.33% - 2px);
        width: calc(33.33% - 2px);
        padding: 0;
        background: #d2d1d1;
        -webkit-box-sizing: box-sizing;
        -moz-box-sizing: box-sizing;
        box-sizing: box-sizing;
        margin: 0 1px 5px;
        height: 40px
    }
    .rgcjoin-ones .list .le .right .active {
        color: #ce2c30
    }
    .rgcjoin-ones .list .ri {
        display: none
    }
    .rgcjoin-ones .tops {
        display: block;
        margin-bottom: 0
    }
    .rgcjoin-ones .tops .ones {
        width: 95%;
        height: auto;
        margin: 0 auto
    }
    .rgcjoin-ones .tops .twos {
        width: 95%;
        height: auto;
        padding: 20px 10px;
        margin: 0 auto 20px
    }
    .rgcjoin-ones .tops .twos .one {
        font-size: 16px;
        margin-bottom: 14px
    }
    .rgcjoin-ones .tops .twos .two {
        font-size: 14px
    }
    .rgcjoin-ones .tops .twos .two img {
        margin-top: 4px
    }
    .rgcjoin-ones .foots {
        display: block
    }
    .rgcjoin-ones .foots .ls {
        width: 95%;
        height: auto;
        margin: 0 auto 20px
    }
    .rgcjoin-ones .foots .ls .ones {
        height: auto;
        width: 100%
    }
    .rgcjoin-ones .foots .ls .twos {
        height: auto;
        width: 100%;
        padding: 20px 10px
    }
    .rgcjoin-ones .foots .ls .twos .one {
        font-size: 16px;
        margin-bottom: 14px
    }
    .rgcjoin-ones .foots .ls .twos .two {
        font-size: 14px
    }
    .rgcjoin-ones .foots .ls .twos .two img {
        margin-top: 4px
    }
    .rgcjoin-twos {
        height: auto;
        padding-bottom: 30px
    }
    .rgcjoin-twos .cont {
        padding-top: 30px
    }
    .rgcjoin-twos .ones .one {
        font-size: 28px
    }
    .rgcjoin-twos .ones .two {
        font-size: 18px
    }
    .rgcjoin-twos .hen {
        margin: 25px auto 20px
    }
    .rgcjoin-twos .twos .t {
        display: block
    }
    .rgcjoin-twos .twos .t .ls {
        margin: 0 auto;
        width: 95%;
        border-left: 1px solid #dadada;
        border-right: 1px solid #dadada;
        height: auto
    }
    .rgcjoin-twos .twos .t .ls .four,
    .rgcjoin-twos .twos .t .ls .three,
    .rgcjoin-twos .twos .t .ls .two {
        height: auto;
        overflow: hidden;
        padding: 20px 10px 10px;
        font-size: 14px
    }
    .rgcjoin-twos .twos .t .ls1 .three {
        height: 70px
    }
    .rgcjoin-twos .twos .f {
        width: 95%;
        margin: 0 auto;
        border: 1px solid #dadada;
        border-top: none;
        padding: 16px 0 20px
    }
    .rgcjoin-twos .twos .f .one {
        font-size: 16px;
        margin-bottom: 8px
    }
    .rgcjoin-twos .twos .f .more {
        font-size: 14px;
        width: 80px;
        height: 26px;
        line-height: 26px
    }
    .rgcjoin-threes {
        height: auto;
        padding-bottom: 20px
    }
    .rgcjoin-threes .cont {
        padding-top: 30px
    }
    .rgcjoin-threes .ones .one {
        font-size: 28px
    }
    .rgcjoin-threes .ones .two {
        font-size: 18px
    }
    .rgcjoin-threes .hen {
        margin: 25px auto 20px
    }
    .rgcjoin-threes .twos {
        width: 94%;
        margin: 0 auto
    }
    .rgcjoin-threes .twos .ls {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        height: auto
    }
    .rgcjoin-threes .twos .ls:not(:nth-of-type(4n)) {
        margin-right: 0
    }
    .rgcjoin-threes .twos .ls:nth-of-type(2n) {
        margin-left: 10px
    }
    .rgcjoin-threes .twos .ls .one {
        height: auto
    }
    .rgcjoin-threes .twos .ls .two {
        height: auto;
        padding: 20px 10px
    }
    .rgcjoin-threes .twos .ls .two .t {
        font-size: 14px;
        margin-bottom: 4px
    }
    .rgcjoin-threes .twos .ls .two .f {
        font-size: 12px
    }
    .rgcjoin-fours {
        height: auto;
        padding-bottom: 20px
    }
    .rgcjoin-fours .cont {
        padding-top: 30px
    }
    .rgcjoin-fours .ones .one {
        font-size: 28px
    }
    .rgcjoin-fours .ones .two {
        font-size: 18px
    }
    .rgcjoin-fours .hen {
        margin: 25px auto 20px
    }
    .rgcjoin-fours .twos {
        font-size: 16px
    }
    .rgcjoin-fours .more {
        font-size: 14px;
        width: 80px;
        height: 26px;
        line-height: 26px
    }
    .rgcjoin-fives {
        height: auto;
        padding-bottom: 20px
    }
    .rgcjoin-fives .cont {
        padding-top: 30px
    }
    .rgcjoin-fives .ones .one {
        font-size: 28px
    }
    .rgcjoin-fives .ones .two {
        font-size: 18px
    }
    .rgcjoin-fives .hen {
        margin: 25px auto 20px
    }
    .rgcjoin-fives .twos .le .more {
        font-size: 14px;
        width: 80px;
        height: 26px;
        line-height: 26px
    }
    .rgcjoin-fives .twos {
        display: block;
        width: 94%;
        margin: 0 auto
    }
    .rgcjoin-fives .twos .le {
        width: 100%;
        height: auto;
        padding: 30px 20px
    }
    .rgcjoin-fives .twos .le .one {
        font-size: 28px
    }
    .rgcjoin-fives .twos .le .two {
        font-size: 16px;
        margin-bottom: 25px
    }
    .rgcjoin-fives .twos .le .three {
        font-size: 14px
    }
    .rgcjoin-fives .twos .le .four {
        font-size: 18px
    }
    .rgcjoin-fives .twos .ri {
        display: block;
        height: auto;
        width: 100%
    }
    .rgcjoin-sixs {
        height: auto;
        padding-bottom: 5px
    }
    .rgcjoin-sixs .cont {
        padding-top: 30px
    }
    .rgcjoin-sixs .ones .one {
        font-size: 28px
    }
    .rgcjoin-sixs .ones .two {
        font-size: 18px
    }
    .rgcjoin-sixs .hen {
        margin: 25px auto 20px
    }
    .rgcjoin-sixs .twos .ls {
        margin-bottom: 20px;
        width: 33.33%
    }
    .rgcjoin-sixs .twos .ls:not(:nth-of-type(6)),
    .rgcjoin-sixs .twos .ls:nth-of-type(10) {
        margin-right: 0
    }
    .rgcjoin-sixs .twos .ls .lsone {
        width: 60px;
        height: 60px;
        margin: 0 auto 8px
    }
    .rgcjoin-sixs .twos .ls .lsone img {
        width: 20px
    }
    .rgcjoin-sixs .twos .ls .lstwo {
        font-size: 14px
    }
    .messbox .mess {
        width: 90%;
        height: 430px;
        left: 5%;
        margin-left: 0;
        padding: 40px 10px
    }
    .messbox .mess .one {
        font-size: 20px
    }
    .messbox .mess .di {
        width: 20px
    }
    .joinbox .mess {
        width: 90%;
        height: 365px;
        left: 5%;
        margin-left: 0;
        padding: 40px 10px
    }
    .joinbox .mess .one {
        font-size: 20px
    }
    .joinbox .mess .di {
        width: 20px
    }
    .tutfont .tutones .tutone {
        font-size: 28px
    }
    .tutfont .tutones .tuttwo {
        font-size: 18px
    }
    .tutfont .tuthen {
        margin: 25px auto 20px
    }
    .webfixed {
        top: unset;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #eee
    }
    .webfixed .ls {
        width: 25%;
        border: none;
        height: 55px;
        color: #000
    }
    .webfixed .ls .img1 {
        display: none
    }
    .webfixed .ls .img2 {
        display: block;
        height: 25px
    }
    .webfixed .ls .title {
        margin-top: 3px
    }
    .webfixed .ls1 .tel,
    .webfixed .ls1:hover .tel,
    .webfixed .ls2 {
        display: none
    }
    .webfixed .gotop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .newlist,
    .newlist-f,
    .newnav {
        display: block
    }
    .newlist-f {
        width: 100;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 2% 40px
    }
}

@media(max-width:1500px) {
    .webtop .mid {
        display: none
    }
}

@media(max-width:768px) {
    .carousel,
    .webtop .ri>a {
        display: none
    }
    .carousel_phone,
    .isell .swiper_phone {
        display: block
    }
}

@media(max-width:1500px) {
    .webtop .ri .one {
        margin-right: 60px
    }
    .webtop .ri .two {
        display: block
    }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .carousel {
        height: 42.70833333333333rem
    }
    .rhoor .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rprocont-le {
        margin: 0 auto 30px;
        width: 96%
    }
    .rprocont-le .contents {
        padding: 10px
    }
    .rjoin .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rjoin-hen {
        margin: 30px auto 40px
    }
    .rjoin-two {
        display: block;
        margin-bottom: 50px
    }
    .rjoin-two .le {
        width: 700px
    }
    .rjoin-two .le,
    .rjoin-two .ri {
        margin: 0 auto 30px
    }
    .rjoin-condition {
        height: auto
    }
    .rjoin-condition .cont {
        padding: 50px
    }
    .rjoin-process {
        padding: 60px 0 35px
    }
    .rjoin-process .twos {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px
    }
    .rjoin-process .twos .ls {
        margin-bottom: 30px;
        width: 33.33%
    }
    .rnews .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rnews .container .le .all .ls .right .title {
        font-size: 16px
    }
    .rnews .container .le .all .ls .right .des,
    .rnews .container .le .all .ls .right .times {
        font-size: 12px
    }
    .rnews .container .le .all .ls .right .more {
        font-size: 14px
    }
    .rnewscont .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rnewscont-le {
        margin: 0 auto 30px;
        width: 96%
    }
    .rnewscont-le .contents {
        padding: 10px
    }
    .rnewscont-le-ones .title {
        margin-top: 15px;
        font-size: 26px
    }
    .rnewscont-le-ones .bdsharebuttonbox {
        position: unset;
        margin-top: 10px;
        font-size: 14px
    }
    .rnewscont-le-fours .foots {
        display: block
    }
    .rnewscont-le-fours .foots .les {
        width: 100%
    }
    .rnewscont-le-fours .foots .les .two .r {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .rnewscont-le-fours .foots .les .two .r>div {
        width: -webkit-calc(35% - 16px);
        width: -moz-calc(35% - 16px);
        width: calc(35% - 16px)
    }
    .rnewscont-le-fours .foots .les .two .r>div:not(:last-of-type) {
        margin-right: 8px
    }
    .rnewscont-le-fours .foots .les .two .r>div select,
    .rnewscont-le-fours .foots .ris {
        width: 100%
    }
    .rcall .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rgcjoin-ones {
        padding-bottom: 50px
    }
    .rgcjoin-ones .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px;
        margin-bottom: 60px
    }
    .rgcjoin-ones .tops {
        display: block;
        margin-bottom: 0
    }
    .rgcjoin-ones .tops .ones {
        width: 580px;
        height: auto;
        margin: 0 auto
    }
    .rgcjoin-ones .tops .twos {
        width: 580px;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0 auto 20px
    }
    .rgcjoin-ones .foots {
        display: block
    }
    .rgcjoin-ones .foots .ls {
        margin: 0 auto 20px
    }
    .rgcjoin-ones .foots .ls .ones {
        height: 300px
    }
    .rgcjoin-ones .foots .ls .twos {
        height: auto;
        padding: 30px 20px
    }
    .rgcjoin-twos {
        height: auto;
        padding-bottom: 50px
    }
    .rgcjoin-twos .twos .t {
        display: block
    }
    .rgcjoin-twos .twos .t .ls {
        margin: 0 auto;
        width: 95%;
        border-left: 1px solid #dadada;
        border-right: 1px solid #dadada;
        height: auto
    }
    .rgcjoin-twos .twos .t .ls .four,
    .rgcjoin-twos .twos .t .ls .two {
        height: auto;
        overflow: hidden;
        padding-bottom: 30px
    }
    .rgcjoin-twos .twos .f {
        width: 95%;
        margin: 0 auto;
        border: 1px solid #dadada;
        border-top: none
    }
    .rgcjoin-fives,
    .rgcjoin-fours,
    .rgcjoin-threes {
        height: auto;
        padding-bottom: 50px
    }
    .rgcjoin-fives .twos {
        display: block
    }
    .rgcjoin-fives .twos .le {
        width: 700px;
        height: auto;
        margin: 0 auto;
        padding: 50px 30px
    }
    .rgcjoin-fives .twos .ri {
        display: block;
        margin: 0 auto;
        height: auto
    }
    .rgcjoin-sixs {
        height: auto;
        padding-bottom: 10px
    }
    .rgcjoin-sixs .twos {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px
    }
    .rgcjoin-sixs .twos .ls {
        margin-bottom: 30px;
        width: 33.33%
    }
    .rgcjoin-sixs .twos .ls:not(:nth-of-type(6)),
    .rgcjoin-sixs .twos .ls:nth-of-type(10) {
        margin-right: 0
    }
}

@media(max-width:1400px) {
    .isearch {
        padding: 0 2.083333333333333rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .iabout {
        height: auto
    }
    .iabout .tops {
        padding: 4.166666666666666rem 2.083333333333333rem 0;
        display: block
    }
    .iabout .tops .one {
        width: 100%;
        height: auto
    }
    .iabout .tops .two {
        display: none
    }
    .iabout .tops .three {
        display: block;
        height: auto;
        width: 100%;
        padding: 0
    }
    .iabout .tops .three img {
        display: block;
        margin: 0 auto
    }
    .iabout .foots {
        padding: 1.0416666666666665rem 2.083333333333333rem 5.208333333333334rem;
        display: block;
        height: auto
    }
    .iabout .foots .one {
        margin: 0 auto 4.166666666666666rem;
        width: 100%;
        height: auto
    }
    .iabout .foots .one .title {
        margin: 5.208333333333334rem 0 2.34375rem
    }
    .iabout .foots .one .des {
        width: 100%;
        margin-bottom: 3.6458333333333335rem
    }
    .iabout .foots .one .more {
        margin-bottom: 3.125rem
    }
    .iabout .foots .two {
        width: 100%;
        height: 350px
    }
    .iabout .icont,
    .isell .foots {
        display: none
    }
    .idoor .cont {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 2.083333333333333rem
    }
    .rcompany-about .tops {
        padding: 10px 2.083333333333333rem 0;
        display: block
    }
    .rcompany-about .tops .one {
        width: 100%;
        height: auto
    }
    .rcompany-about .tops .two {
        display: none
    }
    .rcompany-about .tops .three {
        display: block;
        height: auto;
        width: 100%;
        padding: 2.604166666666667rem 0
    }
    .rcompany-about .tops .three img {
        display: block;
        margin: 0 auto
    }
}

@media(max-width:800px) {
    .isearch .ri {
        width: 100%
    }
}

@media only screen and (max-width:1400px) and (min-width:768px) {
    .iabout .tops .two .tones {
        margin-top: 50px
    }
    .ijoin {
        height: auto;
        padding-top: 80px
    }
    .ijoin .container {
        display: block!important;
        padding-bottom: 20px
    }
    .ijoin .container .le {
        margin: 0 auto
    }
    .ijoin .container .ri {
        margin: 20px auto 0
    }
    .igjoin .hen,
    .igjoin .ones,
    .igjoin .swiper,
    .igjoin .twos {
        margin-left: 10%!important
    }
    .inews {
        height: 1320px!important
    }
    .inews .cont {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 70px 20px 0!important
    }
    .inews .swiper {
        height: auto!important
    }
    .inews .swiper .swiper-slide {
        display: block!important
    }
    .inews .swiper .le,
    .inews .swiper .ri {
        margin: 0 auto;
        display: block
    }
    .inews .swiper .ri {
        margin-top: 30px
    }
    .rcompany-about .list {
        position: relative;
        top: unset;
        left: unset;
        margin-top: 40px
    }
    .rcourse .list {
        margin-bottom: 60px
    }
    .rcourse .fos {
        height: auto;
        padding-bottom: 60px
    }
    .rcourse .fos .swiper-slide {
        display: block
    }
    .rcourse .fos .swiper-slide .fosle {
        margin: 0 auto
    }
    .rcourse .fos .swiper-slide .fosri {
        margin: 0 auto;
        height: auto;
        padding: 30px 0 60px 38px
    }
}

@media(min-width:1400px) {
    .wfoots {
        display: none
    }
    .ijoin {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 160px
    }
}

@media(min-width:1200px) {
    .idoor:hover .cont {
        opacity: 1
    }
    .idoor .cont {
        opacity: 0
    }
    .idoor:hover .cont-pc {
        display: none
    }
    .iwindow .le:hover .c {
        opacity: 0
    }
    .iwindow .le:hover .cont-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1
    }
    .iwindow .le .cont-show {
        opacity: 0
    }
    .iwindow .ri .one:hover .cont-show,
    .iwindow .ri .two:hover .cont-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1
    }
    .iwindow .ri .one:hover .c,
    .iwindow .ri .two:hover .c {
        display: none
    }
    .iwindow .ri .one .cont-show,
    .iwindow .ri .two .cont-show {
        opacity: 0
    }
    .rnewscont-le,
    .rprocont-le {
        margin-bottom: 50px
    }
}

@media(max-width:1200px) {
    .idoor .cont-pc,
    .iwindow .le .c,
    .iwindow .le .cont-show .des,
    .iwindow .ri .one .c {
        display: none
    }
    .iwindow .ri .one .cont-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .iwindow .ri .two .c {
        display: none
    }
    .iwindow .ri .two .cont-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .iwindow .ri .one .cont-show .des,
    .iwindow .ri .two .cont-show .des {
        display: none
    }
}

@media (max-width:1005px) {
    .igjoin-foot {
        display: none
    }
    .igjoin-foot-swiper {
        display: block!important;
        width: 100%;
        overflow: hidden
    }
    .igjoin-foot-swiper .swiper-slide {
        height: 90px;
        cursor: pointer
    }
    .igjoin-foot-swiper .ones,
    .igjoin-foot-swiper .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .igjoin-foot-swiper .ones {
        width: 40px;
        height: 40px;
        margin: 0 auto 2px
    }
    .igjoin-foot-swiper .ones img {
        max-width: 30px
    }
    .igjoin-foot-swiper .twos {
        color: #6a6a6a;
        font-size: 12px;
        text-align: center
    }
    .igjoin-foot-swiper .active {
        position: relative
    }
    .igjoin-foot-swiper .active:before {
        content: "";
        width: 100%;
        height: 2px;
        bottom: -8px;
        left: 0;
        background: #c52e32;
        position: absolute
    }
}

@media(max-width:768px) and (max-width:768px) {
    .inews .ones img {
        display: none
    }
}

@media(min-width:768px) {
    .webfoot .tops .le .two .ls:hover {
        background: #ce2c30
    }
    .webfoot .tops .le .two .ls:hover .img1 {
        display: none
    }
    .webfoot .tops .le .two .ls:hover .img2 {
        display: block
    }
}

@media only screen and (max-width:1220px) and (min-width:768px) {
    .webfoot .mids .le .ls:not(:last-of-type) {
        margin-right: 5.208333333333334rem!important
    }
    .webfoot .mids .ri {
        margin-right: 2.083333333333333rem
    }
    .rjoin-support .twos .ls {
        margin-right: 30px!important
    }
    .rjoin-support .twos .ls:nth-of-type(5n) {
        margin-right: 0
    }
    .rgcjoin-threes .twos {
        width: 80%;
        margin: 0 auto
    }
    .rgcjoin-threes .twos .ls {
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px)
    }
    .rgcjoin-threes .twos .ls:not(:nth-of-type(4n)) {
        margin-right: 0
    }
    .rgcjoin-threes .twos .ls:nth-of-type(2n) {
        margin-left: 26px
    }
}

@media (max-width:1400px) {
    .rcompany-about .cont {
        overflow: hidden
    }
}

@media only screen and (max-width:1050px) and (min-width:768px) {
    .rhoor-list .ls {
        width: -webkit-calc(40% - 40px);
        width: -moz-calc(40% - 40px);
        width: calc(40% - 40px);
        height: 325px;
        margin-bottom: 15px;
        height: 280px
    }
    .rhoor-list .ls:not(:nth-of-type(3n)) {
        margin-right: 0
    }
    .rhoor-list .ls:not(:nth-of-type(2n)) {
        margin-right: 50px;
        margin-left: 100px
    }
}

@media (max-width:1200px) {
    .rpro .container .le {
        margin: 0 auto
    }
    .rpro .container .ri {
        display: none
    }
    .rnews .container .le {
        margin: 0 auto
    }
    .rnews .container .ri {
        display: none
    }
}

@media screen and (max-width:767px) {
    .customer-service {
        display: none
    }
}


/* 8.7 */

@media screen and (max-width: 768px) {
    .webfoot .tops {
        display: block;
    }
    .webfoot .tops .le {
        display: none;
    }
    .webfoot .tops .mid {
        display: none;
    }
    .webfoot .tops .ri .ls a .one {
        display: none;
    }
    .webfoot .tops .ri {
        margin-top: 3%;
    }
}